Entradas

Mostrando las entradas etiquetadas como html

50 aplicaciones gratuitas para diseñadores y programadores web

Excelente el artículo publicado en speckyboy.com donde muestran una lista de aplicaciones de gran utilidad para quien programa y diseña sitios web. Podemos encontrar procssor.com , para limpiar código CSS, scriptsrc.net , para usar librerías JS, htmlform.com , para crear formularios HTML, spritebox.net , para crear clases CSS, TryRuby , para probar Ruby desde el navegador, plupload.com , para programar uploads de archivos, Favigen para crear favicons, FrameBox , para crear bocetos, css3generator y css3menu , para quien trabaja con CSS3, browize , para ver el resultado de la web en otros tamaños de navegador … decenas de aplicaciones que ya fueron comentadas en algún momento en nuestra categoría de Utilidades para Diseño , aunque siempre es bueno recordarlas de vez en cuando. via 50 aplicaciones gratuitas para diseñadores y programadores web

Libros gratuitos para Diseñadores Web y Desarrolladores

Desde que salieron los ebooks (libros electrónicos) soy fanático de ellos, nada mejor que poder tener un libro de cientos de páginas en un par de MB y que no estén pesando kilos en tu maleta. De seguro algunos de los siguientes libros les podrán ser de utilidad. Introduction to Good Usability by Peter Pixel (PDF) Web Accessibility Checklist by Aaron Cannon (PDF) CSS Systems For Writing Maintainable CSS by Natalie Down e (PDF) Better CSS Font Stacks by Nathan Ford (PDF) Faster, and More Secure Webfonts by Bram Pitoyo (PDF) Designing for the Web by Mark Boulton (PDF) Building iPhone Apps with HTML, CSS, and JavaScript by Jonathan Stark (PDF) UX Storytellers – Connecting the Dots (PDF) Essential JavaScript And jQuery Design Patterns by Addy Osmani (PDF) 20 Things I learned about Browsers and the Web (PDF) Taking Your Talent to the Web by Jeffrey Zeldman (PDF) Dive Into HTML 5 by Mark Pilgrim (PDF) jQuery Fundamentals (PDF) Data Structures and Algo...

Extensiones de Google Chrome para diseñadores web

Imagen
Excelente el artículo del obligatorio SixRevision donde indican algunas extensiones para Chrome importantes para cualquier diseñador web. Aquí os dejo con ellas, espero que os ayuden a aumentar el nivel de productividad. Awesome Screenshot Ideal para hacer capturas de pantalla de varios tipos. Podemos escribir o dibujar en las capturas realizadas, siendo ideal para quien quiere comentar alguna función de una página web determinada. Web Developer Una excelente colección de herramientas para quien quiere trabajar con plantillas web, analizar contenido en HTML, determinar colores y muchas otras funciones relacionadas con la estructura de una web.

ShiftEdit – Entorno de programación web en la nube

Imagen
ShiftEdit es una espectacular herramienta de desarrollo web que podremos utilizar para crear o retocar nuestras páginas directamente desde nuestro navegador , sin necesidad de instalar nada en nuestro PC. Para ello, sólo tendremos que crear una cuenta gratuita, e introducir los datos necesarios para la conexión a través de FTP . A partir de ahí ya podremos comenzar a programar, viendo coloreadas las distintas instrucciones ya sean de: PHP, Ruby, HTML, CSS o JavaScript . Además también podremos acceder a un historial con las distintas versiones del código, reemplazar palabras o instrucciones y por supuesto, ver el resultado de lo que estamos programando en tiempo real , algo ideal a la hora de depurar. Una aplicación excelente que nos ahorrará muchísimo tiempo a todos los que nos dedicamos al desarrollo web. Más detalles en  http://shiftedit.net/overview via: http://wwwhatsnew.com

Ambilight para HTML5 Video

Imagen
Ambilight para HTML5 Video : "El tag <video /> del estándar HTML5 va a convertirse en el formato de visualizar videos en Internet, es solo cuestión de tiempo. Ya hemos visto algunas interesantes aplicaciones que se le puede dar , pero esta es sin duda, y por ahora, la más espectacular que he visto. (Ver Imagen) Mediante <canvas /> conseguimos simular el efecto luminoso que Phillips impuso en sus televisores planos con los colores que vemos en el vídeo que estamos reproduciendo . Podemos ver el código fuente que lo implementa directamente desde aquí . Artículos relacionados Implementando <video /> de HTML5 con Javascript Propuesta de subtítulos para el tag video en HTML5 16 ejemplo de Javascript que intenta acabar con Flash Más sobre el contenido multimedia, HTML5 y WebKit Firefox 3.1 integrará soporte multimédia HTML5 "