Recursos gratis CSS HTML Javascript 2015

Recursos gratis CSS HTML Javascript 2015

alojamiento wordpress

Hay muchas herramientas web gratuitas útiles para crear CSS, Javascript y HTML. Hoy lanzamos la primera versión de estas herramientas que nos facilitan la vida. Espero que os sirva de ayuda en vuestros proyectos.

CSS Beautifier

CSSBeautifier

Con CSS Beautifier transforma tus estilos CSS  en una forma más fácil de ver o utilízalo para transformar archivos CSS minimizados en algo más agradable a la vista.

Imagínate que tienes este CCS:

CCS Beautifier lo transformará en algo más agradable:
http://www.cleancss.com/css-beautify/

[hr]

CSS Color Editor

csscoloreditor

CSS Color Editor es una útil herramienta web que nos permite cambiar los códigos de colores de nuestros archivos CSS rápidamente.

Imagínate que tienes que crear una landing page a partir de una que ya tienes creada y cambia los colores y los textos básicamente, esta herramienta te ayuda a cambiar esos colores. Sube tu archivo de estilos a la herramienta, indica que colores cambiar y ya tienes tu nuevo CSS.

http://css-color-replace.orca-multimedia.de/

[hr]

CSS Matic

CSSmatic

CSS Matic es un conjunto de 4 herramientas CSS de gran utilidad para el diseño web: Editor Gradientes, Bordes Redondeados, Textura Suciedad, Editor Sombras

http://www.cssmatic.com/

Editor Gradientes

Con esta herramienta puedes combinar colores, opacidades, matiz, luminosidad y saturación para conseguir un degradado en CSS.

http://www.cssmatic.com/es/gradient-generator

Bordes Redondeados

Excelente herramienta para crear bordes redondeados pudiendo redondear cada esquina por separado.

http://www.cssmatic.com/es/border-radius

Textura Suciedad

Muy útil. Permite crear fondos con texturas, suciedad y ruido.

http://www.cssmatic.com/es/noise-texture

Editor Sombras

Crea sombras para cualquiera de tus elementos HTML.

http://www.cssmatic.com/es/box-shadow

[hr]

CSS Minifier

Minify and Compress CSS

CSS Minifier transforma tus códigos CSS en una versión más ligera quitando los espacios y saltos de línea que no aportan a la interpretación para el  correcto funcionamiento de tu página web (Minify).

Imagínate que tienes este CCS:

CSS Minifier lo transformará en:

De esta manera al pesar menos tus archivos CSS tu página cargará más rápido.

http://www.cleancss.com/css-minify/

[hr]

CSS Type Set

CSS Type Set

CSS Type Set es una herramienta gratuita CSS que nos permite crear fácilmente nuestros estilos de un texto.

Podemos cambiar el tamaño, tipo de letra, espaciado, alineación, color de letra y fondo.

También podemos utilizar las transformaciones como poner el texto en mayúsculas y capitalizado.

http://csstypeset.com/

[hr]

Javascript Beautifier

JavascriptBeautifier

Con Javascript Beautifier transforma tu código Javascript  en una forma más fácil de ver o utilízalo para transformar archivos Javascript minimizados en algo más agradable a la vista.

Imagínate que tienes este código Javascript:

Javascript Beautifier lo transformará en algo más agradable:

http://www.danstools.com/javascript-beautify/

[hr]

Javascript Minifier

MinifyJavascript

Javascript Minifier transforma tus códigos Javascript en una versión más ligera quitando los espacios y saltos de línea que no aportan a la interpretación para el  correcto funcionamiento de tu página web (Minify).

Imagínate que tienes este código Javascript:

Javascript Minifier lo transformará en:

De esta manera al pesar menos tus archivos Javascript tu página cargará más rápido.

http://www.danstools.com/javascript-minify/

[hr]

JS Bin

JSBin

JS Bin es un completo editor web que nos permite tener a la vez y por separado la parte HTML, CSS y Javascript. Podemos verlo, editarlo y ver cómo queda el resultado.

Puede ser muy útil para quien está acostumbrado a trabajar en código para proyectos de una página web tipo landing page.

http://jsbin.com/

[hr]

Kotatsu Simple HTML table generator

Kotatsu

Kotatsu Simple HTML table generator te permite generar el código de una tabla HTML fácilmente en pocos clicks.

Quizás no es una gran herramienta pero te puede ayudar en este tipo de etiquetas específicas de HTML.

http://www.askthecssguy.com/kotatsu/

[hr]

Word Off HTML

word-off-html

Word Off HTML limpia los HTML que hayan sido creados en Word, muy útil para diseños creados a través de un word por gente que tiene pocos conocimientos en programación.

Word Off HTML nos salvará de ir mirando código y limpiará de todo el código innecesario que genera Word.

http://www.targetlocal.co.uk/wordoff

[hr]

Estamos trabajando en valorar estos recursos gratuitos desde nuestra web y nos gustaría que los valoraras, puedes hacerlo aquí:

http://bitacoraweb.info/recursos-gratis/

Y si quieres proponernos más recursos gratuitos a valorar escríbenos:

http://bitacoraweb.info/contacto/

 





Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies