The Modern Javascript Tutorial
From the basics to advanced topics with simple, but detailed explanations.
javascript  programming  tutorial  plainjs 
6 days ago
Easier scrollytelling with position sticky
How to use CSS to simplify designing scrolling story elements
animation  css  javascript  sticky 
9 days ago
30 Seconds of CSS
A curated collection of useful CSS snippets that are easy to grasp
css  resources  snippets  tips  layout 
9 days ago
Valve Handbook for New Employees
I love the style and fun-ness of this new employee manual
playbook  onboarding  employees  culture 
13 days ago
GraphQL: Everything You Need to Know
Seems like a pretty good introduction to GraphQL and how it compares with REST
api  comparison  rest  graphql 
15 days ago
CSS Doodle
A web component for drawing patterns with CSS
art  code  css  generator  patterns 
4 weeks ago
Useful Pens for Everyday Front End Development
Sarah Drasner curates some techniques that will be useful in practice in everyday dev.
css  webdev  code  html  webdesign  javascript  codepen 
4 weeks ago
Awesome Craft CMS
Carefully curated list of awesome Craft CMS plugins, articles, resources and shiny things
craftcms  plugins  resources 
4 weeks ago
Curated collection of free music for videos
audio  free  music  stock 
5 weeks ago
This tool takes data from your site and uses that to generate cross-platform Progressive Web Apps
pwa  webapp  offline  progressiveenhancement  mobile 
5 weeks ago
Free ebooks to help you develop creative and design skills.
books  ebooks  design  webdev  free 
5 weeks ago
Handy online tool to make CSS clip-paths and export them
animation  css  design  shapes  layout 
6 weeks ago
.htaccess Snippets
A collection of useful .htaccess snippets
apache  hosting  htaccess  snippets 
7 weeks ago
Premade CSS animations and transitions that can be easily applied
animation  css  transitions  css3  transforms 
7 weeks ago
Native-Like Animations for Page Transitions on the Web
How to simulate native-like animations on the web using Vue and Nuxt
vuejs  nuxt  transitions  animation  javascript 
8 weeks ago
VS Code Can Do That?
All the best things about Visual Studio Code that nobody ever bothered to tell you
webdev  texteditor  tips  tools  vscode 
8 weeks ago
The Living Component Library
Clearleft explores how to integrate their component library with Craft CMS
craftcms  patternlibrary  patterns  designsystem 
8 weeks ago
New Moon VSCode
A beautiful, middle-contrast dark theme optimized for front and back end development in VS Code
themes  vscode 
9 weeks ago
A dependency-free JavaScript ES6 slider and carousel that is lightweight, flexible and fast
javascript  carousel  slider  es6  plainjs 
9 weeks ago
Vue Design System
An open source tool for building Design Systems with Vue.js
designsystem  patternlibrary  styleguide  vuejs  patterns 
9 weeks ago
Comprehensive Guide to JavaScript Design Patterns
A good collection of reusable solutions to commonly occurring problems
design  javascript  patterns 
10 weeks ago
Curated collection of great pricing, product, landing, and app pages
app  design  gallery  inspiration  landing  pricing  products  ux 
10 weeks ago
Create and share beautiful images of your source code.
code  sharing  screenshots  syntax 
10 weeks 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 
10 weeks ago
Beautiful, high-res photos of black and brown people
photography  photos  stockimages  free  creativecommons  diversity  inclusive 
11 weeks ago
Azure Tips and Tricks
A complete list of useful tips for using Microsoft Azure
azure  serveradmin  devops  docker 
11 weeks ago
Vue Cookbook
Great examples covering common and interesting use cases in more detail
documentation  vuejs  javascript  reference  cookbook 
11 weeks ago
Beautiful Docs
Pointers to useful, well-written, and otherwise beautiful documentation.
design  documentation  examples  reference  writing 
11 weeks ago
Learn Isometric Illustration in Affinity Designer
An ebook and resources for creating isometric illustrations in Affinity Designer
isometric  illustrations  affinitydesigner  vector 
march 2018
A lightweight javascript library for creating graphics with a hand-drawn, sketchy, look
canvas  javascript  handdrawn  svg  sketches  graphics 
march 2018
Product Manual
Curated resources for product people
design  product  reference  process  tools 
march 2018
Mort Modern
An incredibly beautiful serif in a variety of weights and styles
font  serif 
february 2018
Visual Studio Code treasures
A helpful list of extensions for VS Code
development  tools  extensions  vscode 
february 2018
Tips for Screencasting
A great collection of tips for creating quality screencasts
screencasts  tips 
february 2018
Free financial software for small businesses that covers expenses, invoicing, payments, and more
app  business  smallbiz  freelance  invoicing  expenses  accounting 
february 2018
Craft Guide plugin
A plugin for Craft 3 to add a customizable guide to the admin screen
craftcms  cms  documentation  clients 
february 2018
The Vanilla JS Toolkit
A growing collection of JavaScript code snippets, helper functions, boilerplates, polyfills, plugins, and learning resources
javascript  plainjs  snippets  polyfill  resources 
january 2018
Beta app for animating objects on the web
animation  javascript  tools  ui 
january 2018
The Power of Serverless
An introduction to and more resources on serverless front-end development
static  serverless  webdev 
january 2018
CSS element() function
Great intro to the CSS element() function
css  design 
january 2018
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 
january 2018
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
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
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
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
A handy transcription service that lets you edit audio via text
audio  design  tools  transcription  interviews  editing 
december 2017
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
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
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
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
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
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
A powerful app for making fonts on Mac
app  fonts  typography  tools  software 
september 2017
Culturally diverse photo stock that represents the true world we live in
design  diversity  stockimages  photos  inclusive 
september 2017
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
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
« 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 comparison compatibility content contests conversational conversion cookbook cooking copy copypaste craftcms crafts creativecommons css css3 culture 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 htaccess 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 rest rhythm royaltyfree rwd sass screencasts scrolling search security services serviceworker shapes 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: