angusm + webdev   1986

The Many Ways to Link Up Shapes and Images with HTML and CSS
Tools to handle clicks on oddly-shaped regions on web pages.
webdev  clicks  svg  tips  imagemaps 
5 hours ago by angusm
Toucaan—Rethinking CSS Frameworks
Discussion of the principles behind the toucaan CSS framework.
toucaan  css  frameworks  webdev 
5 days ago by angusm
Simple Scroll Snapping Carousel (Flexbox Layout / Grid Layout)
Two carousel layouts that snap to the grid, using either CSS Grid or Flexbox.
carousels  css  cssgrid  flexbox  webdev  examples 
5 days ago by angusm
How to read a Web Page Test waterfall chart
Introduction to reading a waterfall chart in browser tools.
performance  webdev  browsers 
5 days ago by angusm
How To Code in JavaScript
Digital Ocean tutorial on Javascript.
javascript  webdev  tutorials 
5 days ago by angusm
Eloquent JavaScript
Online ebook about Javascript, readable online or for sale as an ebook.
ebooks  books  javascript  programming  webdev 
5 days ago by angusm
The Modern JavaScript Tutorial
Introduction to modern Javascript features.
javascript  tutorials  programming  webdev  intros 
5 days ago by angusm
Using GitHub Template Repos to Jump-Start Static Site Projects | CSS-Tricks
How to use Github template repositories for project initialization.
github  templates  webdev 
12 days ago by angusm
Building a Scrapbook Layout with CSS Grid
Example of building a scrapbook-style layout using CSS Grid.
scrapbooks  layouts  webdev  css  cssgrid  tutorials  examples 
12 days ago by angusm
Adaptive Photo Layout with Flexbox
An ingenious masonry-style layout using Flexbox.
flexbox  sss  galleries  webdev  examples  masonry 
12 days ago by angusm
A Modern CSS Reset
A useful modern CSS Reset stylesheet.
css  reset  bestpractices  webdev 
12 days ago by angusm
From Facebook, images and Sketch files of popular devices.
icons  webdev  sketch  graphics  webdesign 
12 days ago by angusm
Designing a focus style
Tips and examples for designing a focus style for web pages.
focus  css  webdev  bestpractices  tips  accessibility 
12 days ago by angusm
The perfect responsive menu
An accessible responsive menu using CSS and Javascript.
css  webdev  menus  hamburger  responsive  aria 
19 days ago by angusm
CSS Grid: illustrated introduction
An illustrated introduction to CSS Grid.
css  cssgrid  webdev  intros 
19 days ago by angusm
QRCode generator written in Javascript, with no dependencies.
qrcode  javascript  webdev  libraries  utilities 
19 days ago by angusm
Using the DOM like a Pro
Tips and examples for manipulating the DOM without jQuery.
jquery  dom  javascript  tutorials  webdev 
26 days ago by angusm
So, What the Heck is GraphQL?
An introduction to using GraphQL.
graphql  intros  webdev 
27 days ago by angusm
GitHub - taniarascia/webpack-boilerplate: A sensible Webpack 4 boilerplate.
Minimal Webpack 4 boilerplate with Babel, Sass, ESLint, Hot Module Replacement, and development/production optimization
webpack  boilerplate  sass  webdev 
5 weeks ago by angusm
Offline listings
Using a PWA to show a list of available visited pages when offline.
pwas  offline  webdev 
5 weeks ago by angusm
Gradient Magic
A gallery of CSS gradients.
gradients  webdev  css 
6 weeks ago by angusm
Accessible Components
A collection of components that meet the requirements of accessibility.
accessibility  webdev  components  bestpractices 
6 weeks ago by angusm
Online image-compression tool.
compression  images  webdev  tools 
6 weeks ago by angusm
Fast static-site generator written in C++.
nift  staticsitegenerators  webdev 
7 weeks ago by angusm
jQuery-vanilla cheatsheet
Cheat sheet for moving from jQuery to vanilla JavaScript
cheatsheets  jquery  javascript  webdev 
8 weeks ago by angusm
Tool that claims to 'turn any website into an API'.
apis  webdev 
8 weeks ago by angusm
Introduction to Svelte
An introduction to the Svelte Javascript library
svelte  javascript  intros  tutorials  webdev 
9 weeks ago by angusm
Use Animations
A micro-animations library
animations  icons  webdev  free 
10 weeks ago by angusm
How to add Flexbox fallback to CSS Grid
Tips and example of writing a Flexbox fallback for a CSS Grid layout.
css  cssgrid  flexbox  webdev  mediaqueries  supports 
10 weeks ago by angusm
Understand the JavaScript SEO basics
Notes with video on how Googlebot indexes Javascript sites.
seo  googlebot  webdev  javascript 
11 weeks ago by angusm
Full-featured Javascript lightbox gallery. Free for non-commercial use. No dependencies.
javascript  gallery  lightbox  plugins  webdev 
11 weeks ago by angusm
Form design: from zero to hero
Blog post summarizing form design best practices.
forms  webdev  bestpractices  tips 
11 weeks ago by angusm
Gradient Generator
Tool for simply generating gradients
gradients  css  webdev  tools 
july 2019 by angusm
Making Tables Responsive With Minimal CSS
How to optimize semantic tables using CSS, so as to avoid creating tables using divs.
tables  css  responsivewebdesign  tutorials  howtos  webdev 
july 2019 by angusm
Internet Explorer + CSS Grid
Video by Jen Simmons on using CSS Grid with IE11
ie11  css  cssgrid  videos  compatibility  fallbacks  webdev 
july 2019 by angusm
Free Charting Library
A charting library for financial charting from Trading View
libraries  charts  webdev  graphs  charting  free 
july 2019 by angusm
The Front-End Checklist
Detailed front-end checklist for web developers
webdev  checklists  bestpractices 
july 2019 by angusm
Description of a 'now' page, a page on a website that gives an update on what the owner is doing now.
webdev  bestpractices  nowpages  aboutpages 
june 2019 by angusm
An Introduction to D3.js
An introduction to the D3.js library.
d3js  tutorials  intros  webdev  howtos  visualization 
june 2019 by angusm
Intro to VuePress 1.x
An introduction to the VueJS-based static website generator VuePress.
vuepress  staticsitegenerators  intros  webdev  vuejs 
june 2019 by angusm
Micro Frontends
Extensive article about micro-frontends
microservices  frontends  microfrontends  webdev  components 
june 2019 by angusm
Every Layout
Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.
css  layouts  webdev  resources  webdesign  bestpractices 
june 2019 by angusm
Hylia Starter Kit
A simple starter kit for Eleventy
eleventy  blogs  webdev 
june 2019 by angusm
Simpler static site generator.
staticsitegenerators  webdev 
june 2019 by angusm
Handy dark mode implementation in vanilla Javascript.
darkmode  javascript  webdev  libraries  css 
june 2019 by angusm
How to Use the Web Share API
Introduction to the Web Share API.
webdev  apis  sharing 
june 2019 by angusm
TIL (Today I learned)
A collection of useful design tips
css  tips  webdev 
june 2019 by angusm
Gatsby site search with Lunr.js
An example of using the Lunr.js search engine to add search to a static site built with Gatsby.
lunrjs  search  webdev 
june 2019 by angusm
Lightweight in-browser search engine. Solr replacement for small applications.
lunr  search  webdev 
june 2019 by angusm
Vue.js And SEO:
Tips on how to optimize reactive websites for search engines and bots
seo  vuejs  tips  webdev 
june 2019 by angusm
Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies
lazyloading  webdev  javascript 
june 2019 by angusm
Easy-to-use open-source charting library.
webdev  charts  visualization  javascript  libraries  opensource 
june 2019 by angusm
Frappe Charts
Simple and modern SVG charts for the web with zero dependencies.
charts  webdev  svg  libraries 
june 2019 by angusm
Orion Icon Library
Free SVG icons for websites
icons  libraries  webdev  svg 
june 2019 by angusm
A blazingly fast, crazy small, fully responsive, mobile-friendly, dependency free, native scrolling list with paging controls!
sliders  carousels  webdev  libraries 
june 2019 by angusm
Swup - complete, flexible, extensible and easy to use page transition library.
Complete, flexible, extensible and easy to use page transition library for your web.
animation  webdev  libraries  transitions 
june 2019 by angusm
Easy File Uploading With JavaScript
filepond  uploads  javascript  tools  libraries  webdev 
june 2019 by angusm
Sapper is a framework for building web applications of all sizes, with flexible filesystem-based routing.
webapps  scaffolding  opensource  sapper  webdev 
june 2019 by angusm
CSS framework for a hand-drawn, paper-like look.
papercss  css  frameworks  webdev 
june 2019 by angusm
« earlier      
per page:    204080120160

related tags

2fa  3D  @supports  a11y  aboutpages  abstraction  accents  accessibility  accordions  actions  ActionScript  ActiveRecord  adaptive  adaptivewebdesign  addresses  advpng  aframe  Agavi  aggregators  ajax  algorithms  alignment  alt  alt-text  alternatives  amp  analysis  analytics  Android  angular  Angular.js  angular2  angular4  angularjs  AnimateScroll.js  animation  animations  annotation  Ant  Antiword  apache  API  apis  appengine  applications  apps  appservers  arangodb  architecture  aria  article  articles  aspectratio  assets  async  asynchronicity  atom  atomicdesign  attentiontracking  attributes  attributevalue  audio  auditing  audits  authentication  authoring  autocomplete  autohiding  autoloaders  automad  automation  autosuggest  avatars  await  aws  awslambda  Backbone  backbone.js  backbonejs  backends  backgroundimages  backgrounds  backup  badges  bargraphs  baselinegrids  beacon  beginners  behaviors  bem  bestpractice  bestpractices  bestpractives  bfc  Bing  blockquotes  blocks  blogging  blogs  blur  boilerplate  bookmarking  bookmarklets  books  bootstrap  border-box  border-radius  borderimage  borders  bots  Bottle  Bourbon  Bower  box-shadow  box-sizing  breadcrumbs  breakpoints  brotli  browser  browserdetection  BrowserID  browsers  brunch  bubbleeffect  bubbles  buffalo  build  buildtools  bundlers  bundling  buttons  cache  caching  calais  calendars  Camping  canonicalization  canvas  capistrano  captchas  cards  carousels  casestudies  centering  certificates  chart  charting  charts  chats  cheatsheets  checkboxes  checklists  chrome  ci  classes  clearfix  clicks  clienthints  clients  clipboard  clippaths  clipping  clippingpaths  closures  cloud  cms  code  codepen  codepens  coding  coffeescript  collections  color  colorpicker  colors  colorschemes  columns  Comet  commandline  comments  compatibility  compilers  components  compression  concepts  conditionalloading  configuration  configurations  console  contact  containerization  content  contentmanagementsystems  contentmodeling  contextmenu  contextual  continuousrefresh  contrast  controllers  controls  cookbook  cookbooks  cookies  costs  CouchDB  CouchRest  courses  cropping  CRUD  Crystal  csp  css  css3  cssanimation  cssgrid  csslocks  cssreset  cssshapes  csstidy  csstransforms  cssvariables  csv  Cuba  curl  currying  customfields  customization  customposts  customtags  d3  d3.js  d3js  darkmode  dashboard  dashboards  data  data-attributes  databaseadministration  databases  databinding  datahandling  datastore  datauri  datauris  datavisualization  datepicker  datepickers  dates  dbadmin  debugger  debugging  definitionlists  definitions  demos  deployment  deployments  design  designpatterns  designsystems  destructuring  details  developers  development  dgraph  dhtml  diagnostics  diagrams  dialogboxes  dialogs  directives  directories  discovery  display  distributed  django  DL  DNS  DOC  docker  document-oriented  documentation  dom  domains  donottrack  downloads  drag-and-drop  draganddrop  drawers  drawing  Droopy  Dropbox  dropcaps  dropdowns  Drupal  dry  dynamic  dynamicloading  ebooks  ecmascript6  education  effects  elasticsearch  elements  eleventy  elm  embedding  ems  equalheight  Erlang  errors  es6  es8  Eve  events  examples  excel  exercises  export  express  Express.js  expressjs  extensions  eyetracking  facebook  factbases  factories  fades  fading  fallback  fallbacks  faq  fathom  favicons  featurequeries  features  feedback  Feedburner  feeds  ferret  fetch  fields  filepond  filtering  filters  finance  financial  firebase  fixes  flags  Flash  flask  Flex  flexbox  flip  floats  fluid  FluidDB  fluidimages  fluidlayouts  FOAF  focus  foit  font-display  font-face  fontloaders  fonts  fontsizing  footers  formatting  formdata  forms  formvalidation  fout  fr  frameworks  free  frequency  frontend  frontends  fullscreen  functionalprogramming  functions  fuzzy  galleries  gallery  games  gauges  gd  gdpr  gems  generation  generator  generators  GeoCoder  geocoding  geoJSON  geolocation  geotag  geotags  gestures  gifs  github  Glassfish  go  golang  google  googleanalytics  googlebot  GoogleCharts  GoogleDocs  googlefonts  googlemaps  Gossamer  gracefuldegradation  gradients  graft  graphcool  graphdatabases  graphics  graphing  graphis  graphql  graphs  grid  grids  gridsome  Groovy  grunt  gui  guidelines  guides  gulp  gulp4  gzip  hacks  Hadoop  hamburger  hamburgermenus  haml  Hammer  Handlebars  Harp  hashbangs  hashes  hbase  head  headers  headless  heatmaps  help  helpers  hierarchical  hierarchies  highcharts  highlighting  hints  hippo  hisrc  history  Hive  holygrail  home  hosting  hover  hovers  howto  howtos  html  html5  html5boilerplate  html5canvas  htmlapis  http  http2  https  hugo  humans.txt  HybridAuth  hypermedia  iconifying  icons  ICRA  ideas  identity  ie  IE6  ie11  iframes  imagegalleries  imageloaders  ImageMagick  imagemaps  imageprocessing  images  imagesliders  img  implementation  indexes  indexing  indicators  infinitescroll  InfluxDB  infovis  infovisualization  init  inline  innershiv  input  inputs  inspector  inspectors  inspiration  instagram  installation  installers  instrumentation  inteoductions  interface  internet  internetexplorer  interviews  introduction  introductions  intros  iOS  iPad  iPhone  Isis  Jackson  jagged  jamstack  java  javascript  jekyll  jenkins  Jersey  joins  JPEG  jpegoptim  jpegs  jQPie  jquery  jQuip  JRuby  json  jsonfeed  JSONP  jsvis  JVM  Karma  keyvalue  keyvaluestores  KML  koa  Kwicks  labeling  labels  lambda  LAMP  language  languages  laravel  layout  layouts  lazy-loading  lazyloading  leaflet.js  learning  less  letsencrypt  lettering.js  libraries  library  lifestreams  Lift  lightbox  lightboxes  lighthouse  lightweight  limitations  linguistics  link  link-relations  linkcheckers  links  lint  linting  lists  livesearch  loaders  loading  loadtesting  logging  login  logins  logos  Lucene  lunr  lunrjs  mac  MacOSX  magazine  Magnolia  maintainability  management  managers  manifests  manipulation  map-reduce  mapping  mapreduce  maps  margins  MariaDB  marionette  markdown  markers  markup  mashups  masonry  materialdesign  mean  measurements  media  mediaplayers  mediaqueries  mediaquery  Melody  memcached  menus  merb  Mermaid  mern  messaging  meta  metadata  metatags  metrics  microcopy  microdata  microformats  microframeworks  microfrontends  micropub  microservices  Microsoft  middleman  middleware  minification  minifiers  minimalism  minio  mixins  mobile  mobiledev  mobilefirst  mobilephones  mobiles  mobileweb  mocks  modal  modaldialog  modaldialogs  modals  model  models  modularity  modules  mod_expires  mod_rewrite  mod_security  mongodb  mongrel  monitoring  moonjs  morphing  mouseover  MovableType  mozjpeg  MP3s  mp4  mustache  MVC  MVVM  mysql  namespaces  navbars  navigation  neo4j  netgeo  networks  news  nextjs  nginx  nift  nikola  Nitrogen  nlp  nmap  node  node.js  nodejs  non-relational  nonrelationaldatabases  nosql  notes  notifications  nowpages  npm  nthchild  nunjucks  nuxtjs  nvd3js  OAuth  object-oriented  objects  OData  oembed  offline  offlinestorage  ogp  oocss  open  open-source  OpenCalais  opencontent  opendata  opengraph  opengraphprotocol  OpenID  openlike  OpenSearch  opensource  openstreetmap  openweb  optimization  optipng  organization  OrientDB  ORM  osx  otto  overviews  owasp  packagemanagers  pagekit  pageload  pageloads  pagespeed  pagination  palettes  panels  papercss  parallax  Parallels  parcel  parsers  parsing  passport  pathchange  patterns  PDF  pdftotext  PEAR  performance  Perl  Persona  Phalcon  phantomjs  phonenumbers  phones  photographs  photography  photogrid  photos  Photoshop  php  php7  PHPUnit  picfit  PICS  picture  pictures  PIE  piecharts  pingback  pingbacks  Pinterest  pipes  placeholder  placeholders  platforms  players  plotting  plugin  plugins  png  pngcrush  polling  polls  polyfills  pop-ups  popups  portscan  POST  postcss  postleaf  postprocessors  posts  pre  preact  preconnect  preconnectdns  prefetch  preload  prerendering  previews  print  privacy  profiler  profiling  programming  progress  progressbars  progressiveenhancement  progressiveloading  progressivenhancement  progressivewebapp  progressivewebapps  projects  promises  protocols  provisioning  proxies  proxy  proxying  pseudoclasses  pseudoelements  PSR-4  pullquotes  puppeteer  purecss  push  pwa  pwas  Pyramid  python  qrcode  queries  querystring  queues  quickstarts  quirks  QUnit  quotes  Rack  radiobuttons  rails  rails3  random  randomize  ranges  Raphael  raphaeljs  ratings  rdf  RDFa  react  reactjs  readership  realtime  reapp  recommendations  redirects  redis  redux  reference  referer  referrers  refresh  regex  regexes  rel  rel-noopener  relationaldatabases  relative  rems  reset  resizing  resolutions  resources  responsive  responsivedesign  responsiveimages  responsivewebdesign  rest  restful  retina  rewriterules  RFI  rgba  rhythm  rightclick  robots  roles  routers  routes  routing  RPX  rss  ruby  rubyonrails  S3  Salmon  samples  sanitization  sapper  sass  scaffolding  Scala  scalability  scaling  schema-less  schemaless  schemas  scrapbooks  scraping  screencasts  screenshots  scripting  scripts  scroll  scrolling  scrollytelling  scss  search  searchengine  SearchMonkey  sectioning  security  securitytxt  sed  select  selectboxes  selectors  selects  semantic  semanticsearch  semanticweb  seo  serverless  serverpush  servers  serverside  serversidejavascript  services  serviceworker  serviceworkers  setup  shadows  shapes  sharebuttons  sharethis  sharing  shivs  shorteners  shortURLs  showcases  shows  siblings  SimpleDB  simplexml  Sinatra  singlepage  singlepageapplications  singlepageapps  sitegenerators  sitemaps  sitemonitoring  sitespeed  sizes  skeletons  sketch  slideout  slider  sliders  slideshow  slideshows  Slim  slugs  smacss  snippets  snowflake  SOA  SOAP  social  socialgraph  socialmedia  software  SOLR  sorting  source-code  sourcecode  spam  sparklines  SPARQL  spas  specifications  speed  spiders  spinners  spreadsheets  sprites  sql  Sqoop  sqs  srcset  ssl  sss  stacks  standards  stars  states  staticsitegenerators  staticsites  staticwebsites  statistics  statuscodes  sticky  stocks  storage  structure  structureddata  Struts  style  styleguides  styles  stylesheets  styling  submission  submissions  subscription  suggestion  suggestions  summary  supports  Susy  svelte  svg  svgs  svn  swipes  switchers  switches  switching  syntax  syntaxhighlighter  systemadministration  tabbedboxes  tabbednavigation  tables  tablets  tabs  tags  target  tasks  tdd  techniques  tel  templates  templating  testing  tests  text  textprocessing  textures  themes  ThruDB  thumbnails  thumbor  tickers  tidy  tiles  time  timelines  timepicker  timestamps  tips  tls  toggle  tokyocabinet  TokyoTyrant  toolbars  toolkits  tools  tooltips  Toro  toucaan  touch  trackbacks  training  transforms  transitions  transpilation  treemaps  trees  tricks  triples  triplestore  truncation  Tumblr  tutorial  tutorials  tweets  twitter  twofactorauthentication  type  typescript  typo3  typography  ui  UIs  underlines  units  unittesting  universalimages  untainting  updatetool  upgrades  upload  uploaders  uploads  URIs  urls  urlshorteners  usability  utilities  ux  uzbl  vagrant  validation  validators  vanilla  vanilla.js  vanillajavascript  vapid  variablefonts  variables  varnish  vectors  vega  vegalite  versioncontrol  versioning  vert.x  vertical  video  videos  viewports  views  VirtualBox  virtualization  virtualreality  visited  visualization  VML  VMs  voting  VPC  vr  vue  vuejs  vuepress  WAI-ARIA  wap  warbler  wars  wcag  we  weather  web  web2.0  webapps  webcasts  webcomponents  webdesign  webdev  webfonts  webistrano  webkit  webm  webmentions  webmining  webp  webpack  webpagetest  webscrabing  webscraping  webservers  webservices  websites  webstats  webworkers  whois  widgets  windows  wine  wing  WOEID  wordpress  words  workarounds  workflow  wrappers  X-Robots-Tag  X11  XCache  XFN  xhtml  xhtml5  xml  XSLT  XSS  Yahoo  Yahoo!  yarn  yeoman  YQL  yslow  YUI  YUICompressor  zdog  Zend  zepto  zoom  zooming 

Copy this bookmark: