Webfont Generators: our top 5

We need to add beautiful fonts on our projects daily so using webfonts is a must. Webfonts are a specially tuned font for use on websites using the CSS @font-face declaration. For solving that we have some cool web tools for generating webfonts, here’s our curated list: Fontsquirrel: the best but very picky if you […]

:nth-last-of-type(n) and :last-of-type selectors

The :nth-last-of-type(n) selector matches every element that is the nth child, of a particular type, of its parent, counting from the last child. The :last-of-type selector matches every element that is the last child, of a particular type, of its parent. Thanks Gonzo!

Maxlength y textareas

Para agregar funcionalidad al atributo “maxlength” en textareas: var txts = document.getElementsByTagName(‘TEXTAREA’) for(var i = 0, l = txts.length; i < l; i++) { if(/^[0-9]+$/.test(txts[i].getAttribute(“maxlength”))) { var func = function() { var len = parseInt(this.getAttribute(“maxlength”), 10); if(this.value.length > len) { //alert(‘Maximum length exceeded: ‘ + len); this.value = this.value.substr(0, len); return false; } } txts[i].onkeyup […]

Fuentes especiales en CSS

Si tenemos una fuente no estandar, y conseguimos su archivo .ttf y .eotse puede hacer esto via CSS: @font-face { font-family: ‘DinShrift’; src: url(“/fonts/DINMITTE.eot”); src: local(‘DinShrift’), url(/fonts/DINMITTE.TTF) format(‘truetype’);} luego usar el font-family como siempre: font-familiy: DinShrift, Arial; Una página para convertir de .ttf a .eot:http://www.kirsle.net/wizards/ttf2eot.cgi Una que funciona mejor es:http://www.fontsquirrel.com/fontface/generator El .eot, es para los […]

display:block dentro de ul. IE agregae extra carriage return

cuando ponemos un elemento con display:block dentro de un ul, tenemos el problema de que el torpe de MS Explorer agrega un enter abajo del elemento Solución:Set your li to display: inline; and it should stop IE from adding an extra carriage return.