OnlyCSS Menu – Crea menus personalizados para tu sitio web

OnlyCSS Menu es una pequeña aplicación ideal para aquellos usuarios que tengan su propio sitio web, ya que nos permite crear menús perfectamente funcionales usando código CSS y HTML sin necesidad de programar.

Los menús podrán ser totalmente personalizados, encontrando diseños horizontales, verticales, desplegables o incluso paso a paso, por lo que contaremos con algo de variedad a la hora de elegir.

El servicio es realmente útil, con diseños muy logrados y modernos, que harán de tu sitio web algo más navegable y usable.

Por último, decir que para utilizar cualquiera de estos menús no necesitaras conocimientos previos sobre los lenguajes HTML y CSS, ya que simplemente deberás copiar y pegar el código que te proporcione la aplicación.

Ví­a | Pixelco

CSS Rand – Sitios profesionales para inspirarte en tu diseño web

CSS Rand es un portal dedicado principalmente al usuario que tiene un sitio web o pretende tener uno.

Un site donde podremos visualizar más de 400 sitios web con un diseño extremadamente profesional y así­ nos servirá para inspirarnos en el diseño de nuestro sitio web o blog.

Su utilización es bastante sencilla, clicamos en el banner del site y hacer F5 cada vez que queramos visualizar otro sitio.

En fin, una galerí­a más a saber si deseas tener un diseño profesional, además si te ha gustado podrás suscribirte para recibir notificaciones de los nuevos sites que se añadan.

cssgallery.com – Galerí­a de obras de arte hechas con CSS

Hace casi un año os presenté una lista de sitios web que podiamos usar para divulgar nuestros trabajos de diseño web, siendo y cuando estuvieran realizados con CSS (nada de tablas).

Hoy me presentan una nueva opción, cssgallery.com, con cientos de sitios añadidos por los usuarios y por los «spiders» que se encargan de encontrar nuevas opciones en la web.

Aunque le falta un sistema eficaz de clasificación de su contenido, es un buen lugar para pasarse un buen rato navegando entre diseños extremadamente variados.

Devcheatsheet – Recopilación de chuletas de lenguajes de programación

Devcheatsheet es un servicio web que nos permite informarnos sobre una gran variedad de lenguajes de programación y scripts.

Según los responsables del servicio web, actualmente recopilan lenguajes de programación como:

Ada, AJAX, C, C#, C++, CFScript, Clojure, COBOL, ColdFusion, Common Lisp, Delphi, Erlang, F#, Fortran, Haskell, Java, JavaFX Script, JavaScript, Lisp, Lua, MATLAB, Objective-C, Pascal, Perl, PHP, Prolog, Python, R, Ruby, Scala, Scheme, Server Side Includes ,Tcl, VB.NET, VBScript, Visual Basic.

Además de códigos de programación tradicionales, ahora también comienza a recopilar lenguajes de marcado como CSS, HTML5, entre otros.

A la hora de buscar una chuleta de un lenguaje podremos encontrarlos en formato de imagen, HTML o PDF.

Un servicio web imprescindible para todo aquél que es aficionado a la programación.

Enlace | www.devcheatsheet.com

jsdo.it – Comparte Javascript, HTML 5 y CSS

jsdo.it es una web en la que podemos escribir código y compartilo con otras personas.

Podemos navegar entre los scripts creados por los usuarios y modificarlos para realizar mejoras o solucionar problemas, todo ello viendo el resultado en tiempo real en la misma página.

Ideal para experimentar nuevas funciones, aprender nuevas técnicas y formar parte de una comunidad dispuesta a crecer en conjunto.

Css3Watch – Los más impresionantes ejemplos de CSS3 en la web

Influenciado por el famoso HTML5Watch, blog que se encarga de mostrar los ejemplos más sorprendentes de HTML5 en la web, Zander Martineau lanza CSS3 Watch.

Se trata de una fantástica colección de sitios web y aplicaciones que usan CSS3 para mostrar las posibilidades que tiene esta nueva forma de programar hojas de estilo. Entre ellas podemos ver ILoveBlur, la Fail Whale dibujada con CSS o el recientemente comentado Launchlist para mostrar tareas pendientes en un diseño web.

Un sitio imprescindible para quienes están aprendiendo a crear una nueva web.

