Los Temas más visitados de CSS

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


48 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 5 de Noviembre del 2018 por Administrador
1.548 visualizaciones desde el 5 de Noviembre del 2018
Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr. ¡Te lo cuento en este post!

Si vas a tu web y das a botón derecho y a continuación Ver código fuente de la página, lo que verás es el código HTML y CSS con el que está construido tu sitio. Estos códigos los crea automáticamente tu CMS para que tu web pueda verse en internet. Si trabajas con un gestor de contenidos no tienes que implementarlos manualmente, pero conociéndolos un poco puedes hacer verdaderas maravillas.

Las plantillas premium suelen tener una amplia sección de opciones para modificar fácilmente casi todos los elementos de tu web, como colores, fondos, estilos de letra, etc. Pero, ¿y si hay elementos y zonas de la plantilla que no puedes modificar porque no vienen incluidos en las opciones?
Imágen de perfil

internet7 consejos para hacer buen responsive design


47 visualizaciones el último mes

CSS

Publicado el 17 de Enero del 2013 por Administrador
5.874 visualizaciones desde el 17 de Enero del 2013
Este 2012 es el año de la prima de riesgo, Lana del Rey, las pelis de superhéroes y el diseño sensible o responsive design (amigo lector, esto es sólo la intro del post, no centres tus iras en ella…). Por eso, cuando he visto un post en uno de mis blogs de desarrollo de cabecera, Cats who Code, con una serie de consejos o tips para crear diseños responsive de calidad, me he visto en la obligación ética y moral de compartirlo con toda la comunidad de Genbeta Dev. En total son 7 consejos para hacer buen responsive design y tengo que reconocer que los comparto todos y cada uno.
Imágen de perfil

.pdf2017 CSS3 CheatSheet


39 visualizaciones el último mes

CSS

Publicado el 4 de Diciembre del 2017 por Administrador
1.604 visualizaciones desde el 4 de Diciembre del 2017
Nueva edición (2017) de la CSS3 Cheatsheet (lenguaje de hojas de estilo) en formato PDF, incluyendo nuevos módulos como Flexbox, Grid o Motion Paths.
Imágen de perfil

internetEquivalencias en tamaños tipográficos (CSS)


38 visualizaciones el último mes

CSS

Publicado el 23 de Abril del 2012 por Administrador
3.738 visualizaciones desde el 23 de Abril del 2012
En la siguiente tabla se encuentran las equivalencias entre las distintas unidades de medida que podemos encontrar en CSS (la equivalencia es aproximada, no exacta, en última estancia depende de la fuente, el navegador y el sistema operativo).
Imágen de perfil

internet8 técnicas CSS que deberías de conocer


38 visualizaciones el último mes

CSS

Publicado el 12 de Abril del 2013 por Administrador
10.874 visualizaciones desde el 12 de Abril del 2013
Los estilos CSS es lo que nos permite dar la apariencia que deseamos a nuestros desarrollos, por lo que forma parte fundamental de estos. Hoy vamos a ver un listado de 8 técnicas que nos pueden servir a la hora de realizar nuestros desarrollos.
1. Trabajar con medidas relativas
2. Utilizando columnas múltiples
3. Evitando el salto de línea
4. Rotando imágenes
5. Rotando texto
6. Estilizando enlaces según su destino
7. Centrando un elemento
8. Sombra interna
Imágen de perfil

internetEl Modelo de Caja en CSS


37 visualizaciones el último mes

CSS

Publicado el 7 de Junio del 2007 por Administrador
6.529 visualizaciones desde el 7 de Junio del 2007
La utilización del estándar de marcado CSS (en español Hojas de Estilo en Cascada) definido por el World Wide Web Consortium (W3C) permite a diseñadores y programadores definir estilos coherentes para páginas web y aplicar la plantilla a varias páginas. Un aspecto especialmente relevante de CSS es el Modelo de Caja. Este artículo brinda una primera aproximación a su arquitectura y a las distintas posibilidades que ofrece.
Imágen de perfil

internetColocar un mapa de Google Maps como imagen de fondo de tu web


36 visualizaciones el último mes

CSS

Publicado el 22 de Abril del 2011 por Administrador
6.321 visualizaciones desde el 22 de Abril del 2011
Google Maps, se ha convertido en un elemento prácticamente imprescindible en nuestras aplicaciones webs, para que todos nuestros usuarios puedan saber donde nos encontramos. Pero que pensaríais si os damos la opción de ponerlo como fondo de nuestra web.
Imágen de perfil

internetCSS sprites - Principios básicos


36 visualizaciones el último mes

CSS

Publicado el 17 de Febrero del 2012 por Administrador
4.907 visualizaciones desde el 17 de Febrero del 2012
La técnica de los sprites, consiste en sustituir el mayor número de imagenes posibles de una página web, por una sola. La idea, es unir todas las imágenes que aparecen en un web condensadas en una sola, para aumentar la velocidad de carga de un web. No parece lógico que cinco imágenes pequeñas, tarden (por ejemplo) más en cargar que una sola imagen grande que las contenga a todas ellas, pero es así.
Imágen de perfil

internetUnidades de medida de fuentes en CSS 3


36 visualizaciones el último mes

CSS

Publicado el 17 de Abril del 2014 por Administrador
3.044 visualizaciones desde el 17 de Abril del 2014
Para fijar las dimensiones de las fuentes de textos, disponemos de un buen grupo de unidades de medida estandarizadas en CSS 3. Este artículo te explica como usarlas.
Imágen de perfil

internetDiseño y maquetación web para smartphones y tablets


36 visualizaciones el último mes

CSS

Publicado el 16 de Junio del 2014 por Administrador
2.646 visualizaciones desde el 16 de Junio del 2014
En este artículo os mostraré como maquetar una web para que se adapte a diferentes resoluciones de pantallas, smartphones y tablets. Tendencia que en inglés se llama Responsive Design.
Imágen de perfil

internet¿Cómo hacer que una tabla HTML sea responsive?


36 visualizaciones el último mes

CSS

Publicado el 13 de Junio del 2018 por Administrador
1.349 visualizaciones desde el 13 de Junio del 2018
Estoy segura de que muchos de vosotros, alguna vez, habéis tenido algún tipo de problema a la hora de ajustar el tamaño de tablas HTML. Quienes habitualmente maquetamos, sabemos de sobra lo complicado que es controlar los tamaños de una tabla, son uno de los elementos del diseño web que más quebraderos de cabeza nos trae a la hora de desarrollar una maquetación responsive.
Imágen de perfil

internetForzar un salto de página en la impresión


35 visualizaciones el último mes

CSS

Publicado el 17 de Mayo del 2007 por Administrador
5.231 visualizaciones desde el 17 de Mayo del 2007
Imprimir de manera organizada. En este taller conocerá cómo controlar saltos de página en la impresión de un documento HTML.
Imágen de perfil

internetEstilizando Formularios con CSS


34 visualizaciones el último mes

CSS

Publicado el 8 de Febrero del 2008 por Administrador
5.489 visualizaciones desde el 8 de Febrero del 2008
Este es un artículo que te servirá de guía para crear formularios totalmente accesibles usando XHTML y hojas de estilo en cascada (css) para darle formato.
Imágen de perfil

internetCSS: propiedad background en css3


34 visualizaciones el último mes

CSS

Publicado el 15 de Junio del 2012 por Administrador
3.518 visualizaciones desde el 15 de Junio del 2012
HTML5 nos ha brindado nuevas propiedades para background, convirtiendo a esta etiqueta en una herramienta realmente potente, que nos va a permitir crear diseños realmente impresionanetes, usando simplemente CSS3.
Imágen de perfil

internetEl Modelo de Caja CSS


33 visualizaciones el último mes

CSS

Publicado el 20 de Febrero del 2007 por Administrador
6.233 visualizaciones desde el 20 de Febrero del 2007
La utilización del estándar de marcado CSS (en español Hojas de Estilo en Cascada) definido por el World Wide Web Consortium (W3C) permite a diseñadores y programadores definir estilos coherentes para páginas web y aplicar la plantilla a varias páginas. Un aspecto especialmente relevante de CSS es el Modelo de Caja.
Imágen de perfil

internetCrear Múltiples columnas en los artículos con CSS3 Multicolumn


33 visualizaciones el último mes

CSS

Publicado el 21 de Agosto del 2012 por Administrador
3.941 visualizaciones desde el 21 de Agosto del 2012
Esta propiedad de css3 nos va a permitir extender el contenido de un elemento html en múltiples columnas, igual como se utilizan en los periódicos y revistas. Esto sirve para no hacer ver una columna de texto muy larga y tediosa a la vista, si no que al insertar múltiples columnas vamos a poder ver un solo artículo en un tamaño determinado en un solo pantallazo del navegador, y así no evitamos el hacer scroll, que a mucha gente aburre.
Con CSS3 Columns el navegador determina cuando pone fin a una columna y comienza la siguiente columna, sin necesidad de algún código extra vamos a conservar la flexibilidad para cambiar el número de columnas así como sus anchuras.
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


32 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 13 de Febrero del 2019 por Administrador
1.570 visualizaciones desde el 13 de Febrero del 2019
Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr.
Imágen de perfil

internetComo hacer columnas sin tablas en CSS


31 visualizaciones el último mes

CSS

Publicado el 12 de Junio del 2009 por Administrador
4.604 visualizaciones desde el 12 de Junio del 2009
Esta página muestra como usar la propriedad float de CSS para hacer páginas con dos o tres columnas, sin usar tablas (el elemento table del HTML, que se debe usar solo para datos tabulados)..
Imágen de perfil

.htmlCapas


31 visualizaciones el último mes

CSS

Publicado el 17 de Junio del 2011 por Administrador
6.790 visualizaciones desde el 17 de Junio del 2011
Cómo usar las capas para dotar a las páginas de dinamismo y espectaculariadad y crear efectos especiales
Imágen de perfil

internetAgregar íconos a los links con CSS3


31 visualizaciones el último mes

CSS

Publicado el 28 de Enero del 2013 por Administrador
6.741 visualizaciones desde el 28 de Enero del 2013
En este artículo vamos a ver una forma de emplear los pseudo-elementos ":before" y ":after", en combinación con la propiedad content y los selectores de atributos, para agregar un ícono a nuestros enlaces de manera selectiva, dependiendo del contenido al que apunte el enlace. Con esto no solo podemos darle un estilo fresco al diseño del sitio, sino que también vamos a mejorar la usabilidad del mismo ya que le evitamos sorpresas al usuario al indicarle de antemano el tipo de contenido que está por abrir, sobre todo si se trata de documentos de Office o archivos PDF que solicitan la descarga del mismo.
Imágen de perfil

internetImágenes en diseño web responsive con CSS


30 visualizaciones el último mes

CSS

Publicado el 17 de Junio del 2014 por Administrador
2.777 visualizaciones desde el 17 de Junio del 2014
El principal cambio de conceptualización que ha traído el diseño web responsive ha sido sin duda la sustitución del pixel por unidades relativas. Es cierto, antes ligábamos todos los elementos del diseño (tamaño de tipografía, contenedores, imágenes, márgenes…) a una unidad fija. El pixel. Pero con el responsive todo es distinto. Trabajamos con unidades relativas: porcentajes (%), ems, rems…y las imágenes sin duda son uno de los elementos más afectados.
Imágen de perfil

internetPosicionamiento de componentes en HTML con el soporte de CSS


29 visualizaciones el último mes

CSS

Publicado el 31 de Agosto del 2012 por Administrador
4.034 visualizaciones desde el 31 de Agosto del 2012
En este tutorial vamos a explicar, de una manera más o menos gráfica, cómo se disponen los componentes visuales que pueden ir dentro del código HTML de una página web, con el soporte de hojas de estilo CSS.
El nivel de complejidad del tutorial es básico, sobre todo si los comparamos con otros publicados recientemente sobre Responsive CSS, pero hay que empezar por abajo, es capital tener las siguientes nociones claras para evitar problemas de renderización de componentes entre distintos navegadores y versiones de los mismos.