Ayer, me tomé un tiempo para "celebrar" nuestro aniversario de 6 meses revisando nuestros tutoriales más antiguos. A veces, es fácil olvidar la cantidad de material increíble que tenemos en este sitio, ¡material que algunos de ustedes tal vez ni siquiera conozcan! Si eres como yo, utilizas el fin de semana para ponerte al día con tu aprendizaje, ya que el trabajo requiere mucho tiempo. Hoy, enumeraré los veinte primeros tutoriales sobre NETTUTS (sin ningún orden en particular) que impulsarán su educación.
No hay nada como construir un sitio completo para mostrarle una buena visión general de cómo debería funcionar un diseño CSS. En PSDTUTS tenemos un tutorial en el que diseñas un diseño web elegante y de alta calidad. En este tutorial vamos a tomar ese archivo PSD y compilarlo con algún código HTML y CSS limpio y agradable..
Visita el artículo
En este tutorial tomaremos tu sitio web promedio diario y lo mejoraremos con jQuery. Agregaremos la funcionalidad ajax para que el contenido se cargue en el contenedor relevante en lugar de que el usuario tenga que navegar a otra página. También estaremos integrando algunos impresionantes efectos de animación..
Visita el artículo
Versión uno va de oro! Los visitantes están aterrizando desde todos los rincones del mundo. Sabes que es probable que haya algunos problemas iniciales, es decir, 1.0.0.0 ... todos esos ceros están destinados a permitirnos un poco de gracia,?
Visita el artículo
Los proyectos varían en alcance y tamaño, y los desafíos que implican varían de la misma manera. Como diseñador web solitario, el trabajo más importante del que soy responsable es FlashDen. Junto con miles de miembros activos que chatean, suben y compran, el sitio procesa grandes cantidades de dinero y grandes cantidades de tráfico..
Visita el artículo
Hoy voy a llevarlo a través de todo el proceso de obtención de Photoshop para completar HTML. Vamos a construir un conjunto de 4 maquetas PSD de un sitio web que eventualmente se convertirá en un tema de WordPress. Es un tutorial masivo., así que si vas a seguir hasta el final, asegúrate de tener algunas horas de sobra!
Visita el artículo
Uno de los mayores desafíos para los diseñadores web es encontrar formas de colocar mucha información en una página sin perder la facilidad de uso. El contenido con pestañas es una excelente manera de manejar este problema y se ha utilizado ampliamente en blogs recientemente. Hoy vamos a crear un pequeño cuadro de información con pestañas simples en HTML, luego lo haremos funcionar con un simple Javascript, y finalmente finalmente lograremos lo mismo usando la biblioteca jQuery.
Visita el artículo
A menudo, en mi carrera como web ninja, me pidieron que modificara los proyectos de código abierto de tema para alinearlos con la marca de mis clientes. Dependiendo del proyecto, esto puede ser más o menos frustrante (te estoy mirando Magento) pero MediaWiki es uno de los proyectos más fáciles para trabajar debido a la cantidad limitada de archivos y cosas que ajustar. En este tutorial, veremos el proceso de creación de temas que usé para diseñar el próximo PSDTUTS Wiki, pero el proceso, en particular con Firebug, podría aplicarse a casi cualquier CMS.
Visita el artículo
CSS es un lenguaje relativamente simple de aprender. Dominarlo, por otro lado, puede resultar un poco más difícil. La compensación de varias inconsistencias del navegador solo puede producir una migraña. En este artículo, desmitificaremos cinco de los problemas más problemáticos que encontrará al crear aplicaciones web..
Visita el artículo
Un blogroll tradicional es una lista simple de otros sitios, a menudo en la barra lateral, que están relacionados, son de propiedad o son amigables con el sitio de origen. Los Blogrolls son una gran idea y punto de partida con el espíritu de los blogs, pero ¿cómo puede un lector casual saber si alguno de estos sitios es realmente interesante? Mejoremos el concepto de un blogroll no solo listando los sitios, sino también extrayendo de forma dinámica los titulares más recientes, y utilizando una animación jQuery divertida..
Visita el artículo
Cuando se trata de CSS, hay muchos recursos y supuestos "consejos de expertos" en la web. Estos son de "gurús" autoproclamados y no probados que no tienen credibilidad callejera en el mundo del diseño. Si bien pueden tener puntos válidos, ¿cómo saber si una sugerencia de CSS es un recurso válido o solo un truco no probado??
Visita el artículo
Una lucha que aún permanece hoy en día en el diseño web es mostrar toda la información redundante en cada página. Por ejemplo, un formulario de inicio de sesión. ¿Qué pasaría si hubiera una manera de hacer que el contenido sea fácilmente accesible en cada página, pero mantenerlo oculto hasta que sea necesario? Bueno, usted puede, al hacer un panel superior que al hacer clic, se revelará su propia identidad y su contenido. Pero tenemos que hacer que esto se vea bien, así que también lo animaremos.
Visita el artículo
La interfaz de usuario de JQuery puede agregar mucho a una página web. Hay muchos widgets diferentes que proporciona la interfaz de usuario. Una estrella en ascenso es el deslizador. En este tutorial, te mostraré cómo usar un control deslizante para controlar el tamaño del texto de un artículo en una página. Esto permite al usuario controlar exactamente el tamaño que se adapta a ellos, y también es una característica bastante impresionante de tener en un sitio!
Visita el artículo
En este tutorial, te mostraré cómo crear un conmutador de estilos utilizando jQuery y PHP. El resultado final será un modificador de estilo dinámico discreto y totalmente degradable que será rápido y fácil de implementar.
Visita el artículo
Sweetcron es "El software automatizado de Lifestream Blog". Todavía está en beta pública, pero ya es un paquete de software de blog muy bueno. La belleza de Sweetcron es que las nuevas publicaciones se crean automáticamente a partir de su actividad en cualquier otro lugar de la web. ¿Nuevas fotos en flickr? ¿Tweets en Twitter? ¿Pulgares arriba en StumbleUpon? Publicaciones de blog en Tumblr? Agréguelos a su sitio potenciado por Sweetcron y aparecerán en su sitio en minutos..
Visita el artículo
Parece que la obsesión de la industria del diseño web en este momento es la capacidad de crear una "sección destacada". Si bien una vez puede haber requerido mucha habilidad, ese ya no es el caso. En este screencast, te mostraré cómo crear fácilmente una sección destacada desplazable usando uno de los temas populares de Theme Forest como referencia. Vamos a entrar en eso!
Visita el artículo
jQuery agrega una gran cantidad de funciones geniales a tus sitios web. Puede hacer una variedad de cosas, desde animación a AJAX. Por lo general, no está de acuerdo confiar en jQuery para diseñar sus sitios, pero es divertido volverse loco de vez en cuando. En este tutorial, te enseñaré cómo usar jQuery para crear un panel de control completamente codificado, ¡como Leopard! Esto puede ser útil para ocultar una gran cantidad de gadgets o widgets para los que no tienes espacio.!
Visita el artículo
Hay muchas formas diferentes de comunicarse con sus usuarios en estos días. Los canales RSS, SMS y sitios como Twitter han cambiado la forma en que hablamos con nuestra audiencia. Pero por mi dinero, no puede superar el toque personal de un buen boletín de noticias por correo electrónico..
Por supuesto, mantener un boletín informativo puede requerir esfuerzo, pero en este tutorial le mostraré cómo usar su sitio web normal de Wordpress combinado con Feedburner para crear un administrador de boletines de correo electrónico simple.
Visita el artículo
WordPress parece estar en todas partes en estos días, y no es de extrañar que sea fácil de usar y personalice. En este tutorial, analizaré la estructura de comments.php del tema de WordPress predeterminado y te daré varios fragmentos de código para facilitar la creación de aspectos..
Visita el artículo
Apple siempre ha sido Dios en cuanto a la forma en que se presentan a sí mismos y sus productos. Me encanta la barra lateral en la página de inicio de Apple, y quería usar el complemento Accordion en jQuery UI para lograr esto. Como si eso no fuera suficiente para mí, también quiero poder mostrarlo y ocultarlo a mi gusto. Te voy a mostrar como!
Visita el artículo
Existen algunas técnicas o efectos especiales que pueden enriquecer casi cualquier página web. Estos son los 20 mejores efectos Ajax que todo desarrollador web debe conocer. Son partes esenciales de la caja de herramientas de cualquier desarrollador web. Si aún no los ha visto, sin duda lo hará en sus futuros esfuerzos de desarrollo web..
Visita el artículo
Al igual que muchos otros diseñadores web, me gusta la codificación de páginas web hermosas pero flexibles que se muestran prácticamente idénticas en todos los navegadores web. Desafortunadamente, el diseño de boletines por correo electrónico le devuelve diez años. Etiquetas obsoletas, tablas, estilo en línea, ¡oh! En este artículo, enumeraré seis métodos que mejorarán inmediatamente los diseños de sus correos electrónicos..
Visita el artículo