Miles de consejos CSS, PHP, scripts. tutoriales y consejos útiles de vídeo

Estándar: -moz-border-radius: 10px; -webkit-border-radius: 10px; radio del borde: 10px; / * prueba de futuro * / -khtml-border-radius: 10px; / * para viejos "

Esto supone el uso de un prefijo automático. .face: hover (animación: shake 0.82s cubic-bezier (.36, .07, .19, .97) ambos; transform: translate3d (0, 0, 0); "

Cualquier enlace de anclaje puede ser un enlace a un documento PDF, pero hacer clic en un enlace como ese pensando lo contrario puede ser sorprendente e incómodo para un usuario. Esta"

Por defecto, todas las versiones de IE tienen una barra de desplazamiento en las áreas de texto, incluso cuando están vacías. Ningún otro navegador hace esto, así que si quieres eliminarlo, IE puede "

Desde el pie de página del diseño v8 de CSS-Tricks. Ver el pie de página de demostración (clear: both; overflow: hidden; font-size: 16px; line-height: 1.3;) # footer-boxes ("

Requiere jQuery y jQuery UI para el control deslizante real. La cara está hecha de elementos hechos en círculos con radio de borde. La boca, que indica felicidad "

La cita en bloque se muestra en los navegadores que cumplen con los estándares con el efecto "comillas grandes antes" y en IE con un borde izquierdo grueso y un gris claro "

H1 # logo (width: 200px; // width of image height: 100px; // height of image background: url (../ path / to / image.jpg.webp); text-indent: -9999px;) Esta técnica "

Aquí está para Google Code Prettify (que se encuentra en esta fuente). .prettyprint (color: # 839496; color de fondo: # 002b36;) .prettyprint .pln (color: heredar;) "

Inicio Catálogo Precio Acerca de Contacto nav (ancho: 960px; alto: 100px; margen: 120px automático; alineación de texto: centro;) .top-menu li (display: inline-block; "

Una técnica de diseño popular es crear un contenedor de contenido que parezca una hoja de papel y apilar otras hojas de papel debajo, agregando una capa "

A (/ * URL completamente válida, posible enlace externo * /) a (/ * enlace a un sitio web específico * /) a, a (/ * enlace relativo interno * /) a (/ * enlace de correo electrónico * /) a (/ * "

P (tamaño de fuente: 24px! important;) La regla! important al final de un valor anulará cualquier otra declaración de estilo de ese atributo, incluido en línea "

.stitched (padding: 20px; margin: 10px; background: # ff0030; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px discontinuas "

Funciona muy bien si puede aplicar una altura fija al pie de página. ¡Contenido! Soy el pie de página adhesivo. * (margen: 0;) html, cuerpo (altura: 100%;) .page-wrap ("

La apertura de Star Wars es icónica. El efecto del texto desplazándose tanto hacia arriba como fuera de la pantalla fue un efecto especial increíblemente genial para una película en "

.blood (color: plateado; texto-sombra: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

El equipo de desarrollo de Medium ha discutido algunas malas prácticas que rompen la accesibilidad. En un ejemplo, argumentan que la opacidad no está bien respaldada "

El texto del marcador de posición en las entradas tiene (en los navegadores que lo implementan hasta ahora) un color gris claro. Para darle estilo, necesitará propiedades CSS de prefijo del proveedor ".

Borde interior transparente .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: related;) .inner-border: before (border: "