de webmaster a webmaster

Lo que tenemos clasificado como ‘chuletas

Recursos en HTML5 y CSS3

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Al rico recurso en HTML5 y CSS3:

HTML5 & CSS3 Resources for Designers
Updated: 2010-10-14 (new items highlighted below)
CSS3 Examples (including Media Queries)
http://thebox.maxvoltar.com/
http://hardboiledwebdesign.com
http://lostworldsfairs.com
http://www.informationarchitects.jp/
http://colly.com
http://hicksdesign.co.uk
http://jordandobson.com/better_rounded_border_demo/
http://www.designmadeingermany.de/magazin/5/
http://neography.com/experiment/circles/solarsystem/
http://neography.com/experiment/type1/
http://newadventuresconf.com/
http://maxvoltar.com/temp/nowplaying/
http://maxvoltar.com/sandbox/flipclock/
http://prandall.com/experimental/css3-backgrounds/
http://lab.simurai.com/css/umbrui/
http://trentwalton.com/css3/type/
HTML5 Examples (including Canvas)
http://www.chromeexperiments.com/
http://www.apple.com/html5/
http://www.apple.com/ipad/ready-for-ipad/
http://desandro.com/articles/close-with-canvas/
http://mezzoblue.github.com/PaintbrushJS/demo/
http://mugtug.com/sketchpad/
http://www.nihilogic.dk/labs/canvas2image/
http://www.rgraph.net/
http://videojs.com/
http://sublimevideo.net/
Tools, et al.
http://www.colorzilla.com/gradient-editor/
http://westciv.com/tools/
http://css3generator.com/
http://border-radius.com/
http://mothereffingtextshadow.com
http://modernizr.com/
http://selectivizr.com/
http://code.google.com/p/css3-mediaqueries-js/
http://code.google.com/p/ie7-js/
http://code.google.com/p/universal-ie6-css/
http://lessframework.com/
http://www.happyworm.com/jquery/jplayer/
http://macrabbit.com/cssedit/
http://html5reset.org/
http://html5boilerplate.com/
More reading
http://www.quirksmode.org/css/contents.html
http://reference.sitepoint.com/css/css3attributeselectors
http://diveintohtml5.org/
http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/
http://html5doctor.com/native-audio-in-the-browser/
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://24ways.org/2009/working-with-rgba-colour
http://24ways.org/2009/css-animations
http://24ways.org/2009/going-nuts-with-css-transitions
http://24ways.org/2009/cleaner-code-with-css3-selectors
http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/

http://realworldcss3.com/resources/

Papel para bocetos web

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Volvemos al boceteando que es gerundio, como nos gusta esta frase, como nos gusta bocetear.

Os traemos dos archivos en sendos PDFs uno con disposición vertical y otro horizontal, en ellos encontrarás una hoja perfectamente imprimible y cuadriculada donde podrás desarrollar tus bocetos para páginas y aplicaciones web para que quedes como un artistilla al presentar tus presupuestos. La página cuenta con alguna pega, la palabra TITLE que figura en inglés, pero bueno mal menor.

Estos bocetos están creados por raincreativelab.com, no son nada del otro jueves pero hoy estamos a viernes y algo es algo.

Los archivos aquí: Horizontal: Papel para boceto web horizontal (637) Vertical: Papel para boceto web vertical (607)

Blogueado por uvedobles.com alias uvedobles.com

May 28th, 2010 a las 7:06 am

Anatomía de una tipografía

sin comentarios, by the moment porfaplis, deja uno que "é grati"

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Blogueado por uvedobles.com alias uvedobles.com

May 20th, 2010 a las 6:52 am

Compatibilidad HTML5 con diferentes navegadores

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Si ayer te traíamos una chuleta con las compatibilidades de CSS3 con la mayoría de navegadores modernos hoy te traemos otra nueva chuleta pero esta vez con el listado de compatibilidades de HTML5 bajo esos mismos navegadores.

Blogueado por uvedobles.com alias uvedobles.com

April 1st, 2010 a las 9:09 am

Compatibilidad CSS3 con diferentes navegadores

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Hoy te traemos una tabla realizada por la gente de findmebyip con el listado de propiedades para hojas de estilo bajo CSS3 y su correspondiente compatibilidad con sistemas Mac, Windows y con los navegadores:  Chrome, Firefox, Opera, Safari e IE, en diferentes versiones.

Enlace: http://www.findmebyip.com/litmus/#target-selector

Blogueado por uvedobles.com alias uvedobles.com

March 31st, 2010 a las 8:21 am