Iconos Gratis
Publicado: 13 febrero 2012 Archivado en: CSS, HTML Deja un comentario »Modern Pictograms
Number of Icons/Characters: 89
Price: Free
License: Open Font License →
Download Page: Modern Pictograms →
Web Symbols Typeface
Number of Icons/Characters: 77
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols Typeface →
A Free Icon Web Font
Number of Icons/Characters: 60
Price: Free
License: SIL Open Font License (OFL) →
Download Page: A Free Icon Web Font →
Iconic Icon Set
Number of Icons/Characters: 171
Price: Free
License: Creative Commons Share Alike 3.0 →
Download Page: Iconic Icon Set →
Raphaël Icon-Set
Number of Icons/Characters: 116
Price: Free
License: The MIT License (MIT) →
Download Page: Raphaël Icon-Set →
Modern Pictograms
Number of Icons/Characters: 92
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Modern Pictograms →
Symbol Signs
Number of Icons/Characters: 21
Price: Free
License: Creative Commons – Attribution →
Download Page: Symbol Signs →
Pictos
Number of Icons/Characters: 94
Price: $49
License: Pictos License →
Download Page: Pictos →
Fico
Number of Icons/Characters: 52
Price: €19
Download Page: Fico →
Web Symbols
Number of Icons/Characters: 78
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols →
iconSweets 2
Number of Icons/Characters: 400+
Price: $8
License: You may use these icons/font for both commercial and non-commercial projects and customize them any way you like. You may NOT redistribute these icons.
Download Page: iconSweets 2 →
Tipogram
Number of Icons/Characters: 90
Price: $18
License: Tipogram License @fontface font” width”640″>
Download Page: Tipogram @fontface font” width”640″>
InfoBits Icons & Dingbats
Number of Icons/Characters: 190
Price: $29 for both styles
License: Fonthead Standard EULA →
Download Page: InfoBits Icons & Dingbats →
ikoo
Number of Icons/Characters: 65
Price: Free
License: Creative Commons Attribution-Share Alike →
Download Page: ikoo →
Social Media Icons Pack
Number of Icons/Characters: 74
Price: Free
Download Page: Social Media Icons Pack →
GUI Design Icons
Number of Icons/Characters: 30
Price: $17
Download Page: GUI Design Icons →
Dot Com Font
Number of Icons/Characters: 93
Price: Free
License: Free for personal use.
Download Page: Dot Com Font →
ClickBits Web Icon & Dingbat System
Number of Icons/Characters: 300+
Price: $49 for all styles
License: Fonthead Standard EULA →
Download Page: ClickBits Web Icon & Dingbat System →
Social Networking Icons Font
Number of Icons/Characters: 56
Price: Free
Download Page: Social Networking Icons Font →
Writesocial
Number of Icons/Characters: 18
Price: Free
License: Free Art License →
Download Page: Writesocial @fontface font” width”640″>
JustVector Social Icons Font
Number of Icons/Characters: 30
Price: Free
Download Page: JustVector Social Icons Font →
Flexi Social Icons
Number of Icons/Characters: 65
Price: Free
Download Page: Flexi Social Icons →
Crear un CSS utilizando HTML con BearCSS
Publicado: 8 febrero 2012 Archivado en: CSS, HTML | Tags: estructuras, herramienta, html xml, odia, programador, web tales Deja un comentario »
Podemos definir que CSS, llamado técnicamente hojas de estilo, es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML. Este nos ayuda o nos permite definir los aspectos visuales de un sitio web tales como, color de fondo, color de los enlaces, tamaño del sitio.
CSS nos permite modificar todos los aspectos visuales de la página utilizando un solo archivo, es cual es llamado a la página desde la cabecera, por ejemplo, con solo modificar este archivo podemos cambiarle el color de fondo a toda la página. Pero resulta algo extraño pero esta es una de las partes que el programador odia por eso no todos saben definir estructuras del CSS, pero si saben definir los parámetros visuales del sitio en HTML.
Para ayudarte en la elaboración de hojas de estilo te tengo una herramienta llamada BearCSS, es una aplicación vía web gratuita que te genera hojas de estilo a partir de archivos en HTML. Para usar la aplicación no necesitamos registro, solo basta con subir el archivo HTML, automáticamente la aplicación genera la plantilla y después solo es descargar. Si eres programador o diseñador web, esta es una de las aplicaciones que no puede faltar en tu libreta de marcadores, así que te la recomiendo ya comencé a usarla y veo que es algo sumamente excelentes para tus proyectos.
Fuente | Bearcss
HAML y Sass
Publicado: 11 enero 2012 Archivado en: CSS, Design, HTML | Tags: current user, html css, left column, sass, stylesheets, ya Deja un comentario »
HAML, es un lenguaje de marcado ligero con el cual podemos generar HTML y XHTML a partir de un sencillo DSL. Haml busca limpiar las plantillas y deshacerse de los lenguajes “feos” que venimos utilizando en nuestras plantillas HTML. Haml evita la necesidad de codificar explícitamente XHTML en la plantilla, ya que es en sí mismo una descripción de los XHTML, con algo de código para generar contenido dinámico.
HAML
#profile .left.column #date= print_date #address= current_user.address .right.column #email= current_user.email #bio= current_user.bio
Sass:Es un tipo CSS Syntactically Awesome Stylesheets. que trabaja para HAML, como si se tratara de HTML Y CSS pero en este caso es HAML Y Sass
Ya puedes jugar Mario Bros en HTML5
Publicado: 10 agosto 2011 Archivado en: HTML Deja un comentario »
Robert Kleffner es el nombre del del gran programador que se puso a hacer un port de Infinite Mario, juego originalmente desarrollado en Java por el reconocido programador Markus Persson.
Kleffner lo integró conFacebook como para que el resto de tus amigos se enteren de qué tan bueno eres jugando Mario Infinito.
Fuente: Infinite Mario Bros (Vía Opera News)
Por lo menos Hace 20 años se publicó el primer sitio web de la Historia
Publicado: 8 agosto 2011 Archivado en: HTML Deja un comentario »
El 6 de agosto de 1991 nació la World Wide Web, cuando el magnifico físico de 36 años, Tim Berners-Lee, publicó el primer sitio web del mundo. Berners-Lee trabajaba en el CERN, y el sitio que creó estaba bajo el alero del centro de investigación quien dio gran interes a esta investigacion. Asi que no te confundas, no fue google la primera pagina echa en la historia.
Info.cern.ch era la dirección del primer sitio web y el primer servidor, corriendo en un computador NeXT en el CERN. La dirección de la primera página era http://info.cern.ch/hypertext/WWW/TheProject.html, que estaba centrada en información sobre el proyecto WWW. Los visitantes podían aprender sobre html , detalles técnicos para crear sus propias webs de forma rapida , e incluso explicaciones sobre cómo buscar información dentro de la página. No hay pantallazos de la página original, y en todo caso, los cambios a la información disponible se hacían todos los días, a medida que el proyecto WWW se desarrollaba.
Las únicas personas que surfeaban en la web, eran Berners-Lee y sus colegas científicos en el CERN quienes tambien fueron participe del proyecto, mientras el resto del mundo se mantenía en la ignorancia sobre lo que acababa de nacer ahí osea todos pasaban por la profunda pena hasta yo . Con la instalación de más servidores y la aparición de los navegadores, la web empezó a masificarse y todos a darse cuenta del gran descubrimiento. El gran paso se dio en 1993, con el lanzamiento del navegador Mosaic, que ayudó inmensamente a popularizar la web.
En 1994, Berners-Lee fundó el World Wide Web Consortium (también conocido como W3C) en el Massachusetts Institute of Technology (MIT) para crear un estándar que permitiera que los sitios funcionaran de la misma manera – problema que se sigue resolviendo hoy con sistemas como el HTML5 por ejemplo. Berners-Lee sigue siendo el director del organismo, que ha guiado la formación de la web como la conocemos hoy.
Link: 20 years ago today: The first website is published (Wired vía CHW)
Aplicaciones gratuitas para diseñadores y desarrolladores Web
Publicado: 14 junio 2011 Archivado en: HTML Deja un comentario »Existen excelentes opciones gratuitas, para diseñadores y desarrolladores Web
En el artículo se muestran 50 de ellas.
fuente: 50+ Free Mac Apps For Web Designers And Developers (Huge Toolkit)
Validar si tu tu-navegador-soporta-html5-con-html5test/
Publicado: 18 abril 2011 Archivado en: HTML Deja un comentario »
Fuente: html5test.com
La diferencia que hay entre un Diseñador Web y un Programador Web
Publicado: 26 marzo 2011 Archivado en: HTML 1 comentario »En esta infografia nos muestra de manera divertida y realista la gran batalla entre Web Designers and Web Developers, podras ver de forma sinple quien gana. y cuales son las dificultades a las que se pueden enfrentar en el camino.
Fuente: Web Designers vs Web Developers by Six Revisions
El Logo HTML 5 ya es oficial
Publicado: 19 enero 2011 Archivado en: HTML 1 comentario »En Mashable dieron el eco a seguir hace un moneto . mostrando lo que es la presentacion del logo HTML5. , dando el visto bueno del consorcio W3C, del que dicen lo siguiente sito textualmente:
Firme y verdaderao, resistente y universal como el markup que escribes. Resplandece tan brillante ygrueso como la visión de futuro de desarrolladores web como tu. Es el estándar del estándar, un banderín para el progreso. Y no utiliza tablas para maquetar. Presentamos el logotipo de HTML5.
Michael Nieling, uno de los diseñadores encargado de Ocupop, traduce el logo y su forma diciendo que trata de simbolizar como HTML5 es el icono del movimiento tecnológico actual —entendemos que a nivel web—, y también como este está enmarcado en una insignia que trata de expresar el honor de un escudo de armas que simbolizael espíritu de unos estándares y comunidad Open Web .
Este nuevo logo llega también el merchandising y los banners para indicar que tu sitio utiliza HTML, los cuales ya se pueden descargar en la página web del consorcio W3C.
Particularmente me parece sinple elegante pero a su vez bastante moderno y adecuado a estos tiempos .
Fuente:
Fuente: Mashable
