Categorias AlbertSuarez.com

HTML5

• 2013, HTML5

  Analizando proyectos WEB por expertos

  01.24.13 | Permalink | Comentarios desactivados en Analizando proyectos WEB por expertos

• 2012, HTML5

  Efecto hover con jquery mouseleave mouseenter

  11.12.12 | Permalink | Comentarios desactivados en Efecto hover con jquery mouseleave mouseenter

  
  
          
              Northern Saw-whet Owl Photo by Matt Bango
              
          
      
  
      
      

• 2012, css3, diseño web, HTML5

  bootstrap html5 css3 front-end framework

  10.29.12 | Permalink | Comentarios desactivados en bootstrap html5 css3 front-end framework

  Llevo unos días buscando un framework de html5 y css. Cual fue mi sorpresa cuando el sábado un amigo me comento el framework bootstrap. No lo he probado mucho, pero promete bastante. A lo largo de la siguiente semana estaré haciendo unas prácticas. Inténtare colgar algo.
  

  

  bootstrap

  
  Aquí les dejo la url:
  http://twitter.github.com/bootstrap/

• HTML5, ibm, VECTOR HTML5

  Vector Gráficos en HTML5 – . SVG

  10.17.12 | Permalink | Comentarios desactivados en Vector Gráficos en HTML5 – . SVG

  Me gustaría compartir con ustedes este link de IBM developerworks, sobre los vectores con html5 con los archivos .SVG.
  

• 2012, css3, HTML5

  html5 css3 fuentes para todos los navegadores

  10.10.12 | Permalink | Comentarios desactivados en html5 css3 fuentes para todos los navegadores

  Cada vez mas los navegadores son mas compatibles y nos dejan jugar un poco mas. En este caso no había aprovechado hasta ahora esta característica de css3, hasta esta tarde. Con esta regla de css3,font-face.com, puedes colocar las rutas de las fuentes. Para pasar a todos estos formatos la fuente tienes recursos como esta web: http://www.fontsquirrel.com/fontface/generator.

  @font-face { font-family:'canarias';
    src:url('../css/font/sketch_block.eot');
    src:url('../css/font/sketch_block.eot?#iefix') format('eot'),
        url('../css/font/sketch_block.woff') format('woff'),
        url('../css/font/sketch_block.ttf') format('truetype'),
        url('../css/font/sketch_block.svg#id') format('svg');
    font-weight:normal; font-style:normal;
  
  
  
  #texto{
  	
  	font-family:'canarias', Arial, Verdana, sans-serif;
  	color:white;
  	font-size:55px;
      
  	}
  

  Cito estos consejos de cristalab.com, la primera en particular me hace mucha gracia:

  .eot siempre debe ir de primeras y siempre debe ir dos veces. Porque Internet Explorer 6, 7 y 8 son como un ex psicopata. Siempre quiere que le pongas de primeras ante el resto.

  También recuerda que puedes agregar tantos @font-face como quieras. Simplemente declaras otro bloque @font-face y le pones otro font-family. Ya está.

  Las fuentes SVG tienen un ID que debe ir frente a ellas con el signo #. Lo consigues abriendo el .svg con cualquier editor de texto y buscando el atributo «id».

• 2011, HTML5, tenerife

  07.08.12 | Permalink | Comentarios desactivados en

  Nuevos tipos de Input

  Unas de las cosas que mas me ha gustado de html5 es los nuevos tipos de input como por ejemplo el date. Que aqunque yo siga trabajando con jquery y java en este sentido no deja de sorprenderme para el futuro próximo en que lo utilizare mucho.

  Number

  El muestra la la casilla para ingresar los datos, Solo acepta Nuermos dentro de un rango.

  
  Range

  Esta etiqueta nos muestra un slide donde el parámetro de valor máximo se aplica con «max».

  
  Search

  Campo de busqueda.

  
  Ingreso de Fecha y Hora

  Html5 nos muestra una cantidad de input que nos dan la posibilidad de ingresar datos. Pero los navegadores aún no son compatibles en muchos de los casos.

  

Así, se comportan de una manera similar los tipos date, month, week, time.

Albert Suarez | Webmaster