Imatges per presentacions: Xarxes Social

Imatges per presentacions: Xarxes Socials

Image courtesy of Pixomar / FreeDigitalPhotos.net

Flickr - Perspecsys Photos

HTML5 i CSS3: Fonts d'informació i generadors

http://www.w3.org/Style/CSS/

Fonts d'informació

Al començar a programar en HTML5 i CSS3 cal obtenir una font d'informació fiable i que aporti exemples, i els apartats més interessants.

Faig aquí un recull de llocs on tractar aquests temes.

Tema	On?
HTML General	HTML (ENG) Un excel·lent resum de HTML5 de 1 pàgina (Gràcies a Smashingmagazine.com)
CSS General	CSS(ENG)
<div>	DIV (ENG)
<nav> Exemple display:inline	nav (ENG) Exemples menu horitzontal (Spanish)
<Canvas> Grafics	Canvas (ENG) canvas i SVG (ENG) SVG (ENG) Un  generador gratuït i força interessant: canva.com
CSS selectors: # . *	CSS Selectors (ENG) Herència i cascada
Fonts	W3.org-fonts Font, @Font-face CSS3 Fontface
Generadors CSS	CSS3generator.com Gradients Generator CSSPortal.com Rounded-corner, menus i 1000 trucs CSS3maker.com - menus i més CSS3.com
media Utilitzat per a disseny adaptable ("responsive") a diferents dispositius	Screen resolution alistapart.com - Responsive <link rel='stylesheet' media='only screen and (min-width:530px) and (min-device-width:480px)' href='screen-480.css' />
CSS Selectors ::after	W3schools-Selectors p::after {content:"- Remember this";} per exemple, afegeix el text a tots els paràgrafs.

Enllaços relacionats:

• Developer Mozilla (ENG)

HTML5: Video convertidors

http://www.w3.org/Style/CSS/

HTML5: Formats de video

Una de les avantatges de HTML5 i CSS3 es que estandarditza els formats, una mica, i permet la gestió de vídeos sense complicar massa la programació.

Malgrat això moltes vegades ens cal preparar-ho en diversos formats i aquí es on entren les eines de conversió. De les que he provat jo em quedo amb les 2 següents:

Eina	Funcionalitat
HandBrake	Gratuïta. Open Source. Eina gràfica molt fàcil de utilitzar. La que he provat es la versió HandBrake-0.9.9-1 sobre Windows Contra: No admet tots els formats possibles.
FFmpeg	La meva favorita. Gratuita. Publicada sota GNU. Eina que permet la majoria de conversions.  Utilitza diverses llibreries que li permeten fer-ho. Contra: Si no ets programador... no vinguis. Es una eina que funciona amb línia de comandes "Command line". Permet fer coses increïbles com canviar de format: ffmpeg -i MP4_origen.mp4 webm_desti.webm Extreure DVD a mp4: ffmpeg -i D:\VIDEO_TS\EXAMPLE.vob -c:a libmp3lame "C:\Carpeta amb espais\EXEMPLE.mp4" O rotar un vídeo: ffmpeg -i "C:\La meva carpeta\origen.mp4"  -vf "transpose=dir=1:passthrough=portrait"  "C:\La meva carpeta\GIRAT_90graus.mp4"
VLC	El famós Video Player també permet gravació, tot i que durant les proves (versió 2.1.3) a mi no m'ha funcionat correctament.
	Altres eines disponibles, encara que no son totalment gratuïtes o tenen avisos, etc... Una bona comparativa la pots trobar a: Wikipedia - Comparativa de editors

Enllaços relacionats:

• FFmpeg
• HandBrake
• VLC
• Wikipedia - Comparativa de editors
• CSS Tricks
• CSS3 Forçar el tamany del contenidor DIV

Eines de verificació MD5, SHA-1 a Windows

icon from openclipart.org

Al descarregar Software es habitual que publiquin les signatures MD5 i SHA-1 per tal que es pugui verificar que el contingut descarregat correspon al que esta publicat a la pàgina oficial.
A casa es fàcil fer la verificació, però com ho puc fer dins d'una empresa amb restriccions de productes?

Verificació MD5, SHA-1 a Windows.

Habitualment el món empresarial te desplegat Windows, i els departaments de IS no posen excessius problemes en instal·lar aplicacions de Microsoft.
Una de les eines que publica, sense suport cal dir, es Windows-KB841290-x86-ENU.exe, un nom gens descriptiu que correspon a una eina bàsica de verificació.
Te una segona avantatge i es que es pot instal·lar en el directori de la teva elecció, sense que requereixi permisos d'administrador (Restricció habitual en entorns empresarials amb Windows 7).

Un cop descarregada e instal·lada (imaginem que a c:\Temp per seguir l'exemple), pot verificar la signatura amb la següent execució bàsica com a exemple de verificació:

C:\Temp>fciv.exe "c:\examples\winscp517setup.exe" -sha1

//
// File Checksum Integrity Verifier version 2.05.
//
46ecee81ae34e63297a83ddc25eee8ff4c20dfe1 c:\examples\winscp517setup.exe

Amb aquesta execució (fciv.exe) i especificant el format de càlcul (-sha1) et retorna el resultat del fitxer consultat.


Apa, ja pots fer verificacions sense que el teu departament de IS posi traves i problemes.

Enllaços relacionats:

Microsoft File Checksum tool
Microsoft tool