Archive | CSS 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

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

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

font2web – Convierte font .ttf a .otf, .eot, .woff and .svg

font2web – Estas maquetando un sitio y necesitas el archivo de la fuente a utilizar y cómo solo tenemos el .ttf y necesitamos para un tema de compatibilidad de navegadores tener la misma fuente en otros formatos como son:  .otf, .eot, .woff and .svg entonces con esta web subimos el archivo .ttf y nos devolverá los […]

Continue Reading ·
post-author

Opacity en Internet Explorer, Chrome, Firefox

Cuando necesitamos dar una opacidad a un div o alguna imagen deben de tener presente el navegador. Para poder ver la opacidad en los 3 navegadores mencionados (Internet Explorer, Chrome, Firefox) considerar el siguiente código: .main {     background: #FFF;     opacity: 0.85;     filter: alpha(opacity = 85); }

Continue Reading ·
post-author