737
How to GraphQL
A free and open-source tutorial to learn all around GraphQL
api  tutorial 
3 days ago
Modern Asynchronous CSS Loading
Filament Group gives a great overview of how to load CSS asynchronously
css  performance  optimization 
3 days ago
FontRapid
Design and create fonts directly in Sketch for free
design  fonts  sketch  typography 
3 days ago
Service Agreement Field Manual
The definitive guide to better understand and negotiate contracts for freelancers, studios, and agencies
legal  freelance  contracts  studio 
4 days ago
30 Seconds of Code
A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
javascript  reference  resources  webdev 
18 days ago
Stimulus
A modest Javascript framework designed to augment your HTML with just enough behavior to make it shine
framework  javascript  ajax 
19 days ago
Array Explorer
Find the array method you need without digging through the docs
coding  javascript  arrays 
25 days ago
Forecast: Podcast MP3 Chapter Encoder — Overcast
Podcast MP3 post-production tool includes autofill, chapters, and faster encoding
audio  podcasting  tools 
5 weeks ago
Tracy
A web-based tool to convert drawings to SVG
design  svg  sketches  tools  conversion 
5 weeks ago
Evolution of <img>: Gif without the GIF
An in-depth look at optimizing performance for animated images
gifs  video  performance  animation  images 
5 weeks ago
Descript
A handy transcription service that lets you edit audio via text
audio  design  tools  transcription  interviews  editing 
5 weeks ago
Dragnabbit!
A simple drag & drop JS micro-library
javascript  dragdrop  plainjs 
5 weeks ago
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 
6 weeks ago
Draft
Easy version control and collaboration for writers
collaboration  writing  tools  markdown  versioncontrol 
7 weeks ago
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 
9 weeks ago
Introduction to Class-Based Views
Fantastic overview of creating class-based views in Django
django  class-based-views  webapp 
9 weeks ago
City Lights
A suite of beautiful dark theme goodies for Visual Studio Code
color  themes  vscode 
9 weeks ago
Hexels
Nifty app for making grid-based vector art, pixel art, design & animation
pixelart  animation  vector  apps 
9 weeks ago
Front End Checklist
The perfect Front-End Checklist for modern websites and meticulous developers
checklist  css  html  javascript  webfonts  security  performance  accessibility  seo 
11 weeks ago
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 
12 weeks ago
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
GravDept Field Manuals
Playbooks for Gravity Dept detailing how they work
examples  guidelines  principles  practices  playbook 
may 2017
Basecamp Employee Handbook
Publicly available handbook for Basecamp Employees
business  handbook  opensource  guides  playbook 
may 2017
ServiceWorker Cookbook
A collection of working, practical examples of using service workers in modern web apps
serviceworker  webapp  tutorials  offline  examples 
may 2017
Style Guide Guide
A boilerplate for creating a custom style guide for your organization's design system
designsystem  patternlibrary  styleguide  collaboration 
may 2017
Archetype
A handy web-based typography tool for testing font pairs, scales, and vertical rhythm
app  design  fonts  tools  typography  baseline  rhythm 
may 2017
Stark
Color-blind simulator and contrast checker for Sketch
accessibility  colors  design  sketch  contrast  a11y 
april 2017
The History of the Web
Well-researched, weekly articles focusing on important aspects of the web's history
history  web 
april 2017
O RLY Book Covers
Full resolution images of the O RLY book covers made by The Practical Dev
fun  humor  programming  printable 
march 2017
Front-end Developer Handbook 2017
A good starting point to learn the resources, tools, and practice of being a front end dev in 2017
webdev  css  html  javascript  books  learning 
march 2017
Web Push Book
A helpful guide on how to use the push messaging API for the web
browser  notifications  html  ux  push 
march 2017
Rev
Highly recommended transcription, captioning, and translation services for audio/video
audio  video  tools  transcription  captions  accessibility  translation 
march 2017
The 8-Point Grid
A guide to using multiples of 8 for text sizing, padding, margins, and baselines to create a consistent and harmonic UI
css  design  grids  consistency 
march 2017
microicon
An SVG icon placeholder service
icons  placeholder  svg 
march 2017
Store.js
Cross-browser local-storage and session-storage for all use cases
localstorage  javascript  sessions  offline  cross-browser 
march 2017
DeployStack
A list of the best, hand picked tools and services that you might need when launching a website
tools  webdev  launch  services  hosting  ssl  dns  analytics  cdn  monitoring 
march 2017
Kap
An open-source screen recorder built with web technology
screencasts  screencapture  recording  video  gifs 
february 2017
WebGradients
A free collection of linear gradients with easy to copy CSS and images
background  color  gradients  css  design 
february 2017
Open Source Guide
A good guide to launching and growing open source projects
bestpractices  github  guides  opensource 
february 2017
How to create pixel perfect icons
A step by step guide to setting up Illustrator to create pixel perfect icons
illustrator  design  icons 
february 2017
Implementing "Save For Offline" with Service Workers
Una Kravets lays out how to use service workers to make it easy to save blog posts for offline reading
javascript  offline  serviceworker  webdev 
february 2017
The Art of Storytelling
A free course from Pixar on their storytelling process
education  learning  storytelling  pixar 
february 2017
Preparing and Exporting SVG Icons in Sketch
Good guide to techniques for organizing, prepping, and exporting icons in Sketch
svg  sketch  icons  vector  workflow 
february 2017
RegExr
A useful tool for learning, building, and testing regular expressions
code  regex  reference  cheatsheet 
february 2017
Captain for Mac
Manage Docker containers from the Mac menu bar.
nodejs  docker  tools  ops  webdev  localhosting 
february 2017
How Much Does a Website Cost?
Easily calculate the cost of a website using this handy tool
business  pricing  webdesign 
january 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 captions cdn characters charts cheat_sheet cheatsheet checklist children chrome class-based-views clients code coding collaboration color colors comments compatibility content contests conversational conversion cooking copy copypaste crafts creativecommons css css3 design designsystem dessert development devices diversity diy django 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 illustrator image images inclusive infodesign input inspiration interaction interface internet interviews ios ipad iphone 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 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 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 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: