Agregar prueba de transformación 3D CSS para Modernizr
Actualización : escribí una solución mejor y más general para todas las pruebas de soporte de valor css. Puedes leer sobre esto aquí. . Recientemente descubrí que IE10 admite el …
Leer máscss3
bar / css3 / deli / html5 / javascript / jquery / jqueryui / masonry / responsive / salad / sandwich / touch / ui / ux / web app
Deli Bar en línea
Una máquina de sándwiches / ensaladas táctil sensible en línea para un bar de delicatessen ubicado en Alejandría, Egipto. http://codepen.io/mmoustafa/pen/ntrla Creado para http://thecolour-green.com © 2013 Code & Art, Mohamed Moustafa. …
Leer másLigar tipo de contenido a clase CSS3 – Drupal 7
Mediante este método asignamos a $categoria el valor que tiene una taxonomia determinada en este ejemplo es field_tipo. <?php $categoria = $node->fieldtipo[‘und’][0][‘taxonomyterm’]->name; De esta manera al div class le asignamos …
Leer másLos valores rem se representan de manera diferente en los navegadores modernos.
Parte de mi trabajo es hacer que las IU se vean bien de vez en cuando. Tenga en cuenta que las diferencias de representación del navegador eventualmente me darán una …
Leer másDesplazamiento nativo en dispositivos táctiles y polyfilling
Para aquellos de nosotros que hemos estado desarrollando aplicaciones web móviles o incluso haciendo uso de herramientas como PhoneGap para empaquetar aplicaciones HTML5 en aplicaciones nativas para implementarlas en varios …
Leer másUna barra de navegación divertida
Hace algún tiempo, supongo que me encontré con algo de este tipo, pero nunca lo volví a ver. Entonces, hoy decidí crear una demostración de mi idea. Solo involucra una …
Leer másMáscara de reloj CSS3
http://tolgaergin.com/files/mask-watch/ Hace unos días vi un disparo en el regate de Filip Slováček. Me gustó mucho el concepto de reloj y quería codificar sin usar imágenes . En cada 5 …
Leer másHoja estilo cascada
/ ** * Elementos predeterminados :: * / {margen: 0; acolchado: 0; } ul {estilo de lista: ninguno} img, fieldset {border: none} a: focus {esquema: ninguno; estilo de contorno: ninguno; …
Leer másColor del marcador de posición CSS3
::-webkit-input-placeholder { /* WebKit browsers */ color: #F8CA00 !important;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #F8CA00 !important;}::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #F8CA00 !important;}:-ms-input-placeholder { …
Leer másCasilla de verificación con estilo HTML / CSS simple (3)
Una simple casilla de verificación con estilo HTML / CSS (3) puro. No se utiliza JavaScript. Las transiciones CSS3 no son necesarias y todo excepto el pseudo “: selected” se …
Leer másFlechas personalizadas con CSS
Al aplicar el fragmento a continuación a un div simple, se mostrará una flecha negra orientada hacia la derecha. Ya no tendrá que crear un archivo png de flecha ficticia …
Leer másNo te olvides de tus sombras de texto
¡No olvide eliminar las sombras de texto cuando defina :: colores de selección ! ::-moz-selection,::-webkit-selection,::selection { text-shadow: none;}
Leer másDivisión de listas con CSS3
El objetivo es dividir una lista en columnas. Sin embargo, parece simple y hay un par de formas de hacerlo: float rompe el orden de su lista mostrándola horizontalmente, La …
Leer másCSS, elementos centrales con diferentes anchuras y alturas
Ejemplo de marcado en el que el ancho o el alto pueden cambiar o se desconocen: <main> <div class=”item-centered”> <p>This content length may change based on user input.</p> </div></main> Usando …
Leer másBotón de inicio de sesión elegante con transiciones CSS3.
Desde que vi por primera vez el botón de inicio de sesión para GiantBomb ( y posteriormente Whiskey Media ), me pregunté cómo lograron el efecto. El efecto de deslizamiento …
Leer másbug / chrome / css / css3 / div / divs / fixed / html / html5 / nesting / position / styles / stylesheets
Posición: fijada en cromo
Si su elemento, que tiene un position:fixedatributo, no funciona (flota cuando se desplaza), intente mover este elemento a la bodyetiqueta raíz (sin anidación profunda dentro de otros divs).
Leer más¿Qué solución debería elegir ahora para imágenes adaptables?
Si considera utilizar imágenes receptivas a partir de hoy en un sitio web, considere lo siguiente: ¿Realmente necesito imágenes receptivas en ese proyecto ahora ? La mayoría de los sitios …
Leer más¡Pausa y reanuda las animaciones CSS3 con CSS!
Si tiene <3 animaciones CSS3 tanto como yo , estará encantado de saber que hay una manera fácil de pausar una animación: estado de reproducción de animación Estos son los …
Leer más