18 Herramientas para Diseñadores y programadores Web (Frameworks y herramientas online, etc)PARTE 3

  • Iniciador del tema Iniciador del tema Aguil@
  • Fecha de inicio Fecha de inicio

Aguil@

Usuario Habitual nvl.3 ★
10 Oct 2007
11.634
40
197
Trate de traducir lo mejor posible , les recomiendo visitar las paginas que les interese :)
este sera mi ultimo aporte de este tipo ya que es un medio webeo la traducción ojala les guste,como bonus puse mas Herramientas que en mis anteriores Post.
Responsive_Web_Design.png


Frameworks

Responsable


attachment.php

Con el “CSS/LESS/SCSS-Framework Responsable”,pueden crear ustedes prototipos y Websites bajo la base de una linea de elementos predispuestos. Junto con un “Baseline-Grid” están también “Imágenes Responsivas” a base de Jquery Picture incluidas en este Framework.

Mueller Grid System

Si alguien trabaja con Compass seguro el responsivo/adaptativo Framework Mueller podría serles de ayuda.

jFormer

jFormer es un Framework basado en jQuery para crear formularios complejos. También es posible una compleja validación del los formularios.


Sidetap

Sidetap es un Framework para paginas y aplicaciones movibles. Entre otras cosas ,deja con “Sidetap” crear una “Off-Canvas-Navegacion.

jslibraryboilerplate

Con jslibraryboilerplate pueden instalar su propio JavaScript-Framework. Pueden usar puro JavaScript, CoffeeScript y TypeScript.

Proto

Con Proto crean rápidamente un prototipo a base de SCSS.


Fuentes de Download

Genericons
attachment.php

Los creadores de WordPress (Automattic) crearon "Genericons" y así ponen a disposición su propio Webfont-Icon-Set.


Scripte

pdf.js
attachment.php

pdf.js es un PDF-Viewer auf Basis von JavaScript. Visor-PDF a base de JavaScript.

cssFx.js

cssFx.js es un Polyfill (trozo de código o un plugin que permite usar nuevas funcionalidades ) para CSS3-Funciones en viejos y nuevos navegadores. El Script agrega los Vendor-Prefixes (Son prefijos que los navegadores (cada uno el suyo) anteponen a algunas propiedades para darle soporte. Las razones son de lo más variado: bien porque la propiedad no esté del todo definida por el consorcio, bien porque el navegador está en proceso de implementarla... )necesarios de forma automática y es parecido a -Prefix-Free.

typehead.js

Con el jQuery-Plugin typehead.js pueden crear una auto completado automático de la opción búsqueda.

textillate.js

Con el Script textillate.js pueden crear CSS3 Animaciones de Texto.
Leaflet

Con la Biblioteca-JavaScript Leaflet pueden crear mapas interactivos, sin cargar mucho la Performance de los Smartphones. El Script funciona con la mayoría de navegadores populares (Desktop & Móvil) y se puede expandir con otros PlugIns .

Responsive Measures

Con el jQuery-Plugin Responsive Measures calculan el tamaño del texto de forma automática con la ayuda de los “Elementos-Container”.

jQuery Timing

Con jQuery Timing pueden hacer animaciones y Events dependientes del factor tiempo ,cosas como: repeticiones,Timeouts, retrasos, etc.
Holder.js

Con el Script Holder.js generan ustedes gráficas editables para usarlas como un “rellenado de posición” sin que sea necesaria una conexión al Internet. Dependiendo el proyecto tiene ventajas en comparación con otros servicios como Placehold.it

Fabric.js

Fabric.js es una Biblioteca-Javascript para crear Elementos-HTML-Canvas. Contiene también un SVG-Converter.


Online-Tools

Am I Responsive?
attachment.php

Con el Online-Tool Am I Responsive?crean ustedes 4-en-1-Screenshots de una Website. La Herramienta no esta creada como un área de Debug, mas bien es para hacer rápidamente buenos y prácticos Screenshots.

HSL Color Picker

Con HSL Color Picker tienen una completa Herramienta para elegir colores. El buscador de colores se puede integrar también a la propia pagina web, el Código queda a vuestra disposición en GitHub .

Edit 20-07-2013
Otro Responsive Framework
Snap_2013_07_20_18h22m20s_001.png

gracias al CautivoDeTil-Til se llama Foundation
http://foundation.zurb.com/



Temas relacionados:
[Infos] Algunas paginas Web para Diseñadores Web (Frameworks y herramientas online)
[Infos] Algunas paginas Web para Diseñadores Web (Frameworks y herramientas online) PARTE 2
 
Última edición: