Archive | CSS3 RSS feed for this section

Escala de grises con css

#clientes img{   filter: url(’#grayscale’); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */   -webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);   -ms-filter: grayscale(100%);   -o-filter: grayscale(100%);   filter: grayscale(100%); /* Para cuando es estándar funcione en todos */   filter: Gray(); /* IE4-8 and 9 */     -webkit-transition: all […]

Continue Reading ·
post-author

Bootstrap redactor

Redactor es un plugin para bootstrap y jquery para poder habilitar nuestros textarea como editores de texto elegante.  

Continue Reading ·
post-author

Print Html with Css

En caso que el HTML que vamos a imprimir contenga div o contenido que no deseemos que salga en la impresión, en el css debemos de darle un display:none; <!Doctype html> <html>       <head>                   <link rel="stylesheet" href="/print/style.css" type="text/css" media="print" />         […]

Continue Reading ·
post-author

CodeColorer Plugin WordPress

  CodeColorer es un plugin que permite insertar segmentos de código en uno de tus post en wordpress, utilizando un resaltador de código highlighting. Este plugin está basado en la librería GeSHi la que permite reconocer muchos lenguajes de programación. Por cierto mi blog utiliza este plugin para resaltar las lineas de código. Para más información visitar: Descargar […]

Continue Reading ·
post-author

checkbox align top

Alinear un checkbox con su label. input[type=checkbox] {     position: relative;     top: 1px; }

Continue Reading ·
post-author

CSS3 – Agregar carácter a la derecha de un div, útil en formularios UX

HTML: <div class="form_label">Nombre</div>   <input type="text" value="">   CSS3: .form_label{     float: left;     width: 250px;     padding-top: 6px;     position: relative; } .form_label:after{     content: ":";     position: absolute;     right: 0;     padding-right: 5px; }

Continue Reading ·
post-author

Generator Border Radius

http://border-radius.com

Continue Reading ·
post-author

Lees – The dynamic stylesheet language

LESS extends CSS with dynamic behavior such asvariables, mixins, operations and functions. LESS runs on both the server-side (with Node.jsand Rhino) or client-side (modern browsers only).

Continue Reading ·
post-author

JetStrap y Layoutit – Nos permiten construir interfaces con Bootstrap

Desarrollar aplicaciones web y que estas se vean de una manera adecuada y responsiva cuando accedemos desde el smartphone, laptop o la tablet nuestro sitio web debe responder y mostrar el contenido con distribución adecuada, entonces para esto ya tenemos el framework de vista BootStrap que nos provee de esto. Ahora te muestro 2 sitios web […]

Continue Reading ·
post-author

Agregar una fuente a tu maquetación CSS y que sea compatible con todos los navegadores

@charset "utf-8"; @font-face {     font-family: ‘GOTHIC’;     src: url(‘/media/frontend/fuentes/gothic.eot’); /* IE9 Compat Modes */     src: url(‘/media/frontend/fuentes/gothic.eot?#iefix’) format(‘embedded-opentype’),     url(‘/media/frontend/fuentes/gothic.woff’) format(‘woff’),     url(‘/media/frontend/fuentes/gothic.ttf’)  format(‘truetype’),     url(‘/media/frontend/fuentes/gothic.svg#svggothic’) format(‘svg’); } body {     font-family: "GOTHIC", sans-serif; }

Continue Reading ·
post-author