Code archivos - Krypton Solid

Cómo utilizar el método de diseño de Flexbox (parte 1)

Cómo utilizar el método de diseño de Flexbox (parte 1) Con cada nueva revisión de CSS, salen a la luz una gran cantidad de atributos nuevos y emocionantes; uno de los cuales es la pantalla …

Cómo optimizar la legibilidad mediante el procesamiento de texto

Cómo optimizar la legibilidad mediante el procesamiento de texto El aspecto más frustrante del diseño web para los diseñadores capacitados para la impresión es la persistente falta de control tipográfico. Las elecciones tipográficas cuidadosas son …

15 páginas 404 realmente creativas

15 páginas 404 realmente creativas Hemos hablado de las páginas de ‘Contacto’. Hemos hablado de la página «Acerca de». Sabes qué poner en estas páginas porque, con suerte, lo has pensado mucho. Y sabe exactamente …

A Taste of CoffeeScript (Parte 1)

A Taste of CoffeeScript (Parte 1) Seamos realistas, JavaScript no siempre ha tenido la mejor reputación entre los desarrolladores, y desde la fundación de CoffeeScript en 2009, este pequeño lenguaje ha conquistado el mundo de …

Aprenda a contar con CSS

Aprenda a contar con CSS Escondidos en las profundidades de la especificación CSS, encontrará contadores CSS. Como sugiere el nombre, te permiten contar algo en tu página con CSS incrementando el valor cada vez que …

Usando el Foundation Framework

Usando el Foundation Framework Hace un par de semanas el famoso Marco de la fundación lanzó su cuarta versión. Si nunca ha oído hablar de Foundation, lo guiaremos a través del uso de este marco …

Cómo escapar de una penalización por vínculos no naturales

Cómo escapar de una penalización por vínculos no naturales Para algunos diseñadores web, es una práctica bastante estándar colocar un enlace a su propio sitio en el pie de página de un sitio web diseñado …

IM-Creator: cree sitios HTML5 impresionantes de forma gratuita

IM-Creator: cree sitios HTML5 impresionantes de forma gratuita Hace unos años, era difícil crear un sitio web de aspecto profesional sin diseñar y codificar algo desde cero. Había plantillas gratuitas y creadores de sitios web, …

Cómo escribir Markdown

Cómo escribir Markdown Recientemente, se ha hablado mucho sobre las rebajas como una forma alternativa de formatear el texto. Decidí investigar un poco y ver de qué se trataba toda la charla y, de hecho, …

Cómo utilizar el almacenamiento local para JavaScript

Cómo utilizar el almacenamiento local para JavaScript La creación de una aplicación de tareas pendientes suele ser la primera aplicación que aprendes a crear en JavaScript, pero el problema con todas esas aplicaciones es que …

Cómo utilizar el atributo de descarga

Cómo utilizar el atributo de descarga HTML5 vino con todas las API nuevas, nuevos tipos de entrada y atributos para formularios. Como suele ser el caso, esas adiciones importantes a menudo oscurecen las actualizaciones menores …

Cómo utilizar las transiciones CSS3

Cómo utilizar las transiciones CSS3 Todo el mundo ama el movimiento. Agregar la cuarta dimensión (tiempo) al diseño de un sitio es la principal forma en que el diseño basado en pantallas se destaca del …

Efectos de partículas en Edge Animate

Efectos de partículas en Edge Animate Una de las ventajas más interesantes de utilizar Adobe Edge Animate es la integración perfecta con nuevas y emocionantes funciones de CSS que ni siquiera conocía existió hasta explorar …

15 enfoques inspiradores de CSS

15 enfoques inspiradores de CSS HTML solo llevará al diseñador web hasta ahora y si desea crear un diseño web dinámico, atractivo y reactivo, debe aprender e implementar CSS. No solo puede crear elementos de …

Cómo utilizar la especificidad de CSS

Cómo utilizar la especificidad de CSS Si planea usar CSS de manera regular, debe comprender qué es la especificidad y cómo se aplica. Aparte de los flotadores y las posiciones, la especificidad puede ser una …

Cómo crear un diseño receptivo que cumpla con los estándares usando @Viewport

Cómo crear un diseño receptivo que cumpla con los estándares usando @Viewport Uno de los conceptos clave en cualquier diseño receptivo es el cambio de tamaño de la ventana gráfica. Eso es porque las ventanas …

Cómo utilizar la función de arrastrar y soltar de HTML5

Cómo utilizar la función de arrastrar y soltar de HTML5 Durante mucho tiempo han existido funciones de JavaScript que nos permiten crear interfaces de arrastrar y soltar, pero ninguna de estas implementaciones era nativa del …

Presentación de regiones CSS

Presentación de regiones CSS Crear diseños complejos y flexibles nunca ha sido fácil, pero CSS3 ciertamente ha eliminado muchos de los dolores de cabeza. Las características de CSS3 como Flexbox y Columns han hecho que …

Obtenga craqueo con Backbone

Obtenga craqueo con Backbone Durante años, los desarrolladores han aprovechado los marcos PHP como CakePHP, CodeIgniter e incluso los marcos Ruby basados en el patrón MVC. Pero si lo piensas bien, no ha habido muchos …

Cómo crear sus propios códigos cortos de WordPress

Cómo crear sus propios códigos cortos de WordPress En la versión 2.5, WordPress introdujo códigos cortos, y probablemente todos los hemos usado en un momento u otro. Por lo general, vienen con complementos, o incluso …

Cómo crear un efecto de paralaje simple

Cómo crear un efecto de paralaje simple En toda la web están surgiendo sitios que utilizan lo que se conoce como Desplazamiento de paralaje. En esencia, un desplazamiento de paralaje es cuando el contenido se …

Cómo administrar el botón Atrás con JavaScript

Cómo administrar el botón Atrás con JavaScript Un problema importante con las aplicaciones basadas en JavaScript es que rompen el botón Atrás. Si actualiza el contenido de la página con JavaScript en lugar de cargar …

Ride the Rails Way

Ride the Rails Way Ah, Ruby on Rails. El campeón del ajetreo de las startups y el proyecto paralelo. Eso, en esencia, describe muchas de las razones por las que creo que la gente disfruta …

Cómo hacer una miniatura animada

Cómo hacer una miniatura animada Las miniaturas son una de las piezas más puras de usabilidad que ha creado la era digital. En esencia, una miniatura es una vista previa, una promesa de lo que …

Cómo aprovechar la API meteorológica de Yahoo!

Cómo aprovechar la API meteorológica de Yahoo! En 2006, mientras trabajaba en una agencia de diseño en Cardiff, Gales, se me ocurrió una idea para presentar en nuestro sitio web las condiciones meteorológicas actuales fuera …

HTML5 y SEO

HTML5 y SEO Desde la llegada de los primeros motores de búsqueda web, los diseñadores y desarrolladores han luchado con problemas de cómo aumentar su ubicación en la página de resultados de un motor de …

Una guía simple para la tipografía receptiva

Una guía simple para la tipografía receptiva La gran mayoría de los artículos que hablan sobre diseño receptivo se centran en dos áreas principales: una cuadrícula fluida y flexible e imágenes fluidas y flexibles. De …

Internacionalice su complemento de WordPress

Internacionalice su complemento de WordPress Los complementos de WordPress le permiten modificar y mejorar fácilmente su blog al brindar nuevas funciones que de otro modo no están disponibles en el código base. El uso de …

Firefox 16 se bloquea y se quema

Firefox 16 se bloquea y se quema Firefox de Mozilla ha ido perdiendo cuota de mercado lentamente desde su pico a mediados de 2009. Antes del establecimiento de Chrome de Google, Firefox era la única …

Restringir la entrada con JQuery

Restringir la entrada con JQuery Si hay algo que me vuelve loco en línea, es cuando los formularios de entrada me permiten ingresar datos incorrectos, solo para señalar el error después de intentar enviarlos. Parece …

TypeScript de Microsoft recibe una reacción mixta

TypeScript de Microsoft recibe una reacción mixta El único ECMAScript que todavía está bien que le guste, JavaScript en los últimos años ha hecho caso omiso de sus etiquetas de «falta de potencia», «hinchado» e …

Cómo crear una información sobre herramientas CSS3 simple

Cómo crear una información sobre herramientas CSS3 simple La información sobre herramientas es una excelente manera de mostrarle al usuario más información simplemente colocando el cursor sobre una imagen o texto. Se pueden utilizar, por …

Cómo empezar con Sass

Cómo empezar con Sass Hay un problema persistente con CSS; no admite variables. Cada vez que especifica un color, para un bloque de texto o el borde de una imagen, debe repetir el código hexadecimal. …

Creación de una ventana modal con HTML5 & Amp; CSS3

Creación de una ventana modal con HTML5 & Amp; CSS3 Las cajas modales son una herramienta de uso frecuente en el arsenal del desarrollador web. Se utiliza, entre muchas cosas, para formularios de inicio de …

Optimice su JavaScript con RequireJS

Optimice su JavaScript con RequireJS RequireJS es una forma eficaz de mejorar la velocidad y la calidad de su código JavaScript, lo que lo hace mucho más legible y más fácil de mantener. En este …

Recapturando la importancia de la experiencia de usuario

Recapturando la importancia de la experiencia de usuario https://www.webdesignerdepot.com/2013/02/recaptchaing-the-importance-of-ux/

