Hay 8 articulo(s) nuevo(s) en portada, haz click aquí para leer.

Frogx Three

Diseños web responsivos

Diseños web responsivos

Parallels, plantilla PSD para crear diseños web responsivos

parallels cover

Les comparto una excelente plantilla PSD para crear diseños web responsivos, la plantilla es totalmente gratuita y fue creada por Vitaliy Kudelevskiy de Rusia, el diseño vienen en dos colores diferentes con fondo claro y fondo oscuro, incluye diferentes secciones ya prediseñadas entre ellas: Contacto, Acerca de, Portafolio, Portada y Tabla de precios. Es una plantilla web muy completa ya solo nos quedara hacer los retoques y ajustes necesarios de acuerdo al branding de nuestro proyecto en Photoshop y hacer la programación HTML y CSS, si buscan mas de este tipo de recursos les invito a pasar a la sección de plantillas donde encontraran más plantillas web gratis y otros mockups para diseño. Preview Parallels – Plantilla PSD Enlace para descargar Parallels...

Seguir leyendo 21

Layers CSS: Framework CSS básico para diseños web responsivos

layers css

Layers CSS es un simple Framework CSS básico para diseños web responsivos, fue desarrollado por Jerry Jäppinen, quien cansado de los numerosos frameworks CSS que incluyen un sin numero de clases y características con estilos preestablecidos ha creado Layers CSS un framework que incluye únicamente lo básico, no modifica formas, no modifica colores, simplemente hace más fácil el diseño web, entre las principales características de Layers CSS están: Normalización de valores por defaults (el clásico Reset CSS) Grids fluidos y herramientas para layouts Conserva los valores nativos (Ej. los colores de los enlaces y formas de los botones) No utiliza valores por pixeles (px) Sin colores, sin bordes y esquinas redondeadas predefinidas Sin dependencias En fin un framework CSS que hace todo más fácil sin intentar diseñar pro nosotros, se los recomiendo mucho, visiten la pagina de Layers CSS para descargarlo y ver algunos ejemplos y formas en que se puede......

Seguir leyendo 29

Carousel jQuery con soporte Touch

carrousel jquery

Owl Carousel es un excelente Carousel jQuery con soporte Touch, un plugin jQuery bastante útil y liviana que dota de mejores características a tus diseños web, es muy fácil de integrar, es gratuito y sirve perfectamente en sitios web responsivos, podemos asegurar que es un excelente plugin para crear galerías tipo carousel para diseños web modernos. Características del Carousel jQuery con soporte Touch Soporte para gestos Touch en pantallas tactiles  Responsivo Soporte CSS3 Soporte para multiples instancias en una misma pagina Compatible con todos los navegadores web modernos Enlace: Owl Carousel | Les recomendamos la sección de jQuery...

Seguir leyendo 37

Archivos PSD: Elementos de Bootstrap 3 en PSD

20 septiembre, 2013 Enlace Corto

BTv3-1

Les dejamos el enlaces a un excelente paquete con todos los elementos de Bootstrap 3 en PSD, este set fue creado por los chicos de designshock quienes han creado este enorme paquete de elementos gráficos en Photoshop que incluyen todos los elementos UI, como ventadas, iconos, botones PSD, todo en archivos PSD, en fin todo lo que pueden encontrar en el poderoso Framework para crear diseños web responsivos utilizando HTML5 y CSS3 que han creado por desarrolladores de Twitter. Para quienes no sepan, recién se lanzo Bootstrap 3 con excelentes mejoras y nuevas características, el cual igual les recomendamos mucho porque les facilitara mucho la tarea de crear sitios web. Enlace: Bootstrap 3 PSD...

Seguir leyendo 30

Plugin jQuery para generar popups lightbox responsivos

lightbox

Magnific Popup es un excelente plugin jQuery para generar popups lightbox responsivos, en definitiva una excelente herramienta para el momento que necesitemos incluir ventanas lightbox en diseños web responsivos, la he probado y funciona bastante bien, se adapta de forma perfecta tabletas, móviles y escritorios de diferentes resoluciones. Con Magnific Popup puedes generar ventanas lightbox para: Imágenes individuales Galerías de imágenes Videos (Vimeo, YouTube) Mapas (Google Maps) Ventanas modales Popup Ajax Una excelente herramienta para sumar a nuestra colección de recursos web, de igual manera les recomendamos la sección de jQuery donde podrán encontrar más plugins como este que les ayudaran a crear mejores diseños web. Enlace: Magnific Popup...

Seguir leyendo 35

Trunk, plantilla responsiva en HTML5 y CSS3

plantilla responsiva

Trunk es una plantilla responsiva en HTML5 y CSS3 perfecta para iniciar el desarrollo de paginas web adaptables a diferentes resoluciones, tabletas y teléfonos, está plantilla utiliza HTML5, CSS3 y también algo de JavaScript para dar soporte responsivo, la plantilla no incluye imágenes básicamente es la estructura de un diseño web responsivo que incluye un menú de navegación horizontal y desplegable para dispositivos móviles para facilitar la navegación en resoluciones pequeñas. Les recomendamos visitar nuestra sección de HTML5 donde podrán encontrar más plantillas web responsivas y recursos para diseñar paginas web. Enlace: Trunk JS...

Seguir leyendo 43

Recursos: Plantillas HTML5 responsivas gratis

Parallelism

Pequeña selección de plantillas HTML5 responsivas para descargar gratis, todas las plantillas que les compartimos en este post tiene como principales características el uso de estándares como HTML5 y CSS3 así como la posibilidad de ser visualizadas de forma optimizada en diferentes dispositivos gracias a que son responsivas. Plantillas HTML5 responsivas...

Seguir leyendo 18

Responsive Nav, menu de navegación responsivo con JavaScript

Responsive Nav es una sencilla libreria JavaScript  la cual no tiene dependencias con otros Frameworks y ayuda a crear menus de navegación responsivos para que se adapten automaticamente a todos los dispositivos desde los cuales pueda ser visitado nuestro sitio web, también tiene soporte para gestos Touch. La librería es gratuita y puede ser utilizada libremente en tus proyectos, también utiliza CSS3 y algunos Tweaks para mejorar su adaptación con los diferentes navegadores web que actualmente esta en uso, su configuración es bastante sencilla, basta con: Incluir en las cabeceras el archivo JS y CSS incluido en la libreria. Crear una lista con id=”nave”, ejemplo: <ul id=”nav”><li></li></ul> Y correr este script justo antes de cerrar la etiqueta </body>: var navigation = responsiveNav(“#nav”); Facil no? Es una excelente herramienta para crear diseños web responsivos. Enlace: Responsive Nav...

Seguir leyendo 16

This Is Responsive: Recursos para crear diseños web responsivos

This Is Responsive, es un pagina donde podrán encontrar muchos recursos para crear diseños web responsivos, en el sitio podrán encontrar recomendaciones de scripts JavaScript que ayuden a crear paginas web responsivas, snippets de código CSS, plantillas, consejos, tips y artículos en los que se hable sobre el desarrollo de paginas web responsivas....

Seguir leyendo 45

Pagina 1 de 11