Recursos de implementación UI: HTML, Javascript, CSS...
Aquí os dejo una pequeña colección de enlaces a tuits de recursos para la implementación de interfaces gráficas mediante HTML, CSS y Javascript, así como para desarrollo web en general. Se trata de un poco cajón desastre en el que intentaré englobar recursos de estas tecnologías. Iré actualizando esta colección conforme vaya encontrando nuevos recursos. No me responsabilizo de los enlaces rotos o descatalogados, aunque intentaré ir depurándolos con el tiempo… ;-)
WebUI by @asyncdesing, a fully responsive mobile-first CSS framework for modern browsers. https://t.co/1iWwmYKydW #UI #UX #uxdesign pic.twitter.com/5TPKZGykv4
— Fco. Moreno (@fcomoreno) 19 de enero de 2018
Adele: The repository of publicly available design systems and pattern libraries by @uxpin https://t.co/xoV2ZWfyyL #UI #UX #UXdesign pic.twitter.com/mXPCHSJTZX
— Fco. Moreno (@fcomoreno) 19 de enero de 2018
Completa Guía para el uso de Flexbox. CSS Flexible Box Layout https://t.co/beHtflr4Le #UI #UX #uxdesign pic.twitter.com/n94LYFcYRW
— Fco. Moreno (@fcomoreno) 19 de enero de 2018
IcoMoon App, convert your icons from svg or pdf to a webfont for use with css in your app. https://t.co/HFPrUARPYF #UI #UX #uxdesign pic.twitter.com/EKHYhsqK5M
— Fco. Moreno (@fcomoreno) 30 de enero de 2018
Purgecss is a tool to remove unused #CSS selectors. Comes with a #javascript API, a CLI, and plugins for popular build tools. https://t.co/ZWLzet7msn #UI #Webdev pic.twitter.com/6y0U6bAuhs
— Fco. Moreno (@fcomoreno) 31 de enero de 2018
Unicorn Components - paquete open source by @nitsnets Conjunto de útiles componentes para aplicaciones en #Angularhttps://t.co/My7YoQly9o #UI #UX #uxdesign pic.twitter.com/VXrWGnmS9s
— Fco. Moreno (@fcomoreno) 23 de enero de 2018
Rucksack, a little bag of #CSS superpowers https://t.co/RFpxGUG10j #UX #UI #webdev #webdevelopment pic.twitter.com/g5VJVmdqpY
— Fco. Moreno (@fcomoreno) 6 de febrero de 2018
stroll.js - Create great CSS3 scroll effects. By @hakimel https://t.co/K2huO55yI1
— Fco. Moreno (@fcomoreno) 30 de enero de 2018
Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x. #UI #UX #uxdesign pic.twitter.com/wl86gI9Dqz
AppKit Landing – Free Bootstrap Theme for Developers and Startups https://t.co/uqM6JLmvhN #UI #UX #uxdesign vía @3rdwave_themes pic.twitter.com/WZRT40lGVD
— Fco. Moreno (@fcomoreno) 12 de enero de 2018
Animate.css, #CSS animations by Daniel Eden https://t.co/Ce1dUXZnxc #UI #UX #webdev #webdevelopment pic.twitter.com/2UCr9M1m8k
— Fco. Moreno (@fcomoreno) 6 de febrero de 2018
Ratchet: Build mobile #apps with simple #HTML‚ #CSS‚ and #JS components. https://t.co/dP6fUy6j44 #UX #UI pic.twitter.com/cMcvXfu9jZ
— Fco. Moreno (@fcomoreno) 7 de febrero de 2018
HTML KickStart: Ultra–Lean #HTML5, #CSS, & #JS Building Blocks for Rapid Website Production. By Joshua Gatcke https://t.co/158EQSn32i #UI #uxdesign #UX pic.twitter.com/Xz1F9A5FcG
— Fco. Moreno (@fcomoreno) 7 de febrero de 2018
CodeSandbox is an online code editor with a focus on creating & sharing web application projectshttps://t.co/2UnSqYYuh3 via @david_barna #frontend #developer @codesandboxapp pic.twitter.com/Bou4FHo497
— Joan León (@nucliweb) 16 de enero de 2018
anime.js lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. #UI #UX https://t.co/gSBNmYjhWj pic.twitter.com/95AV2oJ2ea
— Fco. Moreno (@fcomoreno) 15 de enero de 2018
Freebie: Material Design for Bootstrap 4 (Vue version) https://t.co/V32lheitg2 pic.twitter.com/8yeL6F9MCe
— Speckyboy (@speckyboy) 18 de enero de 2018
Blaze #UI, Open Source #CSS modular Toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation. Vía @blaze_ui https://t.co/gkFY2PEnIp #UX #uxdesign pic.twitter.com/UCtRGxp98s
— Fco. Moreno (@fcomoreno) 8 de febrero de 2018
Tilt.js is a tiny and lightweight parallax hover tilt effect for #jQuery https://t.co/ospJ8IAJIy #UI #js #ux pic.twitter.com/R4izuL9sqO
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
Freezeframe.js is a script that pauses animated .gifs and enables them to animate on mouse events. It supports responsive images and works as a jQuery plugin. https://t.co/cZIGpl1zGi #jQuery #ui #ux #js pic.twitter.com/fsdMIq1Hvg
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
ZooMove is a plugin developed with #jQuery that allows to dynamically zoom images with mouseover, and view details with mouse move. https://t.co/lvsSlRxxas #UI #UX #js pic.twitter.com/ZvBp5JI41S
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in CSS or PNG in any part of your website. https://t.co/crrhmPchsH #UI #UX #css3 pic.twitter.com/zNdxqGcmhy
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
Responsive, sortable, filterable and draggable grid layouts https://t.co/JPUO980pHm #UI #js #CSS #UX pic.twitter.com/X1jgMcZCjL
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
CodyHouse is a free library of #HTML #CSS #JavaScript resources to boost your web projects and learn new tricks.https://t.co/LYlopliORM #UI #UX pic.twitter.com/6D4kAFyk30
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
TransFonter: online @font-face generator to specify online fonts to display text on their web pages. https://t.co/BHGdh1LcfS #font #typography #CSS pic.twitter.com/6jQ6wABcVK
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018
Rythm.js - A #JavaScript library that makes your page dance. ;-) https://t.co/I96Kl1ZMrc #UI #UX #Dance pic.twitter.com/OUvUerewB6
— Fco. Moreno (@fcomoreno) 26 de febrero de 2018