web development resources
1.0.0
Una lista de herramientas y recursos front-end de código abierto para diseñadores y desarrolladores web.
| Nombre | Descripción |
|---|---|
| Estándares W3C | Los estándares W3C definen una plataforma web abierta para el desarrollo de aplicaciones que tenga el potencial sin precedentes para permitir a los desarrolladores crear experiencias interactivas ricas, impulsadas por grandes almacenes de datos, que están disponibles en cualquier dispositivo. |
| CSSDB | Una lista completa de características de CSS y sus posiciones en el proceso de convertirse en estándares web implementados. |
| Docios web de MDN | Recursos para desarrolladores, por desarrolladores. |
| Desarrolladores web de Google | Construya la próxima generación de experiencias web. |
| W3Schools | Tutoriales web en línea. |
| Tricks CSS | Artículos diarios sobre CSS, HTML, JavaScript y todo lo relacionado con el diseño y el desarrollo web. |
| Revista Smashing | Para diseñadores y desarrolladores web. |
| WebGlossary.info | Extenso glosario de desarrollo web y términos de diseño. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Html5 calderla | La plantilla front-end más popular de la web. |
| Oreja | Bootstrap es el marco HTML, CSS y JS más popular más popular para desarrollar primeros proyectos móviles receptivos en la web. |
| Base | El marco front-end receptivo más avanzado del mundo. |
| - | - |
| Base | Un marco HTML/CSS sólido como una roca. |
| Basscss | Kit de herramientas CSS de bajo nivel. |
| Bulma | Un marco CSS moderno basado en Flexbox. |
| Marco conciso | Un marco frontal liviano que proporciona una serie de excelentes características sin la hinchazón. |
| Cardenal | Cardinal es un marco CSS modular y "móvil primero" construido con rendimiento y escalabilidad en mente. |
| CSS furtivo | Un micro-marco de pensamiento hacia adelante, CSS. |
| Expulsado | Un marco CSS Flexbox. |
| Diseño de material Lite | Una implementación de componentes de diseño de materiales en CSS, JS y HTML de vainilla |
| Materializar | Un marco front-end moderno basado en el diseño de materiales. |
| Fotón | La forma más rápida de construir hermosas aplicaciones de electrones utilizando HTML y CSS simples. |
| CSS de imprimación | El equipo de sistemas de diseño GitHub construye y mantiene imprimación. |
| Puro | Un conjunto de módulos CSS pequeños y receptivos que puede usar en cada proyecto web. |
| Sensible | Un marco potente, accesible y amigable para el desarrollador para crear sitios web receptivos. |
| UI semántica | Un marco de desarrollo que ayuda a crear diseños hermosos y receptivos utilizando HTML amigable para los humanos. |
| Skel | Un marco de respuesta ligero para el www. |
| Esqueleto | Una calderera simple y receptiva. |
| CSS de viento de cola | Un marco CSS de utilidad para construir rápidamente diseños personalizados. |
| Uikit | Un marco frontal liviano y modular para desarrollar interfaces web rápidas y potentes. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Onsen ui | La forma más hermosa y eficiente de desarrollar aplicaciones web híbridas y móviles HTML5. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Piedra | Formstone es una colección de componentes frontales. |
| LE Wagon UI Components | - |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Arrancador de bootstrap | Temas y plantillas de inicio de arranque gratis para iniciar su proyecto. |
| HTML5 Tema de WordPress en blanco | El mejor tema HTML5 WordPress Boilerplate, señalado por Adobe, Smashing Mag, .NET Mag. |
| Html5 arriba! | Plantillas de sitio HTML5 y CSS3 receptivas. |
| Iniciar bootstrap | Una biblioteca de temas y plantillas de Bootstrap gratis para descargar. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Haml | Lenguaje de marcado de abstracción HTML |
| Reducción | Una herramienta de conversión de texto a HTML para escritores web. |
| Delgado | Un motor de plantilla ligero. |
| Jade | Motor de plantilla de nodo. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| MENOS | Nodo CSS Preprocesador |
| SCSS / SASS | El lenguaje de extensión CSS de grado profesional más maduro, estable y poderoso del mundo. |
| Aguja | Expresivo, dinámico, robusto, preprocesador CSS rico en características. |
| Postcss | Una herramienta para transformar CSS con JavaScript. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Cafetería | Un pequeño lenguaje que se compila en JavaScript. |
| Vida | Un idioma que se compila a JavaScript. |
| Mecanografiado | Javascript que escala. |
| Babel | El compilador para escribir JavaScript de próxima generación. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Borbón | Una biblioteca de mezcla simple y liviana para Sass. |
| Brújula | Un marco de autor de código abierto CSS. |
| Sussy | Motor de diseño personalizado para SASS. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| npm | El administrador de paquetes para JavaScript. |
| - | - |
| Navegador | require() la forma del nodo |
| Gruñido | El corredor de tareas de JavaScript |
| Trago | El sistema de construcción de transmisión |
| Parcela | Bundler de aplicaciones web de configuración rápida y rápida. |
| Acurrucado | Bundler del módulo ES de próxima generación. |
| Pájaro web | Un Bundler para JavaScript y sus amigos. |
| - | - |
| Eslint | Encuentre y solucione problemas en su código JavaScript. |
| Más bonito | Prettier es un formateador de código obstinado. |
| stylelt | Un ligero poderoso y moderno que lo ayuda a evitar errores y hacer cumplir las convenciones en sus estilos. |
| compromiso | ? Mensajes de confirmación de pelusa |
| linkinator | Un rastreador de sitio súper simple y un verificador de enlaces rotos. |
| - | - |
| Navegador | Mantenga múltiples navegadores y dispositivos sincronizados al crear sitios web. |
| servidor http | Un servidor HTTP de línea de comandos simple de configuración cero. |
| atender | Servicio de archivo estático y listado de directorio. |
| servidor.js | Servidor simple y potente para node.js |
| - | - |
| Chokidar | Un envoltorio eficiente alrededor del nodo.js fs.watch / fs.watchfile / fsevents. |
| nodemon | Monitoree los cambios en su aplicación Node.js y reinicie automáticamente el servidor, perfecto para el desarrollo. |
| en el cambio | Use patrones de globas para ver conjuntos de archivos y ejecute un comando cuando se agrega, cambie o elimine cualquier cosa. |
| - | - |
| Simultáneamente | Ejecutar comandos simultáneamente. Como npm run watch-js & npm run watch-less pero mejor. |
| NPM-Run-All | Una herramienta CLI para ejecutar múltiples secuencias de NPM en paralelo o secuencial. |
| Caparazón paralelo | Un módulo NPM súper simple para ejecutar comandos de shell en paralelo. |
| - | - |
| Concatismo | Concatene múltiples archivos. |
| cli de CPY | Copiar archivos para nodo. |
| deleño | Eliminar archivos y directorios utilizando globos. |
| expresar | Marco web rápido, sin opinuar y minimalista para el nodo. |
| nodo | Le permite compilar de forma nativa .SCSS a CSS a una velocidad increíble y automáticamente a través de un middleware de conexión. |
| Upbes de comprobación de NPM | Actualiza sus dependencias de paquete. Json a las últimas versiones, ignorando las versiones especificadas. |
| Purgecss | PurGECSS es una herramienta para eliminar el CSS no utilizado. |
| timbre | El comando unix rm -rf para nodo. |
| - | - |
| Bower [ depreciado ] | Un administrador de paquetes para la web. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| jQuery | Escribir menos, hacer más, Biblioteca JavaScript. |
| Modernizr | Modernizr le dice lo que HTML, CSS y JavaScript presenta el navegador del usuario que tiene para ofrecer. |
| - | - |
| Bliss.js | ¿Quieres usar Vanilla JS pero encontrar API nativos un poco difícil de manejar? Bliss es para ti. |
| Paraguas js | ☔ Biblioteca de JavaScript ligero para manipulación y eventos DOM. |
| Zepto JS | Zepto es una biblioteca de JavaScript minimalista para navegadores modernos con una API en gran parte compatible con jQuery. |
| Efectivo js | Una alternativa jququery absurdamente pequeña para los navegadores modernos. |
| Chibi js | Una pequeña micro biblioteca JavaScript |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Anchor.js | Agregue enlaces de anclaje profundo a sus documentos. |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) es una biblioteca de animación JavaScript ligera con una API simple pero poderosa. Funciona con propiedades CSS, SVG, Atributos DOM y objetos JavaScript. |
| Chart.js | Gráficos simples, limpios y atractivos para diseñadores y desarrolladores. |
| Chartist.js | Gráficos simples receptivos. |
| (a) Darkmode.js (b) interruptor de modo oscuro | ? Agregue un modo oscuro / en modo nocturno a su sitio web en unos segundos |
| Velocidad.js | Animación de JavaScript acelerada. |
| Favico.js | Utilice su favicón con insignias, imágenes o videos. |
| Fluidvids.js | Módulo de videos de ancho de fluido (receptivo), 1KB, reproductores personalizados, elementos dinámicos/soporte XHR. |
| Destacado.js | Spowslant.js es un resaltador de sintaxis escrito en JavaScript. |
| Espacio para la cabeza.js | Esconde su encabezado hasta que lo necesite. |
| Titular.js | Marcadores de posición del lado del cliente. |
| Lazysizes.js | Cargador perezoso amigable para el alto rendimiento y SEO para imágenes (receptivas y normales), iframes y más. |
| Littlefoot.js | Littlefoot es una biblioteca de JavaScript liviana que crea notas al pie excepcionales. |
| lunr.js | Búsqueda simple de texto completo en su navegador. |
| Nprogres.js | Una barra de progreso nanocópica. |
| Ritmo.js | Una barra de progreso de página web automática. |
| Prisma.js | Prism es una biblioteca liviana, robusta y elegante de resaltamiento de sintaxis. |
| React-Burger-Menu | Una barra lateral fuera de canvas reacciona con una colección de efectos y estilos utilizando transiciones CSS y animaciones de ruta SVG. |
| Navegación receptiva | Complemento de navegación receptivo sin dependencias de la biblioteca y con soporte de pantalla táctil rápido. |
| Slideout.js | Un menú de navegación táctil para sus aplicaciones web móviles. |
| SmartCrop.js | Contenido consciente de la imagen. |
| Tabella.js | Tabla receptiva. |
| Atar | Una biblioteca JavaScript para hacer eficientemente un elemento absolutamente posicionado permanece junto a otro elemento en la página. |
| Tippy.js | Una biblioteca ligera de tool -tooltip JavaScript de vainilla. |
| Tooltip.js | ToolTip.js es una biblioteca JavaScript y CSS para crear información sobre herramientas estilables. |
| Turbolinks | Turbolinks® hace que navegar por su aplicación web más rápido. |
| Tipos | Un preprocesador tipográfico para su HTML que utiliza cero JavaScript del lado del cliente. |
| ZeroClipboard.js | Una manera fácil de copiar texto al portapapeles. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Formstone - fondo | Un complemento jQuery para imágenes de imagen de cuadro completo y fondos de video. |
| Bigfoot.js | Un complemento jQuery para empoderar las notas al pie. |
| biglide.js | Un pequeño complemento de navegación de panel diapositiva jQuery con grandes sueños. |
| FitVids.js | Un complemento jQuery liviano y fácil de usar para el video de ancho de fluido incrusta. |
| fullpage.js | Sectores de desplazamiento de una página complemento del sitio. |
| Carga perezosa | Lazy Load es retrasos en la carga de imágenes en páginas web largas. |
| Lidad | Un complemento Lightbox ultra ligero, accesible y receptivo que admite imágenes, iframes y contenido en línea fuera de la caja. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Terser | ? Javascript Parser, Mangler y Compressor Toolkit para ES6+ |
| Uglifyjs | UglifyJS es un kit de herramientas JavaScript Parser, Minifier, Compressor y Beautifier. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Animate.css | Una biblioteca de navegador de animaciones CSS. |
| Cssgram | Una pequeña biblioteca (<1kb gzipped!) Para recrear filtros de Instagram con filtros CSS y modos de mezcla. |
| CSS Filters Playground | Juega con los nuevos efectos del filtro CSS3. |
| EQCSS | Una especificación para una sintaxis de consulta de elementos de estilo contenedor en CSS. |
| Rejilla flexible | Un sistema de cuadrícula basado en la propiedad de pantalla Flex. |
Dominar el :nth-child | CSS3 Clases de pseudo y: rangos enésimo hijo. |
| Eric Meyer CSS RESET | Eric Meyer CSS RESET |
| Graaf | Superposición de cuadrícula CSS pura para el diseño. |
| Hamburguesas | Sabrosas hamburguesas animadas por CSS. |
| Sistema de cuadrícula de Mueller | Un sistema de cuadrícula modular para diseños receptivos/adaptativos y no respondientes, basado en la brújula. |
| Normalizar.css | Una alternativa moderna y lista para HTML5 a los reiniciados CSS. |
| Rtlcss | Marco para convertir las hojas de estilo de izquierda a derecha (LTR) en cascada (CSS) a derecha a izquierda (RTL). |
| Tostada | Grid CSS loco, sin sentido. |
| Cswand | Realmente es solo un puñado de biblioteca de animación simple y pura basada en CSS |
| Water.css | Colección de estilos para hacer sitios web simples |
| Pasas CSS | Una biblioteca de solo CSS de utilidad. |
| CSS de espectro | Implementación estándar de CSS del lenguaje de diseño de espectro para internos y terceros |
| Shadows.css | Mianly basado en las sombras de la caja |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Cómo trabajar con iconos SVG | - |
| Alinee los íconos de SVG para enviar mensajes de texto y decir adiós a los íconos de fuentes | - |
| - | - |
| Íconos de arranque | Los iconos de arranque son SVG, por lo que se escalan de manera rápida y fácil y se pueden diseñar con CSS. Mientras están construidos para Bootstrap, trabajarán en cualquier proyecto. |
| Iconos de licencia de Commons Creative | Descargue los iconos de licencia SVG, EPS y PNG Creative Commons para usar en su sitio. |
| Flaticón | La base de datos más grande de iconos gratuitos disponibles en formatos PNG, SVG, EPS, PSD y Base 64. |
| Pluma | Feather es una colección de íconos de código abierto simplemente hermosos. |
| Fuente impresionante | El icónico kit de herramientas de fuentes y CSS. |
| Fuente | Fuente Awesome Split a archivos individuales de SVG y PNG de diferentes tamaños junto con el generador basado en Node.js. |
| Fontforge | Un editor de fuentes de código abierto y de código abierto que le presenta una comunidad de compañeros amantes de los tipos. |
| Fontello | Una manera fácil de crear una fuente de icono personalizada para su sitio. Seleccione imágenes de nuestra gran colección y haga un paquete web con un solo clic. |
| Icomoon | Icomoon proporciona un paquete de iconos vectoriales, junto con una aplicación HTML5 gratuita para hacer fuentes de iconos personalizados o sprites SVG. Explore entre miles de iconos perfectos de píxeles o importe sus propios vectores. |
| Ionicones | La fuente de icono premium para el marco iónico. |
| Iconos de diseño de material | Vea todos los íconos de diseño de material y más de la comunidad. |
| La gran lista de iconos planos y fuentes de iconos por CSS-Triks | Hay muchos de estos rodeos. Este es mío. |
| Proyecto sustantivo - iconos para todo | Casi un millón de íconos curados, creados por una comunidad global. |
| Octicones | Una fuente de icono escalable hecha a mano con <3 por GitHub. |
| Iconos perfectos | La forma más fácil de crear íconos sociales independientes de resolución. |
| Iconos simples | Iconos SVG gratuitos para marcas populares. |
| svg-icon | Una mejor colección de iconos de SVG hecha correctamente. |
| Iconos SVG | Listo para usar iconos SVG para la web. |
| Iconos vectoriales Roundup | Una comparación de lado a lado entre las fuentes de icono populares. |
| Amamos las fuentes de iconos | Un servicio de alojamiento de fuentes de iconos gratuitos y de código abierto para fines de prueba. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Tinyjpg | Smart WebP, JPEG y compresión PNG |
| Comprimir PNG | - |
| Comprimir jpeg | - |
| Comprimir gif | - |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Gráfico | Hacer gráficos en segundos. |
| Formspree | Formas HTML funcionales para sitios estáticos. |
| Gridspree | Muestre los datos de su hoja de cálculo, como desee en su sitio estático con la hoja de cálculo de Google. |
| Anular | Formulario |
| WTF, Forms? | Los controles HTML más amigables con un poco de magia CSS. Diseñado para IE9+, así como para el último Chrome, Safari y Firefox. |
| Wufoo | Constructor de formulario en línea con base de datos de almacenamiento en la nube. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| API abstractos | Un conjunto de API de utilidad simples pero potentes para desarrolladores, como validación por correo electrónico, generador de avatar de usuarios, compresión de imágenes y más. Todas las API tienen una versión gratuita. |
| Autodraw | Dibujo rápido para todos. Autodraw combina el aprendizaje automático con dibujos de artistas talentosos para ayudarlo a dibujar cosas rápidamente. |
| Traductor binario | Traductor de código binario gratuito, traduce el código binario al texto. |
| Base16 | Una arquitectura para la construcción de temas basados en la resaltar de sintaxis cuidadosamente elegida utilizando una base de dieciséis colores. |
| Bootstrap 5 Hoja de trucos | Una lista interactiva de clases de Bootstrap 5, variables y mixins. |
| Colores.css | Mejores colores predeterminados para la web. Una colección de clases de piel para prototipos más rápidos y sitios de aspecto más bonito. |
| Color Códigos de color hexadecimal | Color-HEX ofrece información sobre colores que incluyen modelos de color (RGB, HSL, HSV y CMYK), colores triádicos, colores monocromáticos y colores análogos calculados en la página de color. |
| Caza de colores | Colección curada de hermosos colores, actualizado diariamente. |
| Generador CSS3 | CSS3 clásicos |
| Cssmático | Las mejores herramientas CSS para diseñadores web. |
| Dibujo.io | Draw.io es un software de diagrama en línea gratuito para fabricar diagramas de flujo, diagramas de procesos, gráficos de orgg, UML, ER y diagramas de red. |
| Colores planos | Explore más de 11,000 colores planos en más de 2,300 paletas de colores planos. Copielos o descargue el archivo .ACO para usar en Photoshop. |
| Herramientas de desarrollo frontend del dogma frontend | Herramientas curadas basadas en la web para desarrolladores y propietarios de sitios web, para análisis y exploración. |
| Fondos de gradiente | Como una lista curada de los mejores sitios web de gradiente en Internet, los fondos de gradiente le permiten explorar, tratar de elegir entre cientos de hermosas paletas de colores combinadas. |
| Asistente de estilo: API de Google Maps | Personalice los colores, las carreteras, las etiquetas y más. Luego use su estilo personalizado en su proyecto de plataforma Google Maps. |
| Mapas elegantes | Un depósito de diferentes estilos para Google Maps dirigido a diseñadores y desarrolladores web. |
| Solarized: colores de precisión para máquinas y personas | Solarized es una paleta de dieciséis colores (ocho monótonos, ocho colores de acento) diseñada para su uso con aplicaciones terminales y GUI. |
| Generador de hash sri | El uso de SRI se recomienda como la mejor práctica, cada vez que las bibliotecas se cargan desde una fuente de terceros. |
| Superdominio | Verifique la disponibilidad de dominio. |
| Crear tablas de látex en línea | Cree rápidamente incluso tablas de látex complejas con generador en línea: la fusión de las celdas es compatible con la edición de las fronteras. |
| uigradient | Una colección seleccionada de hermosos gradientes de color para diseñadores y desarrolladores. |
| Desanimarse | Herramienta en línea gratuita para un código de javascript, CSS y CSS y CSS y HTML, lo que lo hace legible y bonito. |
| Herramientas de código web | CSS3, HTML5, microdatos, gráfico abierto y generadores de tarjetas de Twitter |
| ¿Cuál es mi resolución de pantalla? | Una herramienta en línea para verificar la resolución de la pantalla de cualquier dispositivo de visualización. |
| Otorgantes | Colección gratuita de gradientes de fondo que puede usar como fondos de contenido en cualquier parte de su sitio web. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Bootstrapcdn | El CDN recomendado para Bootstrap, Font Awesome y Bootswatch. |
| CDNJS | ¡El CDN de código abierto y abierto para bibliotecas relacionadas con la web para acelerar su sitio web! |
| Coral | Una red de distribución de contenido gratuita y abierta basada en tecnologías entre pares, compuesta por una red mundial de proxies y servidores de nombres web. |
| Fontcdn | Una herramienta de búsqueda para las fuentes web de Google. |
| Fuentes de Google | Cientos de fuentes gratuitas de código abierto optimizadas para la web. |
| Bibliotecas alojadas de Google | Una red de distribución de contenido estable, confiable, de alta velocidad y a nivel mundial para las bibliotecas JavaScript de código abierto más populares. |
| jsdelivr | Un CDN súper rápido gratuito para desarrolladores y webmasters. |
| Microsoft Ajax CDN | Las populares bibliotecas de JavaScript de terceros, como jQuery y le permiten agregarlas fácilmente a sus aplicaciones web. |
| Software de código abierto CDN | Software de código abierto CDN por MaxCDN. |
| Yandex CDN | Service aloja bibliotecas JavaScript que proporciona a los desarrolladores de sitios acceso a la entrega de contenido de Yandex (CDN) y puede manejar una variedad de bibliotecas y bibliotecas de código abierto y bibliotecas de Yandex. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Puedo usar | Verifique la compatibilidad del navegador de las propiedades CSS3 y HTML5. |
| ¿Debo prefijo? | Simplemente muestre qué prefijos se necesitan para una propiedad CSS más nueva. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| ¿Estoy receptivo? | Vea cómo se ve su sitio en el escritorio, la computadora portátil, el iPad y el iPhone. |
| Browserstack | Use el probador del dispositivo del navegador y descargue las imágenes de Internet Explorer para su VM. |
| Que protagoniza el dispositivo | Muestre una vista previa rápida de la respuesta de su sitio web a diferentes resoluciones de dispositivos como MacBook, iPad o iPhone. Comparta esta vista previa con su cliente. |
| Aplicar de forma reclutada | Un DevTool imprescindible para los desarrolladores web para un desarrollo web más rápido receptivo. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Google PageSpeed Herramientas | Las herramientas PageSpeed analizan y optimizan su sitio siguiendo las mejores prácticas web. |
| WebPagetest | Ejecute una prueba de velocidad del sitio web gratuita desde múltiples ubicaciones en todo el mundo utilizando navegadores reales y a velocidades de conexión del consumidor reales. |
| Prueba de velocidad del sitio web | Use esta prueba de velocidad del sitio web gratuita para analizar la velocidad de carga de sus sitios web y aprender a hacerlos más rápido. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Jonplaceholder | API de descanso en línea falsa para pruebas y prototipos |
| Lorem ipsum | Lorem Ipsum es simplemente un texto ficticio de la industria de impresión y tipografía. |
| lorempixel | Imágenes de marcador de posición para cada caso. |
| Lengor de posición.it | Un servicio de marcador de posición de imagen rápido y simple. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Lugar | El mejor para soltar su proyecto en cualquier contexto del dispositivo. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Generador de favicón | Generador Favicon en línea. Verdadero. |
| Construye mi sitio fijo | Herramienta en línea para crear un mosaico de pantalla de inicio de Windows personalizado para su sitio en menos de un minuto. |
| Mejoras de sitio fijadas en Windows / Creación de mosaicos personalizados para sitios web de IE11 | Configuración de fichas y notificaciones en vivo para Windows |
| Configuración de aplicaciones web para Apple | Información y técnicas conceptuales sobre la creación de contenido web efectivo para Safari y WebKit utilizando HTML y CSS. |
| Aplicaciones web instalables con la aplicación web manifestando en Chrome para formato de archivo Android / manifiesto | Use el manifiesto de la aplicación web para controlar cómo se inicia su aplicación web. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Codemyui | Fragmentos de código seleccionados que puede usar en sus proyectos web. Encuentra inspiración de diseño web con muestras de código. |
| Codyhouse | Una biblioteca gratuita de HTML, CSS, JS Nuggets. |
| Bacaldeo | Codrops es un blog de diseño y desarrollo web que publica artículos y tutoriales sobre las últimas tendencias web, técnicas y nuevas posibilidades. |
| Moviéndose a HTTPS | Migra de http a https con facilidad. |
| Navnav | Un montón de CSS, JQuery y JavaScript responden ejemplos de navegación receptivos, demostraciones y tutoriales de toda la web. |
| Papersizes.io: el mejor recurso para tamaños de papel | Un recurso simple y gratuito para encontrar los estándares internacionales para los tamaños de papel en Metric e Imperial. |
| PDF Candy | Editar archivos PDF con Candy PDF: un editor PDF en línea gratuito. Convertir PDF a Word, PDF a JPG, fusionar PDF, dividir PDF, Comprimir PDF, etc. |
| escocés | Un blog de desarrollo web que discute todo lo relacionado con la programación, el desarrollo, la web y la vida. |
| Revista Smashing | Una revista en línea para diseñadores y desarrolladores web profesionales, con un enfoque en técnicas útiles, mejores prácticas y recursos valiosos. |
| Tutoriales web en línea de W3Schools | El sitio de desarrollador web más grande del mundo. |
↥ De vuelta a la cima
| Nombre |
|---|
| Docios web de Mozilla |
| CSS Dev Docs |
| Índice de propiedades CSS |
| Referencia de CSS |
| Referencia de CSS - Codrops |
| Disposición : |
| Flexbox - trucos CSS |
| Grid CSS - trucos CSS |
| CSS Flexbox Playground de Gabi |
| Flexbox Froggy |
| Jardín de la cuadrícula CSS |
| Animaciones de CSS : |
| Usando la animación CSS - MDN |
| Animación - trucos de CSS |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Fuentes seguras del navegador | Fuentes comunes a todas las versiones de los equivalentes de Windows y Mac. |
| Pila de fuentes CSS | Una colección completa de pilas de fuentes CSS seguras web. |
| Propiedad de esquema de CSS - Esquema: Ninguno y esquema: 0 | La propiedad de esquema de CSS es un requisito de accesibilidad, pero a menudo abusado por muchos diseñadores web, ¿por qué lo hacen? |
| Referencia del selector CSS | En CSS, los selectores son patrones utilizados para seleccionar los elementos que desea peinar. |
| Especificidad CSS | Especificidad CSS. La especificidad CSS asigna una representación numérica de un selector para comparar en caso de que haya conflictos de estilo. El póster web muestra la especificidad CSS con íconos de la película 'The Shining' de Stanley Kubrick. |
| Cuadrícula con ejemplo | Todo lo que necesita para aprender el diseño de la cuadrícula CSS. |
| Jardín de la cuadrícula | Un juego para aprender la cuadrícula CSS. |
| Ruina | ¡Aprende la cuadrícula CSS! |
| Enlaces de etiqueta hash que no golpearon la cabeza la ventana del navegador | CSS-Tricks Post de Chris Coyier. |
| Aprender la cuadrícula CSS | Una guía para el aprendizaje de la cuadrícula CSS. |
| Aprender la cuadrícula CSS | Muchos recursos fantásticos por Jen Simmons. |
| Aprender el diseño de CSS | Este sitio enseña los fundamentos CSS que se utilizan en el diseño de cualquier sitio web. |
| Anular el color de selección de texto predeterminado con CSS | CSS-Tricks Post de Chris Coyier. |
| El enlace más inteligente subraya para cada sitio web | Publicado por Adam Schwartz. |
| ¿Cuál es el color de fondo de defensa del navegador al seleccionar texto? | Respuesta en el desbordamiento de la pila |
| ¿Por qué cambié de menos a sass? | Publicado por Hugo Giraudel. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Carteles de la oficina en casa | Repositorio de la oficina en casa de carteles que cubren diferentes temas: investigación, necesidades de acceso, accesibilidad, diseño. |
↥ De vuelta a la cima
| Nombre |
|---|
| Admira la web |
| Awwwward |
| Bey |
| Mejor galería de sitios web |
| Codepen |
| Galería CSS |
| Ganador de CSS |
| Nevera de diseño |
| Desviantart |
| Regatear |
| Premios del sitio web favoritos (FWA) |
| Goodui |
| Diseño de Google |
| inspiración html |
| Inspiración para los efectos de la interfaz de usuario de búsqueda |
| Amor de una página |
| Bonito me gusta |
| Siiimple |
| Los mejores diseños |
| Muy buenos sitios |
| Inspiraciones de diseño web |
| Webdesign - Search de Tumblr |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Explorando escalas de tipo receptivas | Encontrar su ritmo (apropiado, múltiple y vertical) |
| Par de fuentes | El par de fuentes ayuda a los diseñadores a combinar Google Fonts. Hermosas combinaciones y parejas de fuentes de Google. |
| Generar escalas de tipo con Stackswell | ¡Ahorre tiempo con el último lanzamiento de Stackswell y cree sistemas de tipo en segundos! |
| Sistema de tipo de diseño de material | Use la tipografía para presentar su diseño y contenido de la manera más clara y eficiente posible. |
| Escala modular | Calcule, visualiza y aprende sobre escalas modulares. |
| Tipo de conexión | Tipo de conexión es un juego que te ayuda a aprender a emparejar tipos de letra. |
| Tipografía para desarrolladores | Esto se pretende como una guía práctica para que los desarrolladores aprendan tipografía web. |
| Máquina de escribir | ¿Qué hay de tendencia en el tipo? |
| Escala de tipo: una calculadora visual | Vista previa y elija la escala de tipo correcta para su proyecto. Experimente con el tamaño de fuente, la escala y las diferentes esfuerzos web. |
| WhatFont - Chrome Extension | La forma más fácil de identificar fuentes en las páginas web. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Esquema.org | Una actividad comunitaria colaborativa con la misión de crear, mantener y promover esquemas para datos estructurados en Internet, en páginas web, mensajes de correo electrónico y más allá. |
| Microformatos | La forma más sencilla de marcar información estructurada en HTML. |
| Comprender cómo funcionan los datos estructurados | Esta documentación describe qué propiedades se requieren, recomendadas u opcionales para datos estructurados con un significado especial para la búsqueda de Google. |
| Herramienta de prueba de datos estructurada por Google | Herramienta de prueba de datos estructurada de Google. |
| PageSpeed Insights de Google | Haga sus páginas web rápidamente en todos los dispositivos. |
| JSON para vincular datos | Los datos son desordenados y desconectados. JSON-LD lo organiza y lo conecta, creando una mejor web. |
| Json-ld | Wiki |
| Buscador de latitud y longitud | La latitud y la longitud son las unidades que representan las coordenadas en el sistema de coordenadas geográficas. Para hacer una búsqueda, use el nombre de un lugar, ciudad, estado o dirección, o haga clic en la ubicación en el mapa para encontrar coordenadas LAT largas. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Lista de sistemas de gestión de paquetes de software | Esta es una lista de sistemas de gestión de paquetes de software, categorizados primero por formato de paquete (binario, código fuente, híbrido) y luego por la familia del sistema operativo. |
| APTO | Manager de paquetes de OS Linux con sede en Debian. |
| Beque | Administrador de paquetes de OS Linux con sede en Fedora. |
| Cerveza casera | HomeBrew es un sistema de gestión de paquetes que simplifica la instalación de software en el sistema operativo MacOS de Apple y Linux. |
| alero | El Administrador de paquetes de Windows (también conocido como Winget) es un Administrador de paquetes gratuito y de código abierto diseñado para Microsoft Windows 10. |
| Chocolate | Chocolatey es un administrador de paquetes a nivel de máquina e instalador para paquetes de software, creados para la plataforma de Windows. |
| goenv | Goenv tiene como objetivo ser lo más simple posible y seguir el modelo de gestión de versiones exitoso ya establecido de PyenV y RBENV. |
| npm | NPM (originalmente corto para el administrador de paquetes de nodo) es un administrador de paquetes para el lenguaje de programación JavaScript. |
| nodo | Use Nodenv para elegir una versión de nodo para su aplicación y garantice que su entorno de desarrollo coincida con la producción. |
| pyenv | Pyenv le permite cambiar fácilmente entre múltiples versiones de Python. |
| hilo | El hilo es una alternativa a NPM. |
| RVM | RVM es una herramienta de línea de comandos que le permite instalar, administrar y trabajar fácilmente con múltiples entornos de Ruby, desde intérpretes hasta conjuntos de gemas. |
| rbenv | Use RBENV para elegir una versión de Ruby para su aplicación y garantice que su entorno de desarrollo coincida con la producción. |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| Netlificar | Implemente sitios web estáticos modernos con Netlify. Obtenga CDN, implementación continua, HTTPS de 1 clic y todos los servicios que necesita. Comience gratis. |
| Staticgen | Top Lista de generadores de sitios estáticos de código abierto. |
| Hombre estático | Staticman es una aplicación Node.js que recibe contenido generado por el usuario y lo carga como archivos de datos a un repositorio GitHub y/o GitLab. |
| Gitalk | Un componente de comentarios moderno basado en el problema de GitHub y preactuar. |
| expresiones | Un widget de comentarios livianos basado en problemas de GitHub. ¡Use problemas de GitHub para comentarios de blog, páginas wiki y más! |
↥ De vuelta a la cima
| Nombre |
|---|
| TLDR Páginas |
| TLDR Inbrowser.App |
| tldr-book.pdf |
| Comandos básicos de preparación - Devsheet |
| truco.sh |
| Devases |
| Hoja de trucos de cerveza casera |
| Manual Github CLI |
| Hoja de trucos de markdown |
| github-sheat-sheet |
| truce -stet.md |
| Octonator en Twitter: "Agregue .pibb al final de cualquier URL GIST para obtener la versión HTML solo adecuada para incrustar en cualquier otro sitio. Http://t.co/hytfqbm2do"/Twitter |
↥ De vuelta a la cima
| Nombre | Descripción |
|---|---|
| 56 generadores únicos de lorem ipsum | Condimenta tu texto de relleno y proyectos de diseño con estos hilarantes generadores Lorem Ipsum. |
| Guía de resumen a los códigos de estado HTTP | Una lista y explicación de los códigos de estado HTTP |
| Impresionante | Una lista curada de listas impresionantes. |
| Impresionante genialidad | Una lista curada de asombrosa increíblemente impresionante. |
| Impresionante impresionante | Una lista curada de impresionantes listas curadas de muchos temas. |
| Recursos de bootstrap por start bootstrap | Una lista completa de bootstrap y recursos relacionados. |
| Bootstrap Fragmentos por start bootstrap | ¡Una biblioteca curada de fragmentos de código Bootstrap 4, perfecto para caer en su proyecto sin descargar un tema completo! |
| Diseño esencial, colecciones de github | Esta colección de bibliotecas de diseño es la mejor en la web y completará su conjunto de herramientas para diseñar productos impresionantes. |
| Recursos de diseño para desarrolladores | Una lista curada de recursos de diseño gratuito y UI para desarrolladores, incluidas fotos de archivo, plantillas, marcos, kits de interfaz de usuario, herramientas en línea y mucho más. |
| GitHub - exhibiciones de código abierto | Explore repositorios populares basados en el tema que más le interesa. |
| Fondos de gradiente | Como una lista curada de los mejores sitios web de gradiente en Internet, los fondos de gradiente le permiten explorar, tratar de elegir entre cientos de hermosas paletas de colores combinadas. |
| Repositorio de complementos de JavaScript | Herramientas de vainilla JS para escribir aplicaciones web potentes sin jQuery. |
| Territorio JavaScript | Catálogo de Jvascript Jster. |
| Javascripting | La base de datos de bibliotecas, marcos y complementos de JavaScript. |
| Bibliotecas.io | El servicio de descubrimiento de código abierto. |
| Lista de códigos de estado HTTP | Una lista de códigos de estado de respuesta del protocolo de transferencia de hipertexto (HTTP). |
| URL de acción social | Este proyecto está destinado a ayudarlo a integrar el intercambio en las redes sociales dentro de su código. |
| Fotos de archivo que no apestan | Una lista de lugares para encontrar las mejores fotos de archivo gratuitas. |
| Editores de texto, colecciones de Github | Un escaparate de algunos editores de código abierto increíblemente impresionantes. |
| Desatado | Un repositorio ordenado de complementos jQuery clasificados en categorías. |
↥ De vuelta a la cima
