797
Craft CMS Deployment Methods
A great deep dive into best methods for deploying Craft across servers
craftcms  deployment  development  git 
2 days ago
dbdiagram.io
Database Relationship Diagrams Design Tool
design  databases  relationship  diagrams 
17 days ago
Color code sites in Craft 3 Multisite
Gist and plugins for setting color-coded sites in Craft multi-site installations
craftcms  admin 
20 days ago
JPL's Open Source Build-It-Yourself Rover
Instructions and parts list for building your own rover like NASA's Mars rovers
education  robots  diy 
20 days ago
ScrollOut
Detect changes in scroll for reveal, parallax, and CSS Variable effects
javascript  plainjs  scrolling  animation  interaction  css 
5 weeks ago
Splitting.js
Creates elements and adds CSS variables to animate text, grids, and more
animation  css  javascript  plainjs  typography  webdev 
5 weeks ago
JavaScript for Impatient Programmers
Get started with JavaScript quickly, with a focus on modern features
books  javascript  programming 
7 weeks ago
Mastering Modular JavaScript
Learn how to scale out JavaScript applications by breaking codebases into smaller modules
javascript  webapp  apps  nodejs  es6 
7 weeks ago
Web Architecture 101
Basic architecture concepts to better understand how websites are built and served
dns  web  webdev  devops  architecture 
10 weeks ago
lazysizes
A fast, self-initializing lazy loader that includes responsive image support
javascript  images  responsive  performance  optimization  bestpractices 
10 weeks ago
yall.js
A fast, flexible, and small image lazy loader
javascript  images  bestpractices  performance  optimization 
10 weeks ago
Cypress
Fast, easy and reliable Javascript end-to-end testing framework
browser  javascript  testing 
12 weeks ago
Omni Calculator
All kinds of useful calculators in one handy website
business  calculations  math  tools  inspiration 
july 2018
Octave
A free library of UI sounds, handmade for iOS.
audio  ios  sounds  mobile  apps 
july 2018
The Modern Javascript Tutorial
From the basics to advanced topics with simple, but detailed explanations.
javascript  programming  tutorial  plainjs 
june 2018
Easier scrollytelling with position sticky
How to use CSS to simplify designing scrolling story elements
animation  css  javascript  sticky 
june 2018
30 Seconds of CSS
A curated collection of useful CSS snippets that are easy to grasp
css  resources  snippets  tips  layout 
june 2018
Valve Handbook for New Employees
I love the style and fun-ness of this new employee manual
playbook  onboarding  employees  culture 
june 2018
GraphQL: Everything You Need to Know
Seems like a pretty good introduction to GraphQL and how it compares with REST
api  comparison  rest  graphql 
june 2018
CSS Doodle
A web component for drawing patterns with CSS
art  code  css  generator  patterns 
may 2018
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 
may 2018
Awesome Craft CMS
Carefully curated list of awesome Craft CMS plugins, articles, resources and shiny things
craftcms  plugins  resources 
may 2018
Fugue
Curated collection of free music for videos
audio  free  music  stock 
may 2018
PWABuilder
This tool takes data from your site and uses that to generate cross-platform Progressive Web Apps
pwa  webapp  offline  progressiveenhancement  mobile 
may 2018
Lapabooks
Free ebooks to help you develop creative and design skills.
books  ebooks  design  webdev  free 
may 2018
Clippy
Handy online tool to make CSS clip-paths and export them
animation  css  design  shapes  layout 
may 2018
.htaccess Snippets
A collection of useful .htaccess snippets
apache  hosting  htaccess  snippets 
april 2018
Animate.css
Premade CSS animations and transitions that can be easily applied
animation  css  transitions  css3  transforms 
april 2018
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 
april 2018
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 
april 2018
The Living Component Library
Clearleft explores how to integrate their component library with Craft CMS
craftcms  patternlibrary  patterns  designsystem 
april 2018
New Moon VSCode
A beautiful, middle-contrast dark theme optimized for front and back end development in VS Code
themes  vscode 
april 2018
Glide.js
A dependency-free JavaScript ES6 slider and carousel that is lightweight, flexible and fast
javascript  carousel  slider  es6  plainjs 
april 2018
Vue Design System
An open source tool for building Design Systems with Vue.js
designsystem  patternlibrary  styleguide  vuejs  patterns 
april 2018
Comprehensive Guide to JavaScript Design Patterns
A good collection of reusable solutions to commonly occurring problems
design  javascript  patterns 
april 2018
Pages
Curated collection of great pricing, product, landing, and app pages
app  design  gallery  inspiration  landing  pricing  products  ux 
april 2018
Carbon
Create and share beautiful images of your source code.
code  sharing  screenshots  syntax 
april 2018
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 
april 2018
nappy
Beautiful, high-res photos of black and brown people
photography  photos  stockimages  free  creativecommons  diversity  inclusive 
april 2018
Azure Tips and Tricks
A complete list of useful tips for using Microsoft Azure
azure  serveradmin  devops  docker 
april 2018
Vue Cookbook
Great examples covering common and interesting use cases in more detail
documentation  vuejs  javascript  reference  cookbook 
march 2018
Beautiful Docs
Pointers to useful, well-written, and otherwise beautiful documentation.
design  documentation  examples  reference  writing 
march 2018
Learn Isometric Illustration in Affinity Designer
An ebook and resources for creating isometric illustrations in Affinity Designer
isometric  illustrations  affinitydesigner  vector 
march 2018
Rough.js
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
Wave
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
Spirit
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
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
« 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 deployment design designsystem dessert development devices devops diversity diy django dns docker documentation dom draganddrop dragdrop easing ebooks editing education effects email entities es6 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 microformats 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:



description:


tags: