{"id":7121,"date":"2014-08-20T01:34:26","date_gmt":"2014-08-19T23:34:26","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=7121"},"modified":"2014-08-20T01:48:22","modified_gmt":"2014-08-19T23:48:22","slug":"recursos-interesantes-relacionados-con-el-html5-css-y-javascript","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/recursos-interesantes-relacionados-con-el-html5-css-y-javascript\/","title":{"rendered":"Recursos interesantes relacionados con el HTML5, CSS y JAVASCRIPT"},"content":{"rendered":"

Recursos y enlaces interesantes relacionados con el HTML5, CSS3 y Javascript<\/strong><\/p>\n

<\/p>\n

www.css3.info<\/a><\/p>\n

Sitio con novedades y recursos sobre CSS<\/p>\n

\n

http:\/\/jsonview.com<\/a><\/p>\n

Extensi\u00f3n para Firefox que posibilita visualizar documentos JSON en el navegador. Para consultar m\u00e1s informaci\u00f3n sobre JSON, www.json.org\/json-es.html<\/a><\/p>\n

\n

Frameworks Javascript<\/strong><\/p>\n

www.jquery.com<\/a>, www.prototypejs.org<\/a>, www.mootools.net<\/a><\/p>\n

\n

Firebug<\/strong><\/p>\n

www.getfirebug.com<\/a><\/p>\n

Herramienta similar al inspector de desarrollo de google chrome (F12)<\/p>\n

\n

Modernizr<\/strong><\/p>\n

www.modernizr.com<\/a><\/p>\n

Framework de javascript en forma de librer\u00eda que permite utilizar HTML5 y CSS3 en nuestros proyectos web. Interesante para la detecci\u00f3n de navegadores, versiones y problemas de compatibilidad.<\/p>\n

\n

Link checker<\/strong><\/p>\n

http:\/\/validator.w3.org\/checklink<\/a><\/p>\n

Herramienta muy \u00fatil para la validaci\u00f3n de links del W3C<\/p>\n

\n

CSS Validation Service<\/strong><\/p>\n

http:\/\/jigsaw.w3.org\/css-validator<\/a><\/p>\n

Realiza validaciones sobre hojas de estilo.<\/p>\n

\n

Test Acid<\/strong><\/p>\n

http:\/\/acid3.acidtests.org\/<\/a><\/p>\n

Evaluaci\u00f3n de estandarizaci\u00f3n de navegadores. Se realizan unas 100 pruebas puntuables sobre el navegador usado.<\/p>\n

\n

Ejemplos de videos sobre HTML5<\/strong><\/p>\n

www.html5video.org<\/a><\/p>\n

Ejemplos de canvas sobre HTML5<\/p>\n

www.benjoffe.com\/code<\/a><\/p>\n

\n

Moovie<\/strong><\/p>\n

Permite personalizar las caracter\u00edsticas de video provistas por HTML5<\/p>\n

http:\/\/colinaarts.com\/code\/moovie<\/a><\/p>\n

\n

http:\/\/html5gallery.com<\/a><\/p>\n

Galer\u00eda de sitios web que emplean HTML5 en su dise\u00f1o<\/p>\n

\n

Plantillas que emplean HTML5<\/p>\n

http:\/\/jayj.dk\/free-html5-css3-theme\/<\/a><\/p>\n

\n

www.smashingmagazine.com<\/a><\/p>\n

Sitio web que ofrece tutoriales HTML5 y art\u00edculos sobre el dise\u00f1o web.<\/p>\n

http:\/\/52framework.com<\/a><\/p>\n

Framework enfocado principalmente a la maquetaci\u00f3n de sitios que emplean HTML5 y CSS4. No solo funciona en los navegadores modernos, sino en los antiguos tambi\u00e9n. Uso basado en grids.<\/p>\n

 <\/p>\n

 <\/p>\n

\n

http:\/\/meyerweb.com\/eric\/tools\/css\/reset<\/a><\/p>\n

Es un Reset de CSS de los\u00a0 m\u00e1s famosos. Permite establecer valores CSS por defecto.<\/p>\n

\n

Font Tester<\/strong><\/p>\n

www.fonttester.com<\/a><\/p>\n

Herramienta online para probar estilos de fuentes y obtener c\u00f3digo CSS de los estilos que creemos.<\/p>\n

\n

Blueprint<\/strong><\/p>\n

www.blueprintcss.org<\/a><\/p>\n

Es un framework CSS para reducir el tiempo en escribir c\u00f3digo CSS. Emplea reset, grids, etc.<\/p>\n

\n

www.the-art-of-web.com<\/a><\/p>\n

Sitio web con tutoriales sobre HTML, CSS, Javascript, PHP, SQL.<\/p>\n

\n

 <\/p>\n

http:\/\/cssmenumaker.com<\/a><\/p>\n

Herramienta online para crear menus CSS en nuestros proyectos web.<\/p>\n

Em Calculator<\/strong><\/p>\n

http:\/\/riddle.pl\/emcalc<\/a>
\nHerramienta online que nos ayudar\u00e1 con los c\u00e1lculos para crear sitios con diferentes resoluciones.<\/p>\n

\n

http:\/\/convert-to.com\/pixels-px-to-em-conversion.html<\/a><\/p>\n

Herramienta online para realizar conversiones entre em y px<\/p>\n

\n

CSS 3.0 Maker<\/strong><\/p>\n

www.css3maker.com<\/a><\/p>\n

Herramienta online para crear estilos y efectos usando caracter\u00edsticas de CSS 3.<\/p>\n

\n

Efectos shadow<\/strong><\/p>\n

http:\/\/westciv.com\/tools\/shadows<\/a><\/p>\n

\n

Herramienta online para crear efectos con text-shadow<\/p>\n

www.cssblog.es<\/a><\/p>\n

\n

Web en espa\u00f1ol con mucho material relacionado con la CSS<\/p>\n

CSS3 generator<\/strong><\/p>\n

www.css3generator.com<\/a><\/p>\n

Herramienta online para crear reglas multicolumna con CSS3<\/p>\n

\n

\u00a0Border radius<\/strong><\/p>\n

http:\/\/border-radius.com<\/a><\/p>\n

Herramienta online para crear bordes redondeados CSS3 mediante asistente.<\/p>\n

\n

Border image<\/strong><\/p>\n

http:\/\/border-image.com<\/a><\/p>\n

Herramienta online para crear bordes de im\u00e1genes CSS3<\/p>\n

\n

\u00a0Ultimate Gradient Generator<\/strong><\/p>\n

http:\/\/www.colorzilla.com\/gradient-editor<\/a>
\nhttp:\/\/www.gradcolor.com\/css3-gradient.php<\/a><\/p>\n

Herramienta online para generar gradiantes en CSS.<\/p>\n

\n

\u00a0CSS3 Selector Test<\/strong><\/p>\n

http:\/\/tools.css3.info\/selectors-test\/test.html<\/a><\/p>\n

Herramienta online para verificar la compatibilidad con los selectores CSS3.<\/p>\n

\n

Transformaciones 2D y 3D.<\/strong><\/p>\n

http:\/\/westciv.com\/tools\/3Dtransforms\/index.html<\/a>
\nHerramienta online para crear transformaciones en 2D y 3D<\/p>\n

\n

Video<\/strong><\/p>\n

SublimeVideo
\nhttp:\/\/sublimevideo.net\/demo<\/a><\/p>\n

http:\/\/videojs.com<\/a><\/p>\n

http:\/\/mooplay.challet.eu<\/a><\/p>\n

\n

www.phpform.org<\/a><\/p>\n

Herramienta online para crear formularios personalizados.<\/p>\n

www.emailmeform.com<\/a><\/p>\n

Herramienta online para crear formularios en pocos pasos.<\/p>\n

Jquery UI para autocompletar<\/strong><\/p>\n

http:\/\/www.jqueryui.com\/demos\/autocomplete<\/a><\/p>\n

JSValidate<\/strong><\/p>\n

http:\/\/JSvalidate.com<\/a><\/p>\n

Opci\u00f3n para validar formularios. Requiere Scriptaculous y Prototype<\/p>\n

Prototype<\/p>\n

Es un framework Javascript con m\u00faltiples opciones. Trabajar con formularios.<\/p>\n

\n

Cloud Canvas<\/strong><\/p>\n

www.cloud-canvas.com<\/a><\/p>\n

Herramienta para crear dibujos digitales en AJAX y HTML5<\/p>\n

\n

www.canvasdemos.com<\/a><\/p>\n

Ejemplos de uso de Canvas en HTML5<\/p>\n

\n

JCanvaScript<\/strong><\/p>\n

http:\/\/jcscript.com<\/a><\/p>\n

Permite trabajar con canvas de forma sencilla.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Recursos y enlaces interesantes relacionados con el HTML5, CSS3 y Javascript<\/p>\n","protected":false},"author":1,"featured_media":4700,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[418,446,24],"tags":[685,578],"class_list":["post-7121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-2","category-html5","category-web","tag-html5","tag-recursos"],"_links":{"self":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/comments?post=7121"}],"version-history":[{"count":7,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7121\/revisions"}],"predecessor-version":[{"id":7128,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7121\/revisions\/7128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media\/4700"}],"wp:attachment":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media?parent=7121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/categories?post=7121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/tags?post=7121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}