Primeros pasos para personalizar tu tema en Wordpress. Personalizar un diseño en Wordpress está al alcance de cualquier interesado si se conoce un poco el CMS. Lo puedes ver en estos primeros pasos para personalizar tu propio tema en Wordpress. Para aprender Wordpress no necesitas limitarte a los temas que encuentras en Internet: lo interesante es que puedes crear tus propios diseños totalmente personalizados. Si eres diseñador web seguro que lo que quieres es implementar tus propios diseños dentro de Wordpress para beneficiarte de las ventajas de trabajar con un CMS. Nos referimos a la posibilidad de administrar tu contenido automáticamente, su posicionamiento, los usuarios, comentarios y un largo etcétera de posibilidades que nos brinda el gestor. Quizás lo que quieres es ofrecer a tus clientes todas estas ventajas y de ese modo poder realizar un trabajo mucho más profesional y acorde a sus necesidades. Por qué no debes depender de los temas de los demás Pero eso solo si los observamos por dentro.
Crear un tema en Wordpress. Selectores de CSS que quizás no conozcas y debes revisar. Presentamos un listado de selectores de las CSS que puede que no conozcas y que resultan muy prácticos. Las especificaciones de la W3C en cuanto a las Hojas de Estilo en Cascada no paran de crecer, eso nos da una idea de lo dinámicos que son los estándares y de la salud de los lenguajes con los que se construye la web. En este caso hacemos referencia a una especificación de Selectors Level 4 ( (Selectores de nivel 4) que no queremos que se confunda con CSS4, del que todavía no hay noticias en el momento de la publicación de este artículo.
No existe confirmación alguna que se vaya a producir esa versión del lenguaje, aunque lo lógico será suponer que en algún momento se concrete. Este artículo trata sobre selectores no tan usados en el día a día y que resultan prácticos para los desarrolladores. Pero antes sepamos qué son. 1.- Negación con la pseudo-clase :not() button:not([DISABLED]) *:not(YYY) html|*:not(:link):not(:visited) 2.- La pseudo-clase :local-link. Qué es SVG. Explicaciones detalladas sobre el formato gráfico vectorial SVG, un lenguaje de estándar abierto que forma parte de HTML5, usado para realizar dibujos vectoriales en 2D. SVG son las siglas de Scalable Vector Graphics, que podríamos traducir libremente al español como gráficos basados en vectores escalables.
En otras palabras, podemos decir que es un formato gráfico basado en XML para crear archivos vectoriales en 2D, con un lenguaje de marcado por medio de etiquetas. Es recomendación del W3C desde 2001, aunque los navegadores hace menos tiempo que lo vienen implantando para dar soporte. Firefox comenzó a usarlo en 2004 y Google Chrome lo dispone desde su primer lanzamiento en 2007. En cuanto a versiones del estándar, va por la 1.1, aunque se supone que en verano de 2014 podremos asistir al lanzamiento de la versión 2.
Formas de vectores gráficos (entre las que se incluyen líneas, poligonos, polilineas, rectángulos, círculos o elipses, etc.), imágenes y texto. Formas básicas Conclusión. ¿Cómo utilizar Google Web fonts en tu sitio? Si estás diseñando un sitio web, seguramente querrás utilizar una estilo de fuente que se destaque y que no sea aburrida. Pero ¿cómo asegurarse que todos puedan ver el sitio bien, aunque no tengan el tipo de fuente que haz elegido? Puedes utilizar Google Web Fonts, que es un catálogo de 625 tipos de fuente distintas y open source. Ten en cuenta, que el archivo deberá cargarse mientras cargas tu página, así que no exageres en la cantidad de tipos de letra a agregar.
Una vez que eliges el tipo de letra, hacé clic en Use. Con el código a agregar en tu sitio y en la hoja de estilos, también. [fuente: Bligoo] Andrea Cummins Es Senior Editor de GeeksRoom. CSS Menu Generator. 30 generadores CSS muy útiles para el diseño Web. Al editar la codificación CSS para nuestras páginas Web no es una tarea nada fácil, pues el tener que recordar todos esos códigos de CSS y CSS3 es complicado. Más teniendo en cuenta que el CSS3 ha introducido muchas nuevas características y que tal vez aún no estemos acostombrados a ellas. Así que a veces es mejor usar los códigos empleados por los generadores en línea para el tema de los estilos CSS.
Con estas prácticas herramientas ya no es necesario recordar cada una de las propiedades CSS, ya que sólo tendrás que introducir los valores y luego pulsar en el botón correspondiente, y recibirás el código que puedes añadir a tu proyecto Web. En el blog designreflect.com, encontramos una excelente selección de 30 generadores para los estilos CSS que son realmente útiles para acelerar nuestro trabajo, la lista la podemos ver en el artículo 30 Useful CSS Generators to Speed Up Your Work, inspirado en esa lista, he añadido un breve comentario a cada uno de esos generadores.
CSS3 Generator. CSS3 Generator - By Peter Funk & Eric Hoffman. Generator de bordes redondeados en CSS | CSSmatic.