Cómo crear una barra de menú de cambio de tamaño

Cómo crear una barra de menú de cambio de tamaño Últimamente algunos sitios web, como Esta es la brigada y Todo tu, han comenzado a presentar un menú dinámico y animado que cambia de tamaño …

Novedades para diseñadores, marzo de 2013

Novedades para diseñadores, marzo de 2013 La edición de marzo de novedades para diseñadores y desarrolladores web incluye nuevas aplicaciones web, complementos de jQuery y recursos JavaScript, herramientas de gestión de proyectos y productividad, CMS, …

Cómo utilizar la API de pantalla completa

Cómo utilizar la API de pantalla completa Junto con HTML5 vino una gran cantidad de bondades de API y una de las mejores fue la API de pantalla completa que proporciona una forma nativa para …

Cómo crear un selector de color con HTML5 Canvas

Cómo crear un selector de color con HTML5 Canvas Crear aplicaciones de lienzo es lo nuevo, incluso podemos crear juegos con él, es compatible con todos los navegadores principales, tanto de escritorio como móviles, y …

Sorteo: gane $ 500 créditos de VectorStock

Sorteo: gane $ 500 créditos de VectorStock VectorStock.com tienen una gran colección de archivos vectoriales, con miles de archivos nuevos que se agregan cada semana. Los vectores cubren temas que van desde etiquetas antiguas hasta …

IDE web: el futuro de la codificación

IDE web: el futuro de la codificación ¿Sigues usando editores de código de escritorio? Los entornos de desarrollo web integrados (IDE) son una nueva forma de crear sus proyectos web directamente en el navegador, lo …

15 modos de fusión CSS que potenciarán sus imágenes

15 modos de fusión CSS que potenciarán sus imágenes Una de las características más valiosas de Photoshop, posiblemente la característica que lo adelantó a su competencia, son los modos de fusión. Los modos de fusión …

Cómo comenzar con fuentes de capa en CSS

Cómo comenzar con fuentes de capa en CSS Podríamos estar inclinados a pensar en fuentes muy decorativas y multicolores como pertenecientes a la era de la tipografía digital. No tan. El tipo cromático que permitió …

8 transiciones CSS3 simples que sorprenderán a sus usuarios

8 transiciones CSS3 simples que sorprenderán a sus usuarios CSS3 ha introducido innumerables posibilidades para los diseñadores de UX, y lo mejor de ellas es que las partes más interesantes son realmente sencillas de implementar. …

Cómo crear un encabezado fijo animado, con CSS3 y JQuery

Cómo crear un encabezado fijo animado, con CSS3 y JQuery Las tendencias van y vienen. Los que se quedan más tiempo lo hacen porque resuelven un problema en particular. Una tendencia que es popular en …

3 trucos para agregar textura a su texto con CSS y SVG

3 trucos para agregar textura a su texto con CSS y SVG Probablemente esté familiarizado con el uso de texto para enmascarar una imagen en Photoshop; es la forma más conocida de agregar algo de …

5 razones por las que debería usar Sass hoy

5 razones por las que debería usar Sass hoy A estas alturas estoy seguro de que has oído hablar de Sass y de cómo De Verdad ¡Necesito empezar a usarlo! « Aprender una nueva herramienta …

Cómo escribir CSS simple y elegante con Compass & Sass

Cómo escribir CSS simple y elegante con Compass & Sass Muchos diseñadores utilizan algún tipo de preprocesador CSS, ya sea Hablar con descaro a, MENOS o Aguja. Si ha usado alguno de estos, probablemente también …

La guía para principiantes de Sass

La guía para principiantes de Sass Es posible que haya oído hablar del preprocesamiento de CSS y se esté preguntando de qué se trata todo este rumor. Puede que incluso hayas oído hablar de Hablar …

Cree fácilmente gráficos animados impresionantes con Chart.Js

Cree fácilmente gráficos animados impresionantes con Chart.Js Los gráficos son mucho mejores para mostrar datos visualmente que las tablas y tienen el beneficio adicional de que nadie los presionará para usarlos como herramienta de diseño. …

Ampliación de JQuery: el marco de efectos de la interfaz de usuario

Ampliación de JQuery: el marco de efectos de la interfaz de usuario El marco de efectos de la interfaz de usuario de jQuery está modularizado, al igual que el marco de widgets, lo que le …

Cómo reproducir videos con HTML5

Cómo reproducir videos con HTML5 Colocar un video en formato HTML5 es simple, no es más complejo para cualquier navegador que colocar una imagen. En este artículo, aprovecharemos al máximo la compatibilidad con el navegador …

Cómo utilizar la geolocalización HTML5

Cómo utilizar la geolocalización HTML5 La nueva función de geolocalización en HTML5 agrega la funcionalidad al navegador necesaria para detectar la ubicación del usuario, generar coordenadas y devolverlas como valores al usuario. No solo funcionará …

3 impresionantes efectos de animación CSS que cautivarán a sus usuarios

3 impresionantes efectos de animación CSS que cautivarán a sus usuarios El diseño visual hermoso ya no es suficiente, el diseño moderno necesita una gran interacción para destacarse realmente. Las animaciones en sus diseños pueden …

10 fragmentos de JQuery que todo diseñador debe conocer

10 fragmentos de JQuery que todo diseñador debe conocer jQuery se utiliza en miles y miles de páginas web. Es una de las bibliotecas más comunes para insertar en páginas y hace que la manipulación …

Cómo poner en marcha su HTML

Cómo poner en marcha su HTML Un objetivo principal de todos los desarrolladores es un desarrollo más rápido, especialmente el arranque rápido. Hay docenas de frameworks disponibles en los últimos años que apuntan a tener …

Cómo crear una cuadrícula deslizable con JQuery

Cómo crear una cuadrícula deslizable con JQuery Esta cuadrícula es una forma divertida y agradable de mostrar múltiples piezas de información en la misma cantidad de espacio, al hacer que cada sección de la cuadrícula …

JQuery: el bueno, el feo y el malo

JQuery: el bueno, el feo y el malo jQuery es la biblioteca JavaScript de código abierto, entre navegadores, compatible con CSS3 más grande que existe y ha hecho que la creación de scripts del lado …

Prueba del navegador: un árbol genealógico

Prueba del navegador: un árbol genealógico Una tarea lleva a los profesionales de la web a la distracción más que cualquier otra: probar si su diseño funciona igualmente bien en una multitud de navegadores y …

7 tipos de personalidad de los desarrolladores de hoy

7 tipos de personalidad de los desarrolladores de hoy Los desarrolladores y programadores son personas meticulosas, y los desarrolladores a veces se destacan incluso entre ellos. Le presentamos 7 tipos de diseñadores en nuestro artículo …

Libros HTML5 y CSS3 a tener en cuenta en 2010

Libros HTML5 y CSS3 a tener en cuenta en 2010 Durante el año pasado, nuevas técnicas y trucos que involucraron Mejoras en HTML5 y CSS3 se han compartido en varios sitios web, lo que brinda …

Más de 20 demostraciones que muestran efectos avanzados de JQuery

Más de 20 demostraciones que muestran efectos avanzados de JQuery Hace poco, Flash era una de las principales tecnologías utilizadas por los diseñadores web para agregar interactividad a un sitio web. Desde la introducción del …

Estás fracasando como desarrollador web, y este es el motivo

Estás fracasando como desarrollador web, y este es el motivo Hay un sinfín de contenido disponible en el mundo de los blogs de diseño web que nos dice cómo hacer las cosas bien y cómo …

Luche contra Div-Itis y Class-Itis con el sistema de cuadrícula 960

Luche contra Div-Itis y Class-Itis con el sistema de cuadrícula 960 Hace años, las tablas HTML eran el estándar para diseñar páginas web. CSS y el pensamiento semántico cambiaron eso, y hoy los frameworks CSS …

El blog de Virgin Atlantic Airways: un estudio de caso

El blog de Virgin Atlantic Airways: un estudio de caso Trabajar con una empresa tan grande como Virgin Atlantic fue una especie de sueño hecho realidad para mí. Es algo a lo que aspiran muchos …

Errores e inconsistencias de CSS en Firefox 3.x

Errores e inconsistencias de CSS en Firefox 3.x No hay muchos artículos que cubran incompatibilidades o Diferencias CSS en Firefox solo, y por una buena razón. Firefox siempre ha hecho un excelente trabajo al admitir …

WordPress vs. ExpressionEngine: ¿Manzanas y naranjas?

WordPress vs. ExpressionEngine: ¿Manzanas y naranjas? Esta publicación ha tardado en llegar. Ya sea en Twitter o en la blogosfera, la pregunta surge a menudo, y me han preguntado en numerosas ocasiones mi opinión sobre …

Agregar transparencias y degradados con CSS

Agregar transparencias y degradados con CSS La forma en que maneja el color en sus diseños web está a punto de cambiar. Quizás ha estado jugando con valores de color hexadecimales desde que era un …

Lo que todo desarrollador web debe saber sobre el rendimiento de front-end

Lo que todo desarrollador web debe saber sobre el rendimiento de front-end Con demasiada frecuencia, como desarrolladores, ignoramos un último paso crucial antes de lanzar un sitio web: optimizando para el rendimiento. La mayoría de …

Arte generativo con HTML5

Arte generativo con HTML5 Parece que todavía estamos rascando la superficie de lo que HTML5 es capaz de hacer, y diferentes personas y organizaciones presentan nuevos usos e ideas todo el tiempo. MIX Online se …

Desarrollo de CSS eficiente y optimizado

Desarrollo de CSS eficiente y optimizado CSS se puede comparar con el conjunto de herramientas de un escultor; Como escultores en el trabajo, los diseñadores usamos CSS para crear diseños estructurados de sitios web. Con …

Un caso para codificar sus wireframes

Un caso para codificar sus wireframes Trabajar como diseñador día tras día puede resultar laborioso. Afortunadamente, el campo se ha expandido y, por lo tanto, el proceso se ha vuelto más simple. Hay muchas herramientas …

10 lugares para comprar temas de WordPress diseñados profesionalmente

10 lugares para comprar temas de WordPress diseñados profesionalmente En los últimos años, la popularidad de WordPress se ha disparado, lo que ha llevado a una creciente demanda de temas. Con esta creciente demanda, hemos …

Reseña de libros – HTML5: en funcionamiento

Reseña de libros – HTML5: en funcionamiento En lo que respecta a la literatura sobre diseño web, creo que es seguro decir que 2010 ha sido el año de los libros HTML5. Si bien varios …

Caja de herramientas y recursos del sistema de cuadrícula 960

Caja de herramientas y recursos del sistema de cuadrícula 960 El sistema de cuadrícula 960 fue creado por Nathan Smith como una forma de agilizar el flujo de trabajo de desarrollo web al proporcionar dimensiones …

10 mejores prácticas de CSS para mejorar su código

10 mejores prácticas de CSS para mejorar su código Es muy fácil preguntarse cómo su CSS llegó a ser un desastre. A veces es el resultado de una codificación descuidada desde el principio, a veces …

¿Por qué es importante el marcado limpio en el diseño web?

¿Por qué es importante el marcado limpio en el diseño web? Debido a que la web es un organismo cambiante y en constante evolución, es importante crear sitios que puedan crecer con ella y aprovechar …

Cómo elegir el CMS adecuado

Cómo elegir el CMS adecuado Los sistemas de gestión de contenido se han convertido en una de las herramientas de desarrollo web más poderosas de Internet desde PHP. En un mercado en el que los …

¿Está siguiendo los principios del diseño CSS de primer nivel?

¿Está siguiendo los principios del diseño CSS de primer nivel? CSS puede ser un lenguaje de marcado extremadamente poderoso para los diseñadores. Sin embargo, el CSS que se produce es tan bueno como los principios …

Cómo funciona Ajax

Cómo funciona Ajax En la codificación JavaScript tradicional, si desea obtener información de una base de datos o un archivo en el servidor, o enviar información de usuario a un servidor, tendrá que hacer un …

6 razones por las que los diseñadores deberían codificar

6 razones por las que los diseñadores deberían codificar Lo sé, lo sé … ninguno de los tipos creativos quiere tener nada que ver con la codificación más allá del HTML / CSS muy básico …

Microsoft anuncia SuperPreview para pruebas de navegador IE

Microsoft anuncia SuperPreview para pruebas de navegador IE La prueba del navegador es un tema candente y frustrante entre los diseñadores y desarrolladores web por igual. En la mayoría de los casos, los desarrolladores diseñan …

WDD lanza la versión móvil con Mobify

WDD lanza la versión móvil con Mobify Hoy nos complace anunciar el lanzamiento oficial del version móvil de Webdesigner Depot. Gracias al increíble equipo y servicio de Mobify, pudimos implementar fácilmente una versión móvil para …

Soluciones a 5 problemas comunes de Ajax

Soluciones a 5 problemas comunes de Ajax El desarrollador web moderno que no considera Ajax a la hora de planificar o construir sus sitios web, potencialmente se está perdiendo una poderosa herramienta para mejorar la …

Transiciones CSS 101

Transiciones CSS 101 A pesar de las expectativas de cambio y movimiento de la gente en la pantalla, CSS y HTML Tienes pocos controles que te permitan diseñar interactividad, y los que existen son binarios. …

5 mejoras de diseño de CSS3 que puede usar hoy

5 mejoras de diseño de CSS3 que puede usar hoy Hojas de estilo en cascada (CSS) es el lenguaje del diseño web, y la próxima generación de propiedades de diseño de CSS está empezando a …

40 excelentes aplicaciones de Adobe AIR para diseñadores y desarrolladores

40 excelentes aplicaciones de Adobe AIR para diseñadores y desarrolladores Adobe AIR es una de las plataformas de aplicaciones menos apreciadas, pero la cantidad de aplicaciones disponibles para AIR la hace increíblemente útil. Hay aplicaciones …

Más de 20 editores de blogs de escritorio útiles

Más de 20 editores de blogs de escritorio útiles Si eres un poderoso bloguero, o alguien que bloguea regularmente, en varios blogs, con publicaciones detalladas y en profundidad, un editor de blogs de escritorio puede …

Conceptos erróneos de HTML5 centrados en Flash

Conceptos erróneos de HTML5 centrados en Flash Con casi una década de experiencia en diseño web, me he encontrado con muchas creencias erróneas sobre las últimas herramientas y tecnologías de diseño; pero nada supera los …

Descarga gratuita: Infographic Vector Kit

Descarga gratuita: Infographic Vector Kit Tenemos un fantástico obsequio para descargar hoy desde Pixeden, un lugar único para excelentes herramientas para el diseño moderno. Lanzado primero y exclusivamente en WDD, es un kit de vector …

Saluda a DeveloperDrive.Com

Saluda a DeveloperDrive.Com ¡Es hora de darle la bienvenida a un nuevo miembro a la familia de sitios WebdesignerDepot! Decir hola a DeveloperDrive.com, nuestro nuevo blog dedicado al desarrollo web. Hemos estado en la versión …

Cómo optimizar su CSS

Cómo optimizar su CSS Mantener sus archivos CSS pequeños y organizados es muy importante, especialmente si va a dedicar algún tiempo a editar su sitio en el futuro (o si otros van a utilizar el …

Configuración de un servidor local para el desarrollo de WordPress

Configuración de un servidor local para el desarrollo de WordPress Hoy les voy a hablar sobre cómo configurar un servidor local para usar con WordPress. El uso de un servidor local es importante por muchas …

Nuevas herramientas para desarrolladores en Firefox 10 y 11

Nuevas herramientas para desarrolladores en Firefox 10 y 11 Firefox 10, que saldrá el 31 de enero (el mismo día que Firefox 11 se convierte en una versión Beta oficial), finalmente completa la creciente colección …

Verificación de la seguridad de la contraseña con JQuery

Verificación de la seguridad de la contraseña con JQuery Muchos sitios que requieren credenciales de inicio de sesión aplican una configuración de seguridad a la que a menudo se hace referencia como requisitos de complejidad …

La oferta más reciente de Zurb para desarrolladores: Foundation

La oferta más reciente de Zurb para desarrolladores: Foundation Zurb tiene una larga trayectoria en el suministro de recursos y aplicaciones web increíbles para diseñadores y desarrolladores. Sus aplicaciones incluyen Notable, Axe, Enroll y Spur, …

7 errores que cometen los desarrolladores

7 errores que cometen los desarrolladores Los grandes sitios web siempre parecen combinar un gran diseño con un gran código. Dado que la construcción de un sitio web es una tarea bastante simple, encontrará que …

API del sistema de archivos de WordPress: la forma correcta de operar con archivos locales

API del sistema de archivos de WordPress: la forma correcta de operar con archivos locales La evolución de WordPress de una plataforma de blogs a un CMS completo, lo convierte simultáneamente en un marco sólido …

Grandes complementos de JQuery para sitios web nuevos

Grandes complementos de JQuery para sitios web nuevos Uno solo puede imaginar lo difícil que fue practicar el diseño web cuando todo parecía tan nuevo, durante los días de Netscape Navigator y Microsoft FrontPage. Mirando …

Introducción al hormigón5

Introducción al hormigón5 Concrete5 entró en la escena de los CMS en 2008 y, desde entonces, ha logrado avances sólidos para convertirse en una de las principales plataformas de publicación web disponibles en la actualidad. …

Crea un menú impresionante en CSS3

Crea un menú impresionante en CSS3 La llegada de CSS3 ha introducido un mundo de posibilidades para los diseñadores y desarrolladores web. Con animaciones, sombras, esquinas redondeadas y más, los elementos se pueden diseñar fácilmente …

Un complemento de JQuery para un uso óptimo del espacio de la pantalla

Un complemento de JQuery para un uso óptimo del espacio de la pantalla Optimizar el uso del espacio en una pantalla es un componente clave de un buen diseño web, y especialmente del diseño receptivo. …

Estilo de imagen con lienzo

Estilo de imagen con lienzo Es difícil identificar reglas universalmente aceptadas en el diseño web, pero si hay una con la que toda la comunidad está de acuerdo, es que siempre debes separar tu contenido …

Efectos vintage para sus imágenes con HTML5

Efectos vintage para sus imágenes con HTML5 No estoy seguro de si se debe agradecer (¿culpar?) A Instagram, Hipstamatic o alguna otra aplicación de fotografía para teléfonos inteligentes por el advenimiento de aplicar efectos vintage …

Técnicas para crear ventanas modales

Técnicas para crear ventanas modales Las ventanas modales se describen más comúnmente como cualquier cosa que capte la atención del usuario y no les permita volver al estado anterior hasta que interactúen con el objeto …

Tipo de dimensionamiento con secuencias de Lucas

Tipo de dimensionamiento con secuencias de Lucas La relación entre el texto y el resto de una página es una de las características clave de cualquier diseño. El ritmo, el énfasis y el tono se …

Prácticas recomendadas de CSS3 para diseñadores

Prácticas recomendadas de CSS3 para diseñadores Si es principalmente diseñador y recientemente comenzó a aprender CSS, probablemente haya comenzado a incorporar algunas de las nuevas características de CSS que se han agregado al lenguaje en …

FoxyComplete – Búsqueda avanzada de autocompletar con imágenes

FoxyComplete – Búsqueda avanzada de autocompletar con imágenes Hoy voy a compartir una funcionalidad de moda que he estado implementando en mis proyectos desde hace un tiempo. Yo lo llamo «FoxyComplete» y lo que hace …

MODX: Libertad creativa total

MODX: Libertad creativa total Muchos creadores de sitios web evitan el CMS MODX porque piensan (o han escuchado) que es principalmente para desarrolladores que son expertos en codificación PHP y JavaScript. Si bien MODX tiene …

HTML5 y CSS3: wireframing en el producto final

HTML5 y CSS3: wireframing en el producto final Es un caso clásico de Photoshop versus sitio web. Las herramientas de creación de prototipos y wireframing existentes son incapaces de reflejar con precisión el entorno de …

El poder secreto de los marcadores

El poder secreto de los marcadores Bookmarklets son enlaces especiales que los usuarios pueden agregar a los favoritos de su navegador. Estos enlaces especiales incluyen código (es decir, no solo una URL de destino) y …

Más de 50 impresionantes técnicas CSS3 para mejores diseños

Más de 50 impresionantes técnicas CSS3 para mejores diseños CSS3 está ganando impulso, a pesar de que el estándar ni siquiera se ha finalizado. Hay cientos de tutoriales para enseñar a los diseñadores cómo usarlo, …

9 grandes recursos para mantener frescas sus habilidades

9 grandes recursos para mantener frescas sus habilidades Ya sea que sea autodidacta, recién salido de la escuela o un veterano del diseño, la educación continua tiene efectos invaluables a largo plazo en su capacidad …

Cómo Drupal CMS se destaca del resto

Cómo Drupal CMS se destaca del resto Como desarrollador de sitios, diseñador web o administrador de sitios, probablemente haya tenido que pasar por el proceso de elegir entre plataformas. Pero tal vez no recientemente; si …

Reciclaje y animación de iconos con CSS

Reciclaje y animación de iconos con CSS En un pasado no muy lejano, estábamos aprendiendo sobre técnicas revolucionarias para guardar solicitudes HTTP y KB por igual mediante el uso de sprites de imágenes. Estos sprites …

Técnicas en diseño web receptivo

Técnicas en diseño web receptivo Hemos hablado mucho sobre el diseño receptivo aquí en Webdesigner Depot y compartimos muchos recursos valiosos. Hoy compartimos otro recurso valioso: al final de este artículo hay detalles para obtener …

Más de 20 herramientas y generadores CSS3 mejorados

Más de 20 herramientas y generadores CSS3 mejorados CSS3 es una versión mejorada de la especificación Cascading Style Sheets, y viene con muchas características encantadoras que revolucionan la distribución y el diseño web, así como …

40 API útiles para diseñadores y desarrolladores web

40 API útiles para diseñadores y desarrolladores web Una interfaz de programación de aplicaciones (API) es un conjunto de reglas y especificaciones que los programas de software pueden seguir para comunicarse o «interactuar» entre sí. …

Botones CSS: tutoriales y ejemplos

Botones CSS: tutoriales y ejemplos La creación de botones con CSS es una de las técnicas de diseño web más experimentadas que existen. Abundan los ejemplos y tutoriales. La mayor tendencia reciente en el diseño …

Por qué los desarrolladores no pueden permitirse ignorar el diseño

Por qué los desarrolladores no pueden permitirse ignorar el diseño Los desarrolladores a veces damos por sentado el diseño. Y seamos honestos: ¿quién no odia dar las cosas por sentado? Algunos dicen que nunca apreciaremos …

EDGE: una nueva oferta HTML5 de Adobe

EDGE: una nueva oferta HTML5 de Adobe Solía ser que si deseaba crear una interfaz animada e interactiva para un sitio web, necesitaba usar Flash. Es posible que pueda salirse con la suya con algunas …

25 galerías de imágenes de JQuery y complementos de presentación de diapositivas

25 galerías de imágenes de JQuery y complementos de presentación de diapositivas Para algunos sitios, las galerías de imágenes son una necesidad absoluta. Los portafolios son los primeros que me vienen a la mente, pero …

20 fantásticos sitios web pseudo-flash

20 fantásticos sitios web pseudo-flash Un sitio web pseudo-Flash es aquel que se ve, se siente y actúa como un sitio web Flash, pero de hecho está construido sobre HTML y CSS a la antigua. …

Más de 25 extensiones de Chrome imprescindibles para diseñadores y desarrolladores web

Más de 25 extensiones de Chrome imprescindibles para diseñadores y desarrolladores web Para muchos diseñadores y desarrolladores web, Firefox es insuperable. Para otros, Firefox se come el polvo de Chrome. Durante los últimos dos años, …

Grid Vs Flexbox: ¿Cuál debería elegir?

Grid Vs Flexbox: ¿Cuál debería elegir? CSS Grid y CSS Flexbox son tecnologías de diseño web complementarias que han sido muy esperadas durante años. Sin embargo, a pesar de algunas similitudes superficiales, en realidad se …

Cuándo usar el código antiguo

Cuándo usar el código antiguo COBOL es un lenguaje de programación que fue diseñado originalmente en 1959, una era en la que mucha gente podría pensar que fue «antes de las computadoras». Eso no es …

¿CSS Border-Radius puede hacer eso?

¿CSS Border-Radius puede hacer eso? Cómo crear efectos geniales con una función poco utilizada. TL / DR: Cuando usa ocho valores que especifican el radio del borde en CSS, puede crear formas de aspecto orgánico. …

Creando experiencias WebVR con A-Frame

Creando experiencias WebVR con A-Frame WebVR es una forma asombrosa de crear experiencias inmersivas de realidad virtual en 3D en el navegador. Es una especificación experimental de la API de JavaScript y tiene muchos patrocinadores …

Entonces, ¿podemos usar variables CSS todavía?

Entonces, ¿podemos usar variables CSS todavía? Con todo lo que se ha hablado últimamente de que finalmente puedo usar CSS Grid, me hizo pensar: ¿Qué otras características increíbles de CSS puedo usar ahora? CSS Variables …

11 videos tutoriales gratuitos de Laravel para principiantes absolutos

11 videos tutoriales gratuitos de Laravel para principiantes absolutos Si puede comprender los conceptos básicos de PHP, tendrá una base sólida en el desarrollo de backend. Es un conocimiento que puede utilizar para la codificación …

Conceptos básicos de IA: procesamiento de lenguaje natural con Node.Js

Conceptos básicos de IA: procesamiento de lenguaje natural con Node.Js Desde hace un par de años, la inteligencia artificial y el aprendizaje automático se han apoderado de los foros web y se han sumado a …

2 formas más inteligentes de estructurar Sass

2 formas más inteligentes de estructurar Sass Dependiendo del tamaño del proyecto en el que esté trabajando, puede estructurar su código Sass de dos maneras: una simple para proyectos más pequeños y otra más compleja …

¿Existe una alternativa viable a Javascript?

¿Existe una alternativa viable a Javascript? El jurado aún está deliberando sobre si JavaScript es algo bueno o malo, por lo que en este artículo veremos los pros, los contras y las alternativas a JavaScript. …

Metatags 101: una guía sencilla para diseñadores

Metatags 101: una guía sencilla para diseñadores Uno de mis lemas en la vida y en los negocios es este: «Si Google te dice que hagas algo, es mejor que lo hagas». Y cuando se …

6 consejos para abordar el código heredado

6 consejos para abordar el código heredado Cuando haya trabajado en la industria digital durante el tiempo suficiente, eventualmente tendrá que trabajar con código que ha heredado de otra persona. Ya sea que esto sea …

¿Es Google Toast?

¿Es Google Toast? Hace mucho tiempo, en una Internet muy, muy lejana, los desarrolladores lucharon contra las etiquetas de parpadeo en la Guerra de los navegadores … Para aquellos que son demasiado jóvenes para recordar, …

Cómo codificar un botón «Hacer clic para twittear»

Cómo codificar un botón «Hacer clic para twittear» Hacer que los usuarios compartan su contenido en línea es una excelente manera de hacer crecer su marca. En este tutorial cubriremos todo lo que necesita saber …

Creando gráficos impresionantes con AngularJS

Creando gráficos impresionantes con AngularJS Como ciudadanos del mundo digital, estamos constantemente inundados de datos. Desde el análisis de sitios web hasta nuestro rastreador de actividad física, los datos están a nuestro alrededor. Como resultado, …

La última tecnología en raciones de 5 minutos