50 Recursos y Herramientas Webs Para Diseñadores y Desarrolladores

50 recursos y herramientas webs para diseñadores y desarrolladores
by Janeth Kent Date: 08-07-2013 diseño desarrollo web tutorial web2.0 guías


¿Queréis saber cómo montar una web o una app desde el principio para impactar a vuestros clientes?

A continuación os presentamos una lista con 50 ideas, herramientas y recursos web que os ayudará a optimizar vuestro proyecto web.

Hemos dividido la lista en 4 catagorías:

Herramientas CSS & HTML

Frameworks CSS, HTML & PHP

Herramientas Javascript

Frameworks  Javascript

Aplicaciones Web Based.

 

Herramientas CSS & HTML

CSS Trashman

 

Prepros

CSS Modal

piCSSel-art

Preboot

Diagnosticss

Markdown.css

Popline

Validatr – Cross Browser HTML5 Form Validation

Glue

CSS Embed

LESS Prefixer

csscss -A CSS Redundancy Analyze

Helium CSS – JS Tool To Scan Your Site and Show Unused CSS

CSSO – Structural Optimization of CSS Files

 

Frameworks CSS, HTML & PHP

Cascade Framework

Responsable Framework

 

 

Mueller Grid System

Pure

PocketGrid

Kraken

.Fitgrid

Mosto Framework for Forms

GroundworkCSS

 

Typeplate

Topcoat – CSS for Clean & Fast Web Apps

Herramientas Javascript

JSHint

Flatdoc

svg.js

 

Midway.js

WideArea

gif.js

 

 

 Instano.js

 Countable.js

Packery

 Highlights.js

Intern

 

 Chart.js

Draggabilly

 Intro.js

 Headtrackr

Frameworks en Javascript

React

 Pedestal

 Helios

 

 RoughDraft.js

Hopscotch

Aplicaciones Web Based

 MarkdownEditor

RedPen

CodeMirror

LightTableIDE

 

 
by Janeth Kent Date: 08-07-2013 diseño desarrollo web tutorial web2.0 guías visitas : 4839  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Artículos relacionados

Comenzando con Bootstrap-Vue paso a paso

Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para…

Bootstrap 5 beta2. ¿Qué ofrece?

Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la…

Guía: Como entrar en la DeepWeb y la Darknet

Queremos presentarte una guía que te permitirá entrar en las principales darknets que componen la Dark Web, conocida coloquialmente como la Deep Web, aunque este último término tiene otro significado.…

El diseño gráfico y su impacto en el desarrollo web

En el artículo de hoy explicaremos el concepto de diseño gráfico, sus fundamentos y lo que aporta al desarrollo web. El diseño gráfico se aplica a todo lo visual, lo…

Creación de un sencillo spinner-loader CSS

En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio…

Validación de formularios HTML usando BULMA y vanilla JavaScript

Hoy vamos a escribir sobre los formularios de contacto y cómo validarlos usando JavaScript. El formulario de contacto parece ser una de las características principales de toda página web básica. Es…

Cómo usar el efecto Parallax.Js en tu sitio web

Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil…

Modo oscuro persistente con CSS y JS

Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre…

Modo oscuro en el sitio web usando CSS y JavaScript

En el artículo de hoy vamos a aprender a construir más o menos estándar en estos días en las páginas web y que es el modo de color alternativo y…

El concepto de Modelo-Vista-Controlador (MVC) explicado

En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es…

Javascript: los operadores Spread y Rest

En el artículo de hoy vamos a hablar de una de las características de la versión ES6 (ECMAScript 2015) de JavaScript que es el operador Spreadasí como el operador Rest. Estas…

Introducción a RegExp - Expresiones regulares

Hoy vamos a escribir sobre las Expresiones Regulares conocidas como regex o regexp abreviado, un concepto muy útil de uso de patrones de búsqueda. Seguramente usted estaba en una situación en…

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración