Hoy lanzo y comparto esta plantilla creada por mi en Html5 y Css3, en donde uso la mayoría de los tags de estas ultimas tecnologías. Health5 es una plantilla ideal para crear sitios de temáticas relacionadas con la salud y la gastronomía, te invito a descargarla.

La plantilla esta formada por una sola pagina Index con su respectivo CSS, imágenes y efectos de Css3Pie para lograr la compatibilidad en los navegadores de los efectos usados para esta ocasión. El principal enfoque en esta plantilla fue mantener la semántica en el manejo de los contenidos y darle una estructura de blog para facilitar su adaptación con los CMS mas usados.

Políticas de uso

La plantilla es gratuita y estas autorizado para usarla y modificarla para tus proyectos personales o comerciales propios y/o de tus clientes, no se permite revender la obra en portales u otros medios comerciales. El logotipo de Health5 no puede ser usado con ningún fin, es propiedad de puentecromatico.com.
Por favor considera dejar el enlace de autor en la plantilla o linkear a esta entrada del blog.

Ver la Demo | Descargar Health5 – Plantilla Html5 Css3

Existen muchos pluguins que permiten usar diseños personalizados en las categorías y paginas de wordpress, pero también se pueden obtener los mismos resultados o mejores sin depender de ellos. Lo malo de usar pluguins es que se pierde la versatilidad en la creación de plantillas personalizadas, y sobre todo en el diseño de sitios corporativos. Usualmente las empresas necesitan opciones fijas en los menúes de sus sitios web , y a lo sumo requieren adicionalmente un par de categorías de carga dinámica.

Category.php

Todos los post de una categoria se visualizan en la pagina por defecto “category.php” de wordpress.
Si yo quiero que cada categoría tenga un diseño propio, primero tengo que ingresar al panel de categorías y tomar nota de el numero de ID o el nombre de Slug.

Entonces si tengo una categoría que se llama Tutoriales y tiene el ID número 5, debo crear un archivo que se llame category-tutoriales.php o category-5.php.

page.php

Para las paginas es incluso mas sencillo, solo tengo que remplazar page.php por el nombre la pagina creada en el panel, por ejemplo quienes-somos.php. Una vez subida al servidor, WordPress habilitará el panel para elegir cual plantilla quiero usar para mi pagina creada a través de un simple menú desplegable.

Personalizar

Este modo de personalización permite hacer casi cualquier cosa con el CMS, se puede personalizar la estructura HTML, CSS los bucles, scripts, llevando a wordpress a otro nivel. Como dije al principio, este metodo es ideal para crear sitios web de empresas por el nivel de personalización que estas requieren.

Recursos complementarios

Técnicas CSS

Te redirijo a una sección del blog donde hay varias técnicas CSS que te pueden servir en la modificación de tus plantillas.

Mago e ilusionista de “hacer lo imposible” y de sacar “tiempo al tiempo” de donde no lo hay, Gabriel Segura es uno de los responsables de los diseños que se venden en TemplateMonster ademas de trabajar como freelance y estar a cargo de muchos proyectos en la web, es padre de CSSMania.

Flash Master

Innovación y creatividad son las características que distinguen los diseños, el nivel de interacción y animación que este madrileño presenta en un portfolio alimentado por decenas de plantillas flash. Algo a destacar es su creatividad a la hora de hacer efectos de transiciones, innova en cada desarrollo y prácticamente la redundancia no aparece en lo mas mínimo. Este diseñador trabajó para grandes marcas como BMW,Mercedes, Nike, Hewlett Packard, Burger King, McDonalds, Starbucks y muchas otras de España, su país natal.

Flash Flash Flash!

Autodidacta

En su portfolio, Gabriel nos cuenta que todas sus habilidades como Flash Designer las adquirió como autodidacta y nunca realizó ningún curso de capacitación. Su campo también esta inundado por lenguajes como XHTML, CSS, Javascript y técnicas SEO. Un gran ejemplo y un orgullo para todos los colegas hispanos.

Visita su portfolio

Nv30: Portofolio con decenas de trabajos hechos en Flash.
CSS Mania: galería de inspiración CSS.
Blogsmedia: Empresa en la que ofrecen servicios de consultoria web y desarrollo de proyectos.

En Area Photoshop publicaron una recopilación de plantillas de teléfonos celulares en formato .PSD* en la que se incluye una buena variedad de modelos extraídos de DevianArt.

Las plantillas gozan de una excelente calidad y son totalmente editables, 13 modelos de teléfonos móviles entre los cuales incluye al querido Iphone de Apple.

Bajo el nombre de Sotck Phone`s, la recopilación se convierte en un recurso obligado para todos los diseñadores, sin duda es un material para tener en el disco rígido ante cualquier eventualidad.

Descarga el pack de plantillas de celulares

Via: AreaPhotoshop

En fudgegraphics publicaron un Cheat Sheet para entender mejor las plantillas de Myspace y poder adaptar nuestro diseño personalizado, para la red social de música favorita de miles de bandas y solistas.

La hoja de ayuda se divide en tres partes, Basic Styles, Styling Titles y Custom Header, explicando las etiquetas CSS y Html que tenemos que modificar. En Custom header tenemos los estilos para colocar nuestra Cabecera en dos posiciones, arriba o abajo de la publicidad y la navegación.

Teniendo estos puntos en claro podemos llegar a crear diseños de alto impacto como los ejemplos que publicaron en el post que sirven de inspiración.

MySpace CheatSheet
Vía: Fudgegraphics