Tutoriales sobre diseño web al estilo Apple

El estilo de Apple, incluyendo lo relativo a sus páginas y portales web, es una tendencia muy popular en nuestros días. El diseño que imprimen a todas sus creciones es realmente único, limpio y siempre atractivo.

En 1stwebdesigner hemos encontrado esta relación de 15 tutoriales sobre como implementar en nuestros diseños web elementos impregnados de este marchamo que imprime Apple.

1. Gallería de imágenes con CSS y jQuery

Se trata de una galería similar a la utilizada por Apple en sus catálogos de productos.

Gallería de imágenes con CSS y jQuery

Ver demo

2. Menu deplegable al estilo Apple

Este tutorial nos enseña a crear un menú vertical desplegable similar al utilizado por Apple en su página de descargas.

Menu deplegable al estilo Apple

Ver demo

3. Cómo crear una barra de navegación similar a la de los sitios web de Apple

La barra de navegación de Apple.com es un ejemplo en términos de sencillez y diseño. En este tutorial se muestran los pasos para recrearla en nuestros desarrollos web.

Cómo crear una barra de navegación similar a la de los sitios web de Apple

4. Crear un escritorio como el de Leopard con jQuery usando jqDock

Crear un escritorio como el de Leopard con jQuery usando jqDock

Ver demo

5. Crear un breadcrumb como el de apple.com utilizando CSS

Tutorial que nos enseña los pasos para crear un menu de navegación como el de http://store.apple.com/.

Crear un breadcrumb como el de apple.com utilizando CSS

6. Crear un cargador en Flash utilizando ActionScript 3.0

Crear un cargador en Flash utilizando ActionScript 3.0

7. Crear menús al estilo Apple-Leopard mediante jQuery

Crear menús al estilo Apple-Leopard mediante jQuery

Ver demo

8. Crear contenedores con sugerencias como los implementados en Apple.com

Crear contenedores con sugerencias como los implementados en Apple.com

Ver demo

9. Como crear opciones de desbloqueo como las del iPhone con xHTML, CSS y jQuery

Como crear opciones de desbloqueo como las del iPhone con xHTML, CSS y jQuery

Ver demo

10. Como crear una presentación de imágenes con deslizamiento en JQuery

Similar al utilizado por Apple en sus catálogos de productos.

Como crear una presentación de imágenes con deslizamiento en JQuery

11. Elementos flotantes

Este tutorial nos muestra como crear formularios flotantes similares a los utilizados por Apple en su cesta de compra.

Elementos flotantes

Ver demo

12. Como crear un sidebar de WordPress similar al de Apple utilizando jQuery UI

Como crear un sidebar de WordPress similar al de Apple utilizando jQuery UI

Ver demo

13. Como desarrollar una galería deslizante de imágenes

Como desarrollar una galería deslizante de imágenes

Ver demo

14. Crear una barra de navegación como la de Apple utilizando CSS

Crear una barra de navegación como la de Apple utilizando CSS

15. Plantillas web gratis con estilo Apple

Plantillas web gratis con estilo Apple

Fuente: 15 Incredible Apple Webdesign Style Coding Tutorials | Graphic and Web Design Blog.

CC BY-NC-ND 4.0
Tutoriales sobre diseño web al estilo Apple by AlmacenPlantillasWeb is licensed under a Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Internacional.

Trackbacks

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: El estilo de Apple, incluyendo lo relativo a sus páginas y portales web, es una tendencia muy popular en nuestros días. El diseño que imprimen a todas sus creciones es realmente único, limpio y siempre atractivo. En 1stwe……