763
The Living Component Library
Clearleft explores how to integrate their component library with Craft CMS
craftcms  patternlibrary  patterns  designsystem 
3 days ago
New Moon VSCode
A beautiful, middle-contrast dark theme optimized for front and back end development in VS Code
themes  vscode 
5 days ago
Glide.js
A dependency-free JavaScript ES6 slider and carousel that is lightweight, flexible and fast
javascript  carousel  slider  es6  plainjs 
9 days ago
Vue Design System
An open source tool for building Design Systems with Vue.js
designsystem  patternlibrary  styleguide  vuejs  patterns 
10 days ago
Comprehensive Guide to JavaScript Design Patterns
A good collection of reusable solutions to commonly occurring problems
design  javascript  patterns 
14 days ago
Pages
Curated collection of great pricing, product, landing, and app pages
app  design  gallery  inspiration  landing  pricing  products  ux 
15 days ago
Carbon
Create and share beautiful images of your source code.
code  sharing  screenshots  syntax 
16 days ago
Minimal viable service worker
Jeremy Keith takes a stab at a basic service worker script that is a good starting point
serviceworker  offline  resources  javascript 
17 days ago
nappy
Beautiful, high-res photos of black and brown people
photography  photos  stockimages  free  creativecommons  diversity  inclusive 
18 days ago
Azure Tips and Tricks
A complete list of useful tips for using Microsoft Azure
azure  serveradmin  devops  docker 
18 days ago
Vue Cookbook
Great examples covering common and interesting use cases in more detail
documentation  vuejs  javascript  reference  cookbook 
22 days ago
Beautiful Docs
Pointers to useful, well-written, and otherwise beautiful documentation.
design  documentation  examples  reference  writing 
23 days ago
Learn Isometric Illustration in Affinity Designer
An ebook and resources for creating isometric illustrations in Affinity Designer
isometric  illustrations  affinitydesigner  vector 
4 weeks ago
Rough.js
A lightweight javascript library for creating graphics with a hand-drawn, sketchy, look
canvas  javascript  handdrawn  svg  sketches  graphics 
4 weeks ago
Product Manual
Curated resources for product people
design  product  reference  process  tools 
5 weeks ago
Mort Modern
An incredibly beautiful serif in a variety of weights and styles
font  serif 
9 weeks ago
Visual Studio Code treasures
A helpful list of extensions for VS Code
development  tools  extensions  vscode 
9 weeks ago
Tips for Screencasting
A great collection of tips for creating quality screencasts
screencasts  tips 
10 weeks ago
Wave
Free financial software for small businesses that covers expenses, invoicing, payments, and more
app  business  smallbiz  freelance  invoicing  expenses  accounting 
10 weeks ago
Craft Guide plugin
A plugin for Craft 3 to add a customizable guide to the admin screen
craftcms  cms  documentation  clients 
10 weeks ago
The Vanilla JS Toolkit
A growing collection of JavaScript code snippets, helper functions, boilerplates, polyfills, plugins, and learning resources
javascript  plainjs  snippets  polyfill  resources 
11 weeks ago
Spirit
Beta app for animating objects on the web
animation  javascript  tools  ui 
11 weeks ago
The Power of Serverless
An introduction to and more resources on serverless front-end development
static  serverless  webdev 
12 weeks ago
CSS element() function
Great intro to the CSS element() function
css  design 
12 weeks ago
Flexbox and Grids, your layout’s best friends
A great guide to getting flexbox and CSS Grid to play together nicely
css  flexbox  grid  layout 
12 weeks ago
How to GraphQL
A free and open-source tutorial to learn all around GraphQL
api  tutorial 
january 2018
Modern Asynchronous CSS Loading
Filament Group gives a great overview of how to load CSS asynchronously
css  performance  optimization 
january 2018
FontRapid
Design and create fonts directly in Sketch for free
design  fonts  sketch  typography 
january 2018
Service Agreement Field Manual
The definitive guide to better understand and negotiate contracts for freelancers, studios, and agencies
legal  freelance  contracts  studio 
january 2018
30 Seconds of Code
A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
javascript  reference  resources  webdev 
january 2018
Stimulus
A modest Javascript framework designed to augment your HTML with just enough behavior to make it shine
framework  javascript  ajax 
january 2018
Array Explorer
Find the array method you need without digging through the docs
coding  javascript  arrays 
december 2017
Forecast: Podcast MP3 Chapter Encoder — Overcast
Podcast MP3 post-production tool includes autofill, chapters, and faster encoding
audio  podcasting  tools 
december 2017
Tracy
A web-based tool to convert drawings to SVG
design  svg  sketches  tools  conversion 
december 2017
Evolution of <img>: Gif without the GIF
An in-depth look at optimizing performance for animated images
gifs  video  performance  animation  images 
december 2017
Descript
A handy transcription service that lets you edit audio via text
audio  design  tools  transcription  interviews  editing 
december 2017
Dragnabbit!
A simple drag & drop JS micro-library
javascript  dragdrop  plainjs 
december 2017
How to Start with Static Sites
An intro to getting started with static sites including links to helpful resources
jekyll  cms  webdev  content  hosting  static 
december 2017
Draft
Easy version control and collaboration for writers
collaboration  writing  tools  markdown  versioncontrol 
december 2017
Using CSS Grid: Supporting Browsers Without Grid
Rachel Andrew covers helpful techniques and fallbacks for using CSS Grid with older browsers
css  grid  webdesign  fallbacks  browsers 
november 2017
Introduction to Class-Based Views
Fantastic overview of creating class-based views in Django
django  class-based-views  webapp 
november 2017
City Lights
A suite of beautiful dark theme goodies for Visual Studio Code
color  themes  vscode 
november 2017
Hexels
Nifty app for making grid-based vector art, pixel art, design & animation
pixelart  animation  vector  apps 
november 2017
Front End Checklist
The perfect Front-End Checklist for modern websites and meticulous developers
checklist  css  html  javascript  webfonts  security  performance  accessibility  seo 
november 2017
Naming Things In CSS Grid Layout
A look at various ways to name lines and areas in CSS Grid Layout
css  design  grid  layout  naming 
october 2017
Hugs
A super simple starting point for Hugo websites from Bjango
static  webdesign  starting  hugo 
october 2017
Navigation Transitions
Jake Archibald explores how to make animated transitions while navigating simpler and more performant
css  development  javascript  performance 
september 2017
normalize.css
A collection of HTML element and attribute style-normalizations
css  github  reset 
september 2017
Vue VSCode Snippets
Speed up code and workflow using Vue.js in Visual Studio Code
vuejs  javascript  vscode  snippets 
september 2017
Grid “fallbacks” and overrides
Rachel Andrew lays out a series of fallbacks for CSS Grid
css  grid  layout  fallbacks  progressiveenhancement 
september 2017
Side Project Marketing Checklist
A comprehensive, chronologically ordered list of marketing tactics and ideas to promote a side project
checklist  marketing  sideproject  resources 
september 2017
Professional Web Typography
A web-based book on typography for the web by Donny Truong
design  typography  web 
september 2017
Critical Path CSS Generator
Generate internal CSS for above the fold content to optimize performance
css  performance  tools  optimization 
september 2017
Piwik
An open-source analytics platform
analytics  monitoring  opensource  software 
september 2017
18F Method Cards
A collection of tools to bring human-centered design into your project.
design  process  ux 
september 2017
Glyphs
A powerful app for making fonts on Mac
app  fonts  typography  tools  software 
september 2017
TONL
Culturally diverse photo stock that represents the true world we live in
design  diversity  stockimages  photos  inclusive 
september 2017
Turbolinks
From the makers of Basecamp, Turbolinks makes navigating web apps faster by fetching and swapping linked pages
ajax  javascript  webdev  performance  apps  mobile 
august 2017
Fontstorage
Collection of free fonts for your websites
fonts  free  webfonts  typography 
august 2017
Creating Amazing Illustrations with Sketch and Looper
The Looper plugin for Sketch makes it easy to create mathematically complex imagery
design  illustration  patterns  sketch  tutorial 
august 2017
Your Site—Any Site—Should be a PWA
Aaron Gustafson explains why making any site a progressive web app is a great idea
article  pwa 
august 2017
It's Time To Start Using CSS Custom Properties
Avoid copying and pasting code and simplify development and refactoring by using variables in CSS
css  css3  tutorial  web  variables 
august 2017
Check! before you launch
Neven Mrgan's great checklist for launching something new
app  checklist  launch  development  guides 
august 2017
URL rewriting with Github Pages
Lea Verou covers how to use a 404 page and some JS to redirect links from GitHub pages
github  rewrite  javascript 
august 2017
Aseprite
Animated sprite editor & pixel art tool
pixel  software  art  animation  illustration 
august 2017
A quick and dirty guide to creating pixel art
Great collection of resources and background for creating different pixel art styles
graphics  pixel  pixelart  illustration 
august 2017
You’re Offline
There are a number of things to consider when designing for the offline web, and this covers how to handle a lot of them
accessibility  javascript  offline 
july 2017
FreePhotos.cc
A free resource to find creative commons photos for website or print projects
design  free  photography  stock  creativecommons  stockimages 
july 2017
Contrast for Mac
A macOS app for quick access to WCAG color contrast ratios
accessibility  apps  color  mac  webdesign 
july 2017
Public APIs
A collective list of public JSON APIs for use in web development.
api  github  json  list 
july 2017
Glyphish Sounds
A set of UI sound effects professionally recorded and mastered for iOS apps
ios  apps  sounds  soundeffects 
july 2017
Sound Kit for Prototypes
A collection of interaction sounds for prototypes from Facebook
sounds  audio  prototyping 
june 2017
Standard Ebooks
Free and liberated ebooks, carefully produced for the true book lover.
books  ebooks  publicdomain  free  library 
june 2017
Inclusive Design Principles
A collection of principles for designing for the needs of people with permanent, temporary, situational, or changing disabilities
accessibility  inclusive  design  principles 
june 2017
How the minmax() Function Works
minmax is a powerful new feature of CSS grids for setting both minimum and maximum widths for an element
css  grid  layout  webdesign 
june 2017
moveTo
A lightweight scroll animation javascript library with no dependencies
animation  javascript  scrolling  performance 
june 2017
Amazon Alexa Voice Design Guide
Guide to designing for voice interaction with Amazon Alexa
interaction  chat  alexa  conversational  ixd  voice 
june 2017
« earlier      
@font-face a11y accessibility actions agile ajax analytics android animatedgifs animation animations apache api app apple apps art article audio background backgrounds backup baking baseline bestof bestpractices bittorrent blog bookmarklet bookmarklets books branding bread browser browsers bugs business buttons canvas captions cdn characters charts cheat_sheet cheatsheet checklist children chrome class-based-views clients cms code coding collaboration color colors comments compatibility content contests conversational conversion cookbook cooking copy copypaste craftcms crafts creativecommons css css3 design designsystem dessert development devices diversity diy django docker documentation dom draganddrop dragdrop easing ebooks editing education effects email entities examples export extensions facebook fallbacks favicon featurequeries files firefox firstuse flash flexbox flickr floats font fonts forms framework free freelance fun funny future gallery games generator gif gifs git github gmail google government gradients grammar graphics graphs grid grids guide guidelines guides hacks health history hosting howto html html5 humor ia icons identity illustration illustrations illustrator image images inclusive infodesign input inspiration interaction interface internet interviews ios ipad iphone isometric ixd javascript jekyll journalism jquery json keyboard labels languages launch layout lazy-load learning legal lego leopard library life list lists mailchimp makers maps markdown marketing media mobile mockups monitoring movies mt music naming navigation nodejs offline onboarding opengraph opensource optimization organization osx palettes patternlibrary patterns performance photography photos photoshop php pixel pixelart placeholder plainjs planning playbook plugins png podcasting polyfill pricing principles print process product productivity products programming progressiveenhancement promotion prototype prototyping psd psychology publicdomain publishing pwa python readability reading recipes recording reference references regex research reset resources responsive rhythm royaltyfree rwd sass screencasts scrolling search security services serviceworker sharing shortcuts sideproject sketch sketches skills snippets social software sounds space speed standards starting static stock stockimages storytelling studio style_guide styleguide support svg swift templates testing texteditor textures theme themes tips tools transcription transforms transitions tricks tutorial tutorials twitter type typekit typography ui usability useful ux validation values vector vectors versioncontrol video videos visual visualization vscode vuejs wallpapers wcag web web_design web_development webapp webdesign webdev webfonts weblogs webstandards welcome widgets wiki wireframe wireless wordpress workflow writing xcode youtube

Copy this bookmark:



description:


tags: