2807
GitHub - creativelive/appear: execute callbacks when dom elements appear in and out of view
Librería de Javascript para ejecutar callbacks cuando los elementos del dom aparecen y desaparecen de la vista
javascript  scroll 
yesterday
Bad design in action: the false Hawaiian ballistic missile alert
Artículo que explica cómo una UX deficiente fue la culpable de una alerta masiva de misiles en Hawai
ux  hawai 
5 days ago
Good design | About Vitsœ | Vitsœ
Los 10 principios de diseño de Dieter Rams
design  principles 
13 days ago
Jobs to be Done
Sitio web con info acerca de la metodología Jobs To Be Done
articles  jobstobedone  methodology  agile  ux 
13 days ago
Designing More Efficient Forms: Assistance and Validation
Artículo de buenas prácticas para diseñar validación y asistencia en formularios
ux  forms  article  usability 
17 days ago
Designing More Efficient Forms: Structure, Inputs, Labels and Actions
Artículo de buenas prácticas para diseñar formularios con buena usabilidad
ux  forms  article  usability 
17 days ago
typicode/husky: Git hooks made easy
Hooks para Git que permiten pasar por ejemplo un linter o pasar tests antes de que el commit se efectúe, para evitar commits problemáticos
git  nodejs  npm 
19 days ago
The Catalog of Design Patterns
Recopilación de patrones de diseño de programación
compilation  patterns  code 
28 days ago
Design for Programmers – Prototypr
Artículo introductorio de diseño para programadores
article  design  programmers  introduction 
4 weeks ago
Essential Image Optimization
Manual y recopilación de información y recursos para optimizar imágenes
optimization  performance  image  compression  reference  compilation 
4 weeks ago
Specificity Visualizer
Visualizador de especificidad de CSS online. Pegas el CSS y te muestra la especificidad de tu CSS
analysis  css  tools  visualisation  generator 
4 weeks ago
Top 10 reasons why Darth Vader was an amazing project manager – GeekWire
Artículo que explica porqué Darth Vader era un buen Project Manager
geek  humor  agile  starwars 
5 weeks ago
Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG
Artículo que explica cómo convertir una webfont de iconos en svg
svg  icons  fonts  article 
6 weeks ago
Barba.js
Librería de javascript para crear transiciones entre páginas. Sin dependencias y muy ligera, fácil de extender
javascript  library  animation  transitions 
7 weeks ago
Welcome | Open Design Kit
Recopilación de métodos para diseño abierto colaborativo
collaboration  design  opensource  designthinking  compilation 
8 weeks ago
Open Source Design
Comunidad de diseñadores y desarrolladores para abrir procesos de diseño y contribuir al open source movement en ux y ui
opensource  design  community  ux 
8 weeks ago
Aligning Items in a Flex Container - CSS | MDN
Un buen tutorial de flexblox con ejemplos interactivos
flexbox  tutorial  learn 
8 weeks ago
Pliim - Presentation mode
Aplicación para entrar en modo presentación y no recibir notificaciones, ocultar iconos, etc...
osx  presentation  software 
8 weeks ago
sindresorhus/quick-look-plugins: List of useful Quick Look plugins for developers
Plugins de osx para previsualizar archivos de diferentes tipos: syntax highlight de código, markdown, json, zip, tamaños de imagen...
osx  mac  preview 
8 weeks ago
GhostText/GhostText: 👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).
Extensión de Google Chrome y Package de Sublime Text que permite usarlo para rellenar textareas, se puede usar para editar Codepens con Sublime
browser  editor  extension  googlechrome  sublimetext  codepen 
8 weeks ago
Threed.io - Generate custom 3D Device Mockups.
Generador de mockups de móvil con tu diseño en 3d
mockup  3d  generator  mobile 
8 weeks ago
Jank Free: Let's Make the Web Silky Smooth!
Sitio web blog con artículos y vídeos acerca de animación y sus problemas de performance en navegadores.
performance  javascript  animation  blog 
8 weeks ago
REVENGE.CSS
Bookmarklet para encontrar html con problemas de accesibilidad, código erróneo, etc...
accessibility  css  validator  bookmarklets 
8 weeks ago
Teletype for Atom
Plugin Package de Atom para programar colaborativamente en tiempo real
atom  collaboration  code  editor 
8 weeks ago
CodeSandbox: Online Editor Tailored for Web Application Development
Editor de código proyectos como Codepen pero con npm, con templates para Vue, React...
code  editor  javascript  react  vuejs  codepen  npm 
8 weeks ago
Oblique Strategies API
API para las estretegias oblícuas de Brian Eno, para desbloquear la creatividad
brianeno  obliquestrategies  api  json  creativity  inspiration 
9 weeks ago
document.designMode = 'on'
Modo para editar páginas con la consola del navegador o con javascript:
howto  css  wysiwyg  editor  javascript 
10 weeks ago
VeeValidate
Plugin de Vue.js para validar campos en formularios y mostrar errores
vuejs  vuejs-plugin  forms  validation 
11 weeks ago
State Machine Demo
Librería de javascript para hacer Finite State Machines con ejemplos en vanilla javascript y con Vue.js
javascript  vuejs  statemachine 
11 weeks ago
davestewart/minimap-font: An editor font to give you a 10,000ft view of the code
Fuente tipo de letra tipografía para usar en código y verlo como bloquecillos para ver la estructura del código sin los detalles
font  code  typography  fontface 
11 weeks ago
Material Components
Framework de Material Components de Google para iOS, Android y Web
components  google  material  css  framework  ios  android 
11 weeks ago
This Also
Mágnífico portfolio de la agencia que creó las bolitas que se mueven de Google
agency  portfolio  google  animation 
11 weeks ago
cheapsteak/react-transition-group-plus: A more full-featured transition group for React
Librería de React que gestiona transiciones de entrada+salida de dos componentes que se suceden
react  animation  transitions  components 
12 weeks ago
Transparent Textures
Colección de texturas sutiles semitransparentes para usar como imágenes de fondo
patterns  textures  collection  background 
october 2017
Presentations by David Khourshid
muy buenas presentaciones acerca de animación y CSS de David Khourshid
presentation  css  animation 
october 2017
FLIPping out about Animated Layouts: Slides
presentación slides acerca de animación de UI
ui  presentation  animation 
october 2017
Hello WebVR – A-Frame
framework de js para hacer WebVR
october 2017
UX Power Tools | Sketch smarter.
Librería de símbolos para usar en Sketch. Muy bueno para crear diferentes tipos de botones con símbolos anidados
sketch-plugins  ui  bootstrap  foundation  library 
october 2017
Falkeyn/Modulizer: Sketch.app plugin for auto-paddings
Sketch plugin para hacer fondos con padding a partir de un grupo con un bg
sketch-plugins  padding  background  buttons 
october 2017
Flexbox Cheatsheet
Cheatsheet de flexbox con ejemplos por tipo de propiedad
cheatsheet  flexbox  css 
october 2017
Flexbox Cheatsheet Cheatsheet
Cheatsheet de flexbox muy bien explicado
css  flexbox  cheatsheet 
october 2017
object-fit | CSS-Tricks
Una nueva forma de dar tamaño a imágenes y objetos con CSS. Usado junto a object-position
css  object-fit  background 
september 2017
List stylesheet variables - Packages - Package Control
Package de Sublime text que muestra un panel con las variables de Sass
sublimetext  package  sass 
september 2017
Nudged - Sketch Plugin
Plugin de Sketch para cambiar el nudge y ajustar a retícula de forma más fácil
sketch-plugins  nudge  grid 
september 2017
WAI-ARIA Authoring Practices 1.1
Cómo usar las etiquetas ARIA en elementos interactivos
accessibility  aria  reference  specification 
september 2017
Rythm.js
librería de JavaScript que detecta sonido y lo usa para animaciones
javascript  library  sound  music  audio 
september 2017
Does React really violate Separation of Concern by putting HTML and JS in a single file? - Poll - Hashnode
artículo que explica los peligros de React JSX de mezclar html y js en un mismo archivo
article  react  ui  solid  templates  twig 
september 2017
David Khourshid - Infinitely Better UIs with Finite Automata - YouTube
Vídeo conferencia acerca de animaciones de UI entre estados y como se parecen a los autómatas de estados finitos
september 2017
Normalize.css: Make browsers render all elements more consistently.
Una alternativa al CSS reset que hace que los elementos de html5 se vean de forma consistente
boilerplate  css  normalize  reset  html5 
august 2017
Typeplate » A typographic starter kit encouraging great type on the Web
Typographic starter kit en CSS y Sass que sólo da estilo a la tipografía de los elementos más comunes para hacerla más legible
css  sass  typography  fontstacks  goldenratio 
august 2017
TodayDesign/megatype: Execute typographic structure with ease
Librería de mixins de Sass para crear ritmo vertical y alineación al baseline al estilo de la tipografía de toda la vida. Usar en conjunción con https://github.com/sebdesign/cap-height para encontrar los números mágicos
sass  mixins  library  vertical-rhythm  fontstacks  fontface 
august 2017
« earlier      
3d @font-face _tosee accessibility actionscript advertising agency agile ajax amigos android angular animation api app apps art arte article articles as2 as3 background backup barcelona bem blog blogging book books bootstrap browser buttons buy canvas carousel cc charts chat cheatsheet cms code collaboration collection color colorscheme compilation components creativity css css3 curious data design designthinking documentaries download drawing easing ecommerce editor education effects email engine events extension facebook firefox flash flashlite flexbox flickr flv font fonts fontstacks forms framework free fun gallery game games generator gif git github google googlechrome googlemaps gradients graphics grid hacks history howto html html5 icons ie6 ie7 illustration illustrator image infography inspiration interaction interactive interface internet ios ipad iphone japanese javascript jquery layout learn library loader logos mac maps marcadores markdown menu methodology mobile mocap motiongraphics mouse movies mp3 multitouch music navigation newsletter opensource optimization osc osx paper papervision patterns pdf performance photography photos photoshop php physics player plugin polyfills portfolio postcss posters preload presentation print processing productivity programming prototyping react reference resources responsive retina rss runtime sass scroll scrollbar search searchengine service shop shopping sketch sketch-plugins slideshow social software sound streaming studio styleguide sublimetext svg teaching technology templates testing text themes timeline tips tools tooltip transitions travel tuio tutorial tutorials tween twitter typography ubuntu ui usability ux video videogames videos visualization vuejs web2.0 webcam webdesign widgets wordpress wordpress-plugins wordpress-themes xml youtube zaragoza

Copy this bookmark:



description:


tags: