The Fab Four technique to create Responsive Emails without Media Queries
I think I found a new way to create responsive emails, without media queries. The solution involves the CSS calc() function and the three width, min-width and max-width properties. Making responsive…
css  email  flexbox  via:vielhuber 
7 days ago
Environment Variables in Next.js
Here’s a way to get environment variable values into your Next.js app.
react  next.js  nextjs  env 
12 weeks ago
Progressive Tooling
A list of community-built, third-party tools that can be used to improve page performance. It's missing two of the performance tools we've included this week, and as soon as I work out how to pull request and update I'll get them added to their list :D
frontend  resource  performance  via:justinavery 
september 2018
Shopify Cheat Sheet — A resource for building Shopify Themes with Liquid
This cheat sheet is an interactive reference for the Liquid templating language that will help you build ecommerce templates on Shopify.
liquid  shopify  doodleskull  store  theme  coding  via:karrilahti 
july 2018
Readme Driven Development by @mojombo
I hear a lot of talk these days about TDD and BDD and Extreme Programming and SCRUM and stand up meetings and all kinds of methodologies and techniques for developing better software, but it’s all irrelevant unless the software we’re building meets the needs of those that are using it. via Pocket
development  process  dev  readme  via:themagicteeth 
july 2018
Know your ARIA: 'Hidden' vs 'None' by
author says: A primer on appropriately using aria-hidden='true' and role='none/presentation'. They each do very different things to elements, but their purposes are sometimes confused by developers.
webdesign  web  design  accessibility  aria  css  hidden  html  via:piperh 
june 2018
How we’ve made GOV.UK Elements even more accessible - Accessibility #a11y #gds
How the UK's Government Digital Services team made their components even more accessible. #a11y
a11y  gds  via:dotcode 
march 2018
The Cost Of JavaScript - by @AddyOsmani
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see.
javascript  perf  performance  frontend  via:jjwon0 
november 2017
How I landed my post-bootcamp software developer job in just seven weeks
How I landed my post-bootcamp software developer job in just seven weeks
interview  via:cmaresh 
november 2017
How to disable the drop-shadow in Mac OS X window screenshots
Whenever you take a window screenshot on the Mac (command-shift-4, followed by the spacebar), it captures the window contents and the drop shadow beneath the window, and saves it into a transparent PNG file on your desktop
shadow  Terminal  mac  disable  macosx  lifehacker  dropshadow  OSX  screenshot  tips  via:colcustard 
may 2017
« earlier      
37signals a11y accessibility ads advertising advice adwords agile ajax analytics angular angularjs animation apache app apple apps architecture archive article articles bem bestpractices blog blogging blogs books branding browser browsers business buttons cache campaignmonitor career charts cheatsheet chrome clients cms code coding color colour conferences consulting conversion copy copywriting cost creativity critcism critique css css3 culture data date design dev developer development digg diversity dom e-commerce ecommerce economics editor education email emails employment engineering entrepreneurship etsy facebook feminism firefox flash flexbox font fontface fonts form forms framework frameworks freelance freelancing front-end frontend fun funny generator github google googleanalytics graduates grid grids grunt guardian guidelines hamburger hiring history hosting hosts howto hr html html5 http humor ia icon icons ideas ie ie6 ie7 ifttt image images inpsiration inspiration instapaper interface internet interview interviewing interviews ios iphone javascript jobs jquery js knowledge layout library life lightbox links linux loading localhost logos mac macos management marketing mobile mod_rewrite money mysql native newsletter nielsen opinion optimisation os osx parallax password passwords payment paypal performance philosophy photoshop php plugin plugins png pocket popup presentation pricing process productivity programming project-management pseudo rails react realign recruitment redesign reference regex remote research resources responsive ror rubyonrails rwd salary sass scroll scrolling search security seo slack snippets social software speed ssh standards startup startups statistics svg tables tabs tech technology testing tips tools tutorial tutorials twitter typography ui unobtrusive unread url urls usability userexperience ux validation via:popular video videos w3c wcag web webapp webdesign webdev webdevelopment webfonts webkit wired wordpress work writing x xhtml

Copy this bookmark: