sonniesedge + web   855

Abstract Away the Performance Faults of querySelectorAll | Ryan Morr
Abstract Away the Performance Faults of querySelectorAll November 12, 2014 DOM, JavaScript, and Performance Repository With the introduction of the Selectors API in HTML5, developers finally got a native means to selecting specific nodes without the need to traverse the DOM in tedious loops. The two new methods, querySelector and...
web  js  javascript  performance  selectors 
11 days ago by sonniesedge
An Overview Of The Most Common UX Design Deliverables – Smashing Magazine
Learn how design deliverables (tangible records of work that has occurred) can help UX designers to communicate design ideas successfully.
web  ux  basics 
20 days ago by sonniesedge
Using progressive enhancement - Service Manual - GOV.UK
How to building web pages so they work in HTML first: starting with HTML, extra styles and features, using Javascript.
web  progressiveenhancement 
4 weeks ago by sonniesedge
JavaScript Scope and Closures | CSS-Tricks
Scopes and closures are important in JavaScript. But, they were confusing for me when I first started. Here's an explanation of scopes and closures to help

Lovely explanation and overview of scopes and closures in JS.
web  javascript 
7 weeks ago by sonniesedge
Aerotwist - The Anatomy of a Frame
I'm often asked by other developers about parts of the pixel workflow, and what fires when and why, so I figured it might be worth putting up a little reference for what's involved in shipping pixels to screen.
web  javascript  performance  chrome  blink 
7 weeks ago by sonniesedge
Creating an Accessible Modal Dialog
Modal Dialogs are a tricky thing to make accessible. For visual users navigating with a mouse, creating a dialog is as simple as styling the element to look visually different from the rest of the page. However, users navigating a site via a keyboard and/or screenreader need a lot more.
web  a11y  modal  dialog 
7 weeks ago by sonniesedge
Above the fold is a myth.
The simplest reason as to why 'above the fold' is a myth.
web  ux 
9 weeks ago by sonniesedge
Modern Layouts: Getting Out of Our Ruts by Jen Simmons—An Event Apart video on Vimeo
In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems, we all settled into a handful of patterns and stayed there for over a decade
web  design  css 
10 weeks ago by sonniesedge
Optimising the front end for the browser
An introductory overview to optimising front end code for the browser, to improve UX and SEO rankings.
web  optimisation  performance 
10 weeks ago by sonniesedge
:focus-within | CSS-Tricks
The :focus-within pseudo selector in CSS is a bit unusual, although well-named and rather intuitive. It selects an element if that element contains any chi
web  css  forms 
10 weeks ago by sonniesedge
Dark Matter
A personal publishing platform for the #indieweb
web  indieweb 
11 weeks ago by sonniesedge
Webmention
Webmention is a simple way to notify any URL when you link to it from your site.
web  indieweb  webmentions 
11 weeks ago by sonniesedge
IndieWeb
The IndieWeb is a people-focused alternative to the "corporate web".
web  indieweb 
11 weeks ago by sonniesedge
Fontie — webfont converter, @font-face generator
Fontie converts your desktop fonts into web fonts that work everywhere and puts them along with the CSS in one fine @font-face package. Various options give you the possibilty to fix and optimize your webfonts.
web  fonts  performance 
july 2017 by sonniesedge
google webfonts helper
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
web  fonts 
july 2017 by sonniesedge
Deconstructing the Google Analytics tracking script
What does the Google Analytics script actually do? It’s pretty convoluted at first glance. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),... | Bill Franklin | Working at ChartMogul. Oxford University student.
web  javascript  analytics  googleanalytics 
july 2017 by sonniesedge
<head> Cheat Sheet
A list of everything that could go in the <head> of your document
web  development 
june 2017 by sonniesedge
Accessibility according to actual people with disabilities - Axess Lab
“If you have a disability, what’s the hardest thing about browsing the web?” The answers to Safia Abdalla’s tweet are truly eye-opening and shows us what web accessibility should really be about. The tweet that started it all i'm curious to know: if you have a disability, what's the hardest thing about browsing the web? […]
web  a11y 
june 2017 by sonniesedge
Inclusive Design Principles
These Inclusive Design Principles are about putting people first. It's about designing for the needs of people with permanent, temporary, situational, or changing disabilities — all of us really.
web  a11y  design  inclusivedesign 
june 2017 by sonniesedge
Implementing system fonts on Booking.com — A lesson learned.
For a very long time we had been serving a pretty standard font-stack — Helvetica, Arial, Sans-serif — safe in the knowledge that this selection would give us a trouble-free, albeit uninspired, font…
web  fonts 
june 2017 by sonniesedge
“Why We Didn’t Use A Framework” (Case Study) – Smashing Magazine
Find out why the team at MeetSpace decided to build their app without a front-end framework, and what the pros and cons of a frameworkless back end are.
web  javascript  progressiveenhancement 
may 2017 by sonniesedge
The Browser Accessibility Tree | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
The accessibility tree is a subset of the DOM tree. It includes the user interface objects of the user agent and the objects of the document. Accessible objects are created in the accessibility tree for every DOM element that should be exposed to an assistive technology.
web  a11y 
may 2017 by sonniesedge
Web Accessibility Checklist - The A11Y Project
A beginner's guide to web accessibility
Make sure you compare every project you do against this!
web  a11y 
april 2017 by sonniesedge
A11Y Style Guide
Beautiful recipes for accessible components
web  a11y  patternlibrary 
april 2017 by sonniesedge
Network Link Conditioner in Lion - Matt Gemmell
How to simulate various network conditions using Mac OS X 10.7 Lion.
web  performance 
april 2017 by sonniesedge
alphagov/accessible-typeahead: A typeahead component, built to be accessible.
accessible-typeahead - A typeahead component, built to be accessible.
web  a11y 
april 2017 by sonniesedge
verekia/js-stack-from-scratch: 🎉 V2 release! 🎉 — Step-by-step tutorial to build a modern JavaScript stack.
js-stack-from-scratch - 🎉 V2 release! 🎉 — Step-by-step tutorial to build a modern JavaScript stack.
web  javascript  tutorial 
march 2017 by sonniesedge
A Complete Guide to CSS Grid | Codrops CSS Reference
Learn everything about the CSS Grid Module in this illustrated guide with practical examples and demos. A Codrops CSS Reference entry by Hui Jing Chen.
css  web  grid 
march 2017 by sonniesedge
rollup.js
Rollup is a module bundler for JavaScript which compiles small pieces of code into a something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD.
web  javascript 
march 2017 by sonniesedge
« earlier      
per page:    204080120160

related tags

3d  a11y  abtesting  adobe  ads  agile  ajax  alignment  allwebsiteslookthesame  amp  analytics  angular  animation  antipatterns  api  apis  app  apple  architecture  aria  async  atomic  atomicdesign  audio  backbone  backchannel  background  baseline  basics  beginner  bem  bestpractices  bestpractise  blink  boilerplate  books  bootstrap  boringisgood  boxshadow  breakpoints  browserengine  browsers  brutalism  bugs  business  butsadlytrue  buttons  cache  caching  caniuse  cards  career  carousel  charts  cheatsheet  chrome  clean  cli  client  cms  code  color  colorpalletes  colors  colour  colours  columns  comic  comments  componentlibrary  components  conference  config  containerqueries  content  conventions  convert  cool  cope  criticalcss  criticalpath  css  css-architecture  css3  cssconfeu  csss  cssvariables  ctm  culture  cursors  customimport  d3  dailyimport  data  dates  debugging  deployment  design  designsystems  development  devtools  dfp  dialog  diversity  documentation  dom  domainnames  drupal  drupalcon  dyslexia  ecss  education  effects  elementqueries  email  es6  essentials  experiments  extract  fallback  favicon  featuredetection  feedback  Feedbin  feminism  ffmpeg  firefox  fireworks  flexbox  flickr  font  fonts  footnotes  forms  fouc  framework  frontend  frontendops  funny  gallery  game  gif  git  github  gooddesign  google  googleanalytics  gradients  grid  grids  grunt  guardian  gulp  hack  hamburgers  headlessbrowser  hijax  history  hover  html  html5  http  https  hyml  hyphenation  i18n  icons  ID24  ide  ie  ie6  ie8  iframe  ifttt  image  images  inclusivedesign  indieweb  inspiration  interface  itcss  javascript  jekyll  jquery  js  json  jspm  keyboard  keyframes  landingpages  largedisplays  largescaleweb  layout  less  library  libsass  livereload  loading  local  logos  loops  mac  masonry  mediaqueries  microsoft  mobile  modal  modernizr  modules  mp4  navigation  nodejs  notifications  nth-child  oocss  opensource  opinion  optimisation  optimization  osx  overlay  packagemanager  pagination  palette  parallax  pattern  patternlibraries  patternlibrary  patterns  performance  phantomjs  photo  photos  picture  placeholder  platform  png  podcast  polling  polyfill  popups  print  process  progressiveenhancement  projectmangement  prototyping  pseudoclasses  pseudoelements  publicdomain  quantum  rails  rant  react  reactjs  reading  regression  requirejs  resources  responsive  REST  retro  review  rss  ruby  sadbuttrue  safari  sass  scaffolding  science  scraping  screensaver  screenshots  scrolling  scrollto  security  selectors  serviceworkers  shim  sketch  sketching  skulls  smacss  spacing  speaking  specificity  spinner  splitview  srcset  ssl  stack  standardsnext  staticsite  stockphotos  styleguide  styling  superfish  svg  svn  talk  teamwork  templates  testing  theming  throttle  timing  tips  tool  tooltip  touch  transforms  trends  ttf  tut  tutorial  Twitter  typography  uk  url  usability  useful  useless  utilityclasses  ux  validation  vanilla  verticalrhythm  via:popular  video  visual  web  webgl  webmentions  webpack  wireframes  woff  work  workflow  wysiwyg  youtube  zepto 

Copy this bookmark:



description:


tags: