Krypton Solid

WDD adquiere CodeVisually.Com

WDD adquiere CodeVisually.Com Estoy encantado de anunciar oficialmente que CodeVisually.com ha sido adquirido recientemente por Webdesigner Depot y ahora es parte de nuestra creciente familia de sitios. Si aún no conoce el sitio, Code Visually ofrece una forma sencilla de descubrir los últimos recursos y herramientas de desarrollo web que existen. Cubrimos CSS, Javascript, HTML, …

Leer másWDD adquiere CodeVisually.Com

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 qué poner en las páginas interiores, porque también tiene su contenido para ellas. Crees que lo tienes todo cubierto, ¿verdad? …

Leer más15 páginas 404 realmente creativas

Los peligros de las pruebas A / B

Los peligros de las pruebas A / B Hay una expresión en la publicidad que dice “Sé que el 80% de mi publicidad no está funcionando. Simplemente no sé cuál es el 80% ”. La misma lógica se aplica a todas las formas de diseño, incluido el diseño web. Si supiéramos qué parte del contenido …

Leer másLos peligros de las pruebas A / B

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 los desarrolladores de JavaScript; principalmente porque supera lo que algunos pueden decir que es el peor aspecto de JavaScript: la …

Leer másA Taste of CoffeeScript (Parte 1)

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 aparece en el documento. Esto es principalmente útil si tiene un sitio web de tutoriales, ya sea sobre cocina o …

Leer másAprenda a contar con CSS

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 receptivo. Dado que la versión 3 de Foundation se construyó desde cero utilizando SASS, un preprocesador de CSS que ayuda …

Leer másUsando el Foundation Framework

Forma equipo, construye y envía

Forma equipo, construye y envía Si eres un diseñador o desarrollador con una idea para un nuevo producto o sitio web, lo más probable es que necesites a alguien que tenga las habilidades que te faltan para ayudarte a hacerlo realidad. Es un problema que todos reconocemos, pero algunos parecen tener más problemas para resolver …

Leer másForma equipo, construye y envía

Cómo animar consultas de medios

Cómo animar consultas de medios El diseño receptivo está en todas partes, y ya sea que esté utilizando un marco o escribiendo consultas de medios usted mismo, algunos elementos de su página seguramente se moverán o escalarán. Si sus consultas de medios se basan en las dimensiones del navegador y se cambia el tamaño del …

Leer másCómo animar consultas de medios

Lanzamiento de JQuery 2.0

Lanzamiento de JQuery 2.0 Inmediatamente después de jQuery Mobile 1.3 viene jQuery 2.0, una nueva versión completa de la popular biblioteca JavaScript. La gran noticia, que sabemos desde hace un tiempo, es que jQuery 2.0 ha eliminado el soporte de la biblioteca para Internet Explorer 6, 7 y 8. Estos navegadores denominados heredados se están …

Leer másLanzamiento de JQuery 2.0

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, claro, pero los resultados de la mayoría fueron menos que profesionales. No es exactamente cómo quiere representarse a sí mismo …

Leer másIM-Creator: cree sitios HTML5 impresionantes de forma gratuita

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, me alegré bastante de lo que encontré; markdown es un lenguaje de marcado simple que facilita a los escritores escribir …

Leer másCómo escribir Markdown

Cómo utilizar audio HTML5 (parte 2)

Cómo utilizar audio HTML5 (parte 2) Esta es la segunda parte del video de introducción de audio HTML5; si aún no lo has visto, te recomiendo que consultes la primera parte para ponerte al día. Hoy, trabajaremos en nuestro reproductor de audio HTML5 y agregaremos algunas funciones interesantes para darle vida a nuestro reproductor HTML5. …

Leer másCómo utilizar audio HTML5 (parte 2)

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 y creo que esto es particularmente cierto en el atributo de descarga. Como sabe, hay algunos archivos que el navegador …

Leer másCómo utilizar el atributo de descarga

Cómo utilizar audio HTML5 (parte 1)

Cómo utilizar audio HTML5 (parte 1) La introducción de la especificación HTML5 introdujo nuevas etiquetas para presentar medios en una página web; las etiquetas y , lo que hace que la etiqueta ya no se ajuste a la transmisión de video y audio. Estas nuevas etiquetas han facilitado considerablemente la adición de contenido multimedia enriquecido …

Leer másCómo utilizar audio HTML5 (parte 1)

Cómo lanzar una startup

Cómo lanzar una startup Todos sabemos que existen algunas diferencias entre las pequeñas empresas y las grandes corporaciones, especialmente cuando comienzan a considerar el aspecto del diseño web de su plan de marketing y su marca. Y aunque en su mayor parte, los aspectos básicos de las tuercas y los tornillos suelen ser los mismos …

Leer másCómo lanzar una startup

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 diseño de impresión. Las transiciones CSS son un método simple para animar las propiedades de un elemento que le permite …

Leer másCómo utilizar las transiciones CSS3

A Taste of CoffeeScript (Parte 2)

A Taste of CoffeeScript (Parte 2) En la primera parte de este artículo sobre CoffeeScript, vio sus capacidades básicas; pero seamos honestos, la mayoría de las veces usamos la biblioteca jQuery para ayudarnos a escribir nuestro JavaScript y lo que les mostré en la primera parte fue solo JavaScript vanilla. En esta parte nos uniremos …

Leer másA Taste of CoffeeScript (Parte 2)

Una introducción a AngularJS

Una introducción a AngularJS Cuando me encontré con AngularJS hace un par de semanas, al principio estaba intrigado. Cuando terminé de trabajar en el conjunto de tutoriales disponibles en el sitio web de AngularJS, estaba encantado de haber encontrado este marco. ¿Qué es AngularJS? AngularJS es el chico (relativamente) nuevo en el bloque de codificación. …

Leer másUna introducción a AngularJS

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 Edge Animate más a fondo. Este tutorial le muestra cómo crear un efecto de partículas 3D, usando solo unas pocas …

Leer másEfectos de partículas en Edge Animate

JQuery Mobile 1.3

JQuery Mobile 1.3 jQuery Mobile 1.3 ahora está disponible como versión estable. Esta nueva versión encabeza los esfuerzos del equipo de jQuery para incorporar completamente los principios de diseño web receptivo en su sólida biblioteca. Entre las nuevas características se encuentran varios widgets optimizados para interfaces táctiles, que incluyen superposiciones de paneles suaves, controles deslizantes …

Leer másJQuery Mobile 1.3

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 diseño mejorados para sus páginas, sino que puede esperar disfrutar de tiempos de carga más rápidos, un mantenimiento más sencillo …

Leer más15 enfoques inspiradores de CSS

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 gráficas móviles varían mucho de las ventanas gráficas de escritorio. Para controlar el tamaño de la ventana gráfica, tradicionalmente usamos …

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

Transformando Internet en 2013

Transformando Internet en 2013 Es asombroso lo lejos que hemos llegado en los últimos 15 años; la web se ha desarrollado a un ritmo que tardó 150 años en imprimirse o más para igualarlo. Lo emocionante es que seguimos avanzando, explorando e innovando. Como diseñadores, estamos acostumbrados a diseñar sitios de folletos, pero cada vez …

Leer másTransformando Internet en 2013

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 algunos diseños complejos sean una posibilidad real y ahora se unen a una de las adiciones más recientes a la …

Leer másPresentación de regiones CSS

CSS da forma al futuro de la Web

CSS da forma al futuro de la Web Si la reciente tendencia del diseño plano ha demostrado algo, es lo increíblemente limitados que son los diseñadores web cuando se trata de composición. Ahora que ya no nos distraen los biseles, los degradados y el brillo, está claro que los diseñadores web tienen una estructura alrededor …

Leer másCSS da forma al futuro de la Web

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 marcos de JavaScript que nos ayuden de la misma manera. Tal vez sea porque los programadores ‘reales’ a menudo desprecian …

Leer másObtenga craqueo con Backbone

Increíble control de voz para la web

Increíble control de voz para la web Navegar por la Web suele ser una ronda interminable de clics, toques y desplazamientos. Eso ha cambiado con Annyang, una biblioteca de JavaScript increíblemente simple que habilita comandos de voz para sitios web. Quizás no sea el más fácil de usar para sitios de folletos, es ideal para …

Leer másIncreíble control de voz para la web

JqMobi lanza soporte para IE10

JqMobi lanza soporte para IE10 Ha habido mucho cruce entre el desarrollo web y el desarrollo de aplicaciones en años recientes. La mayor tendencia es el aumento de aplicaciones basadas en web. Si bien muchos dirían que es el auge de la nube y de conexiones a Internet más rápidas lo que lo ha hecho …

Leer másJqMobi lanza soporte para IE10

10 marcos de JavaScript para mejorar su desarrollo móvil

10 marcos de JavaScript para mejorar su desarrollo móvil Los problemas de compatibilidad entre navegadores, resolución de pantalla y código HTML y CSS inconsistente son cosas del pasado en el desarrollo móvil. Los desarrolladores que todavía están lidiando con estos problemas están muy atrasados ​​y necesitan aprender algunos trucos nuevos. Los desarrolladores móviles de hoy …

Leer más10 marcos de JavaScript para mejorar su desarrollo móvil

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 de la comunidad en su conjunto, porque todos aprecian esos dos hechos. Seguramente ha hecho mucho por el mundo de …

Leer másRide the Rails Way

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 verá si hace clic en el enlace. Un pequeño vistazo con menos datos, más rápido de cargar y menos codicioso …

Leer másCómo hacer una miniatura animada

Por qué HTML5 es más semántico

Por qué HTML5 es más semántico Cualquiera que esté involucrado en el diseño o desarrollo web se habrá topado con el término «semántico» con referencia a HTML5 y la Web en general. Este término, a menudo problemático, resulta comprensiblemente confuso para muchos de nosotros, sobre todo porque hay una clara falta de consenso sobre su …

Leer másPor qué HTML5 es más semántico

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 búsqueda. Dado que los principales motores de búsqueda (Google, Bing, etc.) no están dispuestos a revelar sus algoritmos de clasificación, …

Leer másHTML5 y SEO

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 alternativa real al muy despreciado Internet Explorer. Su participación en el mercado se ha reducido radicalmente con la llegada de …

Leer másFirefox 16 se bloquea y se quema

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 que la mitad de los formularios que envío deben rellenarse y enviarse nuevamente porque no incluí una letra mayúscula en …

Leer másRestringir la entrada con JQuery

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 ejemplo, para proporcionar títulos de imágenes, descripciones más largas de enlaces, o cualquier información útil que mejore la experiencia del …

Leer másCómo crear una información sobre herramientas CSS3 simple

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. Cuando desee cambiar el color, debe hacerlo en todas partes. Por supuesto, existe la opción ‘reemplazar todo’ en su editor …

Leer másCómo empezar con Sass

Cómo usar columnas CSS3

Cómo usar columnas CSS3 Con una diversidad cada vez mayor en los tamaños de los monitores, no es práctico diseñar bloques únicos de texto que ocupen todo el ancho de la pantalla. La solución tradicional es dividir el texto en columnas manualmente, lo que requiere mucho tiempo; o para dividir texto dinámicamente con JavaScript, que …

Leer másCómo usar columnas CSS3

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 artículo, le presentaré RequireJS y cómo puede comenzar a usarlo. Pasaremos por la solicitud de archivos y la definición de …

Leer másOptimice su JavaScript con RequireJS

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, marcos CSS y HTML, herramientas de desarrollo web, recursos de codificación y algunas fuentes nuevas realmente geniales. Muchos de los …

Leer másNovedades para diseñadores, marzo de 2013

Creación del sitio web StartupGiraffe

Creación del sitio web StartupGiraffe Lanzamos nuestro nuevo InicioJirafa sitio web hace unos meses, y teníamos la intención de escribir una publicación sobre cómo hicimos una parte de la interfaz para cualquier persona interesada. Nuestro objetivo era crear un sitio divertido y receptivo que mostrara nuestra marca. Una vez que nuestros amigos en Barril NY …

Leer másCreación del sitio web StartupGiraffe

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 estampados florales y paisajes urbanos. También encontrará algunos tipos de letra ingeniosos dibujados a mano escondidos entre las gemas. Dirígete …

Leer másSorteo: gane $ 500 créditos de VectorStock

Cómo hacer que sus formularios de contacto sean compatibles con dispositivos móviles

Cómo hacer que sus formularios de contacto sean compatibles con dispositivos móviles Dado el aumento en el uso de la web móvil año tras año, ahora hay un mayor enfoque en hacer que los sitios web sean más receptivos, adaptables y fáciles de usar para los visitantes en pantallas pequeñas. Un área clave que a …

Leer másCómo hacer que sus formularios de contacto sean compatibles con dispositivos móviles

Cómo construir un bloque de comentarios enhebrado con HTML5 y CSS3

Cómo construir un bloque de comentarios enhebrado con HTML5 y CSS3 Los blogs y foros a menudo tienen respuestas a comentarios enhebradas integradas en su red. Redes sociales populares Reddit y Noticias de hackers ambos admiten comentarios encadenados, lo que permite a los usuarios responder directamente en línea con comentarios, expresando una opinión sin perderse …

Leer másCómo construir un bloque de comentarios enhebrado con HTML5 y CSS3

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 que a menudo ahorra tiempo de desarrollo y facilita la colaboración. El humilde navegador solía servir documentos HTML simples, pero …

Leer másIDE web: el futuro de la codificación