buildorpro – Impresionante herramienta visual de diseño web

Cada vez se ven más y más herramientas que nos permiten diseñar sitios web sin necesidad de sumergirnos en lineas y lineas de código fuente. Hoy he descubierto buildorpro.com, un buen ejemplo de lo que estoy queriendo decir.

Como podéis ver en el breve ví­deo demostración que aquí­ os dejo, nos permite importar el código de cualquier página web existente y alterar los elementos de forma gráfica, sin tener que abrir el código fuente y con posibilidad de ajustar colores, posiciones y tamaños en pocos segundos.

Esta aplicación se ejecuta desde el navegador y se encuentra en beta cerrada, por lo que tendréis que pedir una invitación desde su página inicial, en el formulario «Join our beta group«.

Herramientas para comprimir CSS y Javascript

En el mundo de la tecnología y el desarrollo web, la velocidad de carga de las páginas es un factor crítico a considerar. Los profesionales que trabajamos en proyectos web sabemos que el tiempo que una página web tarda en abrirse en los navegadores puede tener un impacto significativo en la experiencia del usuario y, en última instancia, en el éxito del sitio.

Para abordar este desafío, existen diversas técnicas y herramientas disponibles, y una de las más utilizadas es la optimización del tamaño de los archivos CSS y JavaScript. Reducir la cantidad de datos que se deben transferir desde el servidor al cliente puede acelerar de manera significativa la carga de una página web. A continuación, vamos a explorar algunas de las herramientas más comunes que los desarrolladores web pueden emplear para llevar a cabo esta optimización.

JSMin – Esta herramienta es ampliamente conocida por su capacidad para reducir el tamaño de los archivos JavaScript. JSMin realiza dos tareas principales: elimina los comentarios y elimina los espacios en blanco innecesarios en los archivos JS. Al eliminar estos elementos, se reduce el tamaño del archivo, lo que a su vez agiliza la descarga y ejecución del código en el navegador del usuario.

JSO (JavaScript Optimizer) – JSO es otra herramienta esencial en el arsenal de un desarrollador web. Permite gestionar de manera eficiente los archivos JavaScript y CSS, permitiendo un mayor control sobre la cantidad de datos que se transmiten entre el servidor y el cliente. Esto es crucial para minimizar los tiempos de carga de una página web.

JSCompress.com – Esta plataforma en línea ofrece una solución rápida y conveniente para reducir el tamaño de los archivos JavaScript. Utiliza técnicas como JSMin o Packer para comprimir los archivos y disminuir su huella, lo que mejora la velocidad de carga de la página.

CSS Compressor – La optimización de archivos CSS es igualmente importante. CSS Compressor se dedica a comprimir archivos CSS, eliminando redundancias y espacios en blanco. De esta manera, se asegura que los estilos se apliquen de manera eficiente, lo que contribuye a una experiencia de usuario más fluida.

YUI Compressor – Desarrollada por Yahoo, YUI Compressor es ampliamente considerada como una de las herramientas más seguras y eficientes para la optimización de archivos CSS y JavaScript. Ofrece una amplia gama de opciones de configuración y garantiza una reducción significativa en el tamaño de los archivos sin comprometer la funcionalidad.

Para los profesionales del desarrollo web, la optimización de los archivos CSS y JavaScript es una práctica esencial. Las herramientas mencionadas anteriormente, como JSMin, JSO, JSCompress.com, CSS Compressor y YUI Compressor, son recursos valiosos para garantizar que las páginas web se carguen de manera rápida y eficiente, brindando a los usuarios una experiencia óptima. La elección de la herramienta adecuada dependerá de las necesidades específicas del proyecto, pero todas ellas desempeñan un papel fundamental en la búsqueda de un rendimiento web óptimo.

Protofluid – Prueba tu web en varios tamaños y navegadores

protofluid.com nos permite ver cómo aparece nuestra web en diferentes navegadores y tamaños. Sólo tenemos que indicar la url, el dispositivo y el tamaño, mostrando un popup con el resultado.

Con media queries para CSS3 y varios consejos para su uso correcto, se presenta como una aplicación web en HTML5 y CSS3 para prototipado.

Sin duda una buena herramienta para quien trabaja con diseño web.

Ví­a webresourcesdepot.com