Archivo de la etiqueta: HTML

Bootswatch, temas gratuitos para Bootstrap

Bootstrap es para mi uno de los mejores «Frameworks» a la hora de desarrollas webs compatibles con dispositivos móviles, pero puede resultar un poco básico en algunos momentos. Buscando por internet descubrí Bootswatch en el cual tenemos unos cuantos temas que nos pueden ayudar a la hora de realizar nuestra web. Estos temas están disponibles tanto para la versión 2.3.2 de Bootstrap como para la nueva versión 3

+ Info http://bootswatch.com/ y http://getbootstrap.com

HTML5 en versiones anteriores de Internet Explorer 9 – HTML5 Tips

Uno de los problemas que nos encontramos a la hora de diseñar paginas con HTML5 es la compatibilidad con navegadores antiguos. Hay muchos usuarios que usan versiones anteriores a Internet Explorer 9, y en esas versiones, no reconocen los nuevos elementos de HTML5. Una de las maneras de solucionar esto es incluyendo el script HTML5 shiv en la cabecera dentro de un condicional, para que cuando el navegador sea menor que esa versión lo cargue y así pueda leer los elementos HTML5.


<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

El atributo Charset – HTML5 Tips

Uno de los atributos que debemos especificar en toda pagina web es el atributo Charset, este va a definir que tipo de caracteres vamos a utilizar en la web, para que el navegador lo detecte y lo visualice correctamente.

Este atributo, en HTML4 lo definimos de la siguiente manera


<meta http-equiv="content-type" content="text/html; charset=UTF-8">

Con HTML5 definir se ha introducido el atributo charset el y es mas sencillo


<meta class="charset="UTF-8">

Para asegurarnos que todos los navegadores leen la propiedad de codificación de caracteres, la declaración de este debe ser incluida en los primeros 512 caracteres de nuestro documento, es decir, para evitar problemas, debería definirse inmediatamente después de la etiqueta head.

W3schools HTML meta tag

Enhanced by Zemanta

Markdown Text-Editor plugin for Eclipse : Winterwell Associates – mathematics, data-mining & AI consultants

Plugin muy util, tanto para eclipse como para zend studio para la edición y previsualización para Markdown

Markdown Text-Editor plugin for Eclipse : Winterwell Associates – mathematics, data-mining & AI consultants.

Enhanced by Zemanta

Busqueda rapida de datos en una tabla con jQuery

jqueryUn script sencillo para buscar datos en una tabla generada en HTML con jQuery. Tal como escribimos en el campo de texto el dato que estamos buscando la tabla se reduce quedando solo las lineas en la que encuentra coincidencia.

Quick Table Search using jQuery filter.

CSS Text Wrapper

Alguna vez no encontramos con la necesidad de poner un texto envolviendo una imagen o haciendo alguna forma particular. En esra pagina podemos generar la forma que queramos y una vez consegida copiar el codigo y pegarlo en nuestra web.

CSS Text Wrapper.

Google HTML/CSS Style Guide

Una guia muy completa de Google para el desarrollo de paginas web con HTML y CSS

Google HTML/CSS Style Guide.