The Curious Engineer

Awful Woman

2001–2015

631 posts

2016–2026 →

2015 162

December 2015

  1. CSS Cursor
  2. Colorify.js
  3. The State of UX in 2016 — uxdesign.cc
  4. Reimagining Single-Page Applications With Progressive Enhancement – Smashing Magazine
  5. SVG Icons - Ready to use SVG Icons for the web.
  6. nathancahill/Split.js · GitHub
  7. How to Do a UX Review ◆ 24 ways
  8. WTF is Solid?- Solid
  9. Jump.js

November 2015

  1. Must See JavaScript Dev Tools That Put Other Dev Tools to Shame — JavaScript Scene — Medium
  2. » Seriously, Don’t Use Icon Fonts Cloud Four Blog
  3. ally.js
  4. Tips for Creating and Exporting Better SVGs for the Web
  5. Basic Patterns for Mobile Navigation
  6. Aerotwist - The Cost of Frameworks
  7. Why is it so hard to find a front end developer? — The Creative Business — Medium
  8. How Our CSS Framework Helps Enforce Accessibility | eBay Tech Blog
  9. the HTML/CSS Workmanship Guide
  10. React For Beginners — Learn with Video Tutorials

October 2015

  1. Simple Icons
  2. Reverse Text Color Based on Background Color Automatically in CSS | CSS-Tricks
  3. Jack000/Expose
  4. Designing for Performance by Lara Callender Hogan
  5. AllThingsSmitty/css-protips
  6. Corpus. A collection of CSS things.
  7. Introducing RAIL: A User-Centric Model For Performance – Smashing Magazine

September 2015

  1. Component Driven Design and Development | DrupalCon
  2. Visual Regression Testing | DrupalCon
  3. Building the Front End with Angular.js | DrupalCon
  4. Trophy Winning Teams | DrupalCon
  5. What's your type? | DrupalCon
  6. Inclusive Design: an Introduction to Accessibility Whys and Hows | DrupalCon
  7. Next generation graphics: SVG | DrupalCon
  8. Prototypes and Drupal: from designing in-browser to implementing custom templates | DrupalCon
  9. Drupal 8 theming | DrupalCon
  10. Drupal 8 The Backend of Frontend | DrupalCon
  11. Drupal-generated markup is not your friend -- use a styleguide! | DrupalCon
  12. Fundamentals of Front-End Ops | DrupalCon
  13. Flexbox Cheatsheet Cheatsheet
  14. The @font-face dilemma | Viget
  15. peachananr/purejs-onepage-scroll
  16. HTML Color Codes

August 2015

  1. Twitter image accessibility
  2. bgpatterns.com
  3. Posts from 2015 3
  4. Twitter Image Accessibility 2015-08-28
  5. CSS 3D Clouds
  6. BreakpointTester | Test Your Responsive Design By Breakpoints, Not By Device Width
  7. The Web Platform: Browser technologies
  8. Addy Osmani on Twitter: "$ npm install -g perfschool Web performance workshop in your command-line. Image optimisation, WebPageTest & more! http://t.co/8Hs7CPveKP"
  9. isisAnchalee/Frustrated.js

July 2015

  1. LukeW | Dropdowns Should be the UI of Last Resort
  2. Web Design - The First 100 Years
  3. 12 Little-Known CSS Facts (The Sequel)
  4. The Boring Front-end Developer by Adam Silver

June 2015

  1. Design Patterns on CodePen
  2. Bootcards - Cards-based UI built with Bootstrap
  3. ‎eloudesign.com/the-empathy-paradox/
  4. Write Better User Interfaces by Asking “Who Else is in the Room?"
  5. Tawjzsng
  6. The Easy Paper.js Tutorial, building flat animated shapes with @PaperJS
  7. tota11y – an a11y visualization toolkit
  8. The Accessibility Cheatsheet - bitsofco.de
  9. ‎www.css-spinners.com
  10. After Dark in CSS
  11. Manage large-scale web projects with new CSS architecture ITCSS | Web design | Page 2 | Creative Bloq
  12. Web Font Load: Install All Google Web Fonts at Once
  13. Browser Rendering Optimization - Udacity
  14. aFarkas/lazysizes
  15. The PLAY button is not optical alignment — Medium
  16. Sassline
  17. What’s the design process at GDS? | Government Digital Service
  18. GOV.UK – GDS design principles
  19. The Dribbblisation of Design — Medium
  20. COPE: Create Once, Publish Everywhere | ProgrammableWeb
  21. Making a difference with performance | Jaime Caballero, front-end architect based in London - OOCSS, Sass, BEM,
  22. You Might Not Need jQuery

May 2015

  1. Material icons - Google Design
  2. Fuck Off As A Service (FOAAS)
  3. Parallax.js | Simple Parallax Scrolling Effect with jQuery
  4. Vibrant.js - Extract prominent colors from an image.
  5. Beyond Media Queries — It’s Time to Get Elemental
  6. WebAIM: Using VoiceOver to Evaluate Web Accessibility
  7. Buffer's loading animation - CSS Animation
  8. How to ask for design feedback
  9. The 10 Commandments of Good Form Design on the Web – Mono
  10. Solved By Flexbox — Cleaner, hack-free CSS
  11. Ich bin ein Berliner
  12. Ich Bin Ein Berliner 2015-05-20
  13. Data visualization, Part 1: Visualize browsing metrics with SVG and D3
  14. Data Visualisations
  15. Makerbook - The best free resources for creatives.
  16. Data Visualisations 2015-05-19
  17. plainJS - The Vanilla JavaScript Repository
  18. How to use Jekyll with Gulp
  19. madgex/lazy-ads
  20. Organizing CSS: OOCSS, SMACSS, and BEM - MattStauffer.co
  21. HTML Symbol Codes and Entities — HTML Arrows
  22. Frank Chimero - The Web’s Grain
  23. A JS framework on every table
  24. Sass Burger

April 2015

  1. Genius | Annotate the world
  2. A Dao of Web Design · An A List Apart Article
  3. How to Center in CSS
  4. Basscss
  5. Using Sketch For Responsive Web Design (A Case Study) - Smashing Magazine
  6. Stop toggling classes with JS, use behaviour driven DOM manipulation with data-states
  7. Starting a Refactor with CSS Dig | CSS-Tricks
  8. Dan McKinley :: Choose Boring Technology

March 2015

  1. Designing Pattern Flexibility
  2. Frontend stuff
  3. Beyond Blue Links: Making Clickable Elements Recognizable
  4. Why libsass is important to the community | Roughdraft.io
  5. You should start using Browsersync today. | Donny Wals

February 2015

  1. Chainable BEM modifiers - We build Envato
  2. Animating pseudo-elements
  3. Flexbox Grid
  4. Breaking News at 1000ms with Patrick Hamann - YouTube
  5. WOFF 2.0 primer
  6. The Fold Manifesto: Why the Page Fold Still Matters
  7. Bouncy Navigation in CSS and jQuery | CodyHouse
  8. Accessible toggle-style checkbox
  9. israelidanny/ie8linter
  10. SmashingConf Whistler — Marcy Sutton on A Web for Everybody on Vimeo
  11. Making Maps: The Role of Frontend Infrastructure at Etsy
  12. Transitioning to SCSS at Scale - Code as Craft

January 2015

  1. YouTube Engineering and Developers Blog: YouTube now defaults to HTML5 video
  2. Center and crop images with a single line of CSS — Medium
  3. Tour of a Performant and Responsive CSS Only Site | CSS-Tricks
  4. Inside Microsoft’s New Rendering Engine For The "Project Spartan" - Smashing Magazine
  5. Flickity · beta
  6. PubCSS: Formatting Academic Publications in HTML & CSS | Thomas Park
  7. CSS Pagination | CodyHouse
  8. Flash of Faux Text—still more on Font Loading—zachleat.com
  9. C is Manly, Python is for “n00bs”: How False Stereotypes Turn Into Technical “Truths”
  10. Style Guide Podcast
  11. A Vision for Our Sass
  12. Some Ideas for Checkout Effects
  13. Why we can’t do real responsive images with CSS or JavaScript
  14. jspm.io - Frictionless Browser Package Management
  15. JavaScript in 2015
  16. amalia.js - Metadata enriched HTML5 video player
  17. Typesettings.css | Minimal Type Boilerplate
  18. image-rendering: pixelated
  19. What the Virtual Viewport?
  20. Zero element loading animations · MadebyMike
  21. Using Motion For User Experience On Apps And Websites - Smashing Magazine
  22. A Simple Performance Comparison of HTTPS, SPDY and HTTP/2 | HttpWatch Blog
  23. LibSass, Grunt, and Node NPM: Do You Feel the Need For Speed?
  24. Sass Guidelines
  25. Quick Left | Reports on Internet Performance
  26. Atomic Design by Brad Frost
  27. The problem with Angular
  28. Normalizing Cross-browser Flexbox Bugs — Philip Walton
  29. Performance Calendar » Hardware Accelerated CSS: The Nice vs The Naughty
  30. How we use web fonts responsibly, or, avoiding a @font-face-palm
  31. Quick tip: conditional form fields with CSS
  32. Chartist - Simple responsive charts
  33. A Plain English Guide to JavaScript Prototypes - Sebastian's Blog
  34. A Good Front-End Architecture
  35. comet - How does facebook, gmail send the real time notification? - Stack Overflow
  36. Archive: A Drip of JavaScript · Design Pepper

2014 251

December 2014

  1. Saving Bandwidth on Slow Connections with Saveba.js
  2. Understanding RequireJS for Effective JavaScript Module Loading
  3. Loading JSON-formatted data with Ajax and xhr.responseType='json' · Mathias Bynens
  4. How to set up stress-free SSL on an OS X development machine
  5. Capture images and convert raster to vector | Adobe Shape CC
  6. Sass-Compatibility
  7. Write Better Markup with HTML Inspector
  8. Using Object-Oriented CSS with Sass
  9. Naming Things
  10. Responsive web design presentations at Fluent and State of the Browser
  11. Chris Wright - Experiment: Flexbox Adventures
  12. Revealing Captions for Everyone | scottohara.me
  13. Style Guide Best Practices
  14. JavaScript Application Architecture On The Road To 2015
  15. Using Object-Oriented CSS with Sass
  16. Semantic UI
  17. Hemingway
  18. Build Pipeline: CSS Testing : guides
  19. Planning for Performance
  20. Performance Budget Metrics - TimKadlec.com
  21. Front-End Ops
  22. What colour is it?
  23. kwaledesign/FrontEnd-Ops
  24. enhance/enhance.js at master · filamentgroup/enhance
  25. 3D Rotating Navigation in CSS and jQuery | CodyHouse
  26. JSON Generator – Tool for generating random data
  27. Food at tech events
  28. Posts from 2014 9
  29. Food at Tech Events 2014-12-08
  30. Theming and Front End Development with Drupal | Drupal.org
  31. Continuous deployment, Drupal style | Dcycle

November 2014

  1. Automate Drupal site updates with a deployment module | BeFused
  2. Drupal 7 on a 60Kb budget | konstantin tovstiadi
  3. Search by selector inside elements panel.
  4. IndieWebify.Me
  5. Primed and Ready to Go
  6. Coolors - The super fast color palettes generator!
  7. video - Animated gif to avi on linux - Stack Overflow
  8. Building Responsive Visualizations with D3.js - Safari Blog
  9. addyosmani/tmi
  10. SoundKit
  11. davidhund/jekyll-styleguide
  12. The “Other” Interface: Atomic Design With Sass | Smashing Magazine
  13. Atomic Design | Brad Frost
  14. Providing a fallback for critical-path CSS
  15. Providing a Fallback for Critical-Path CSS 2014-11-05
  16. Migrating your team to Sass
  17. Migrating Your Team to Sass 2014-11-04

October 2014

  1. Making this site open
  2. colintoh.com
  3. Making This Site Open 2014-10-28
  4. trulia/hologram
  5. Critical CSS using Sass and Jekyll
  6. Inlining critical CSS
  7. Inlining Critical CSS 2014-10-27
  8. Style Guide Boilerplate
  9. Using Sass to Build a Custom Type Scale with Vertical Rhythm
  10. Modular Scale
  11. Optimizing Performance — Web Fundamentals
  12. Preventing the Performance Hit from Custom Fonts | CSS-Tricks
  13. Asynchronous CSS delivery for fault tolerance | Blog | Decade City
  14. A counter statement: Putting the CSS in the head — Medium
  15. Visual Regression Testing
  16. Visual Regression Testing 2014-10-16
  17. Tools: CSS Testing : tools
  18. Sassy Rhythm: Vertical Rhythm with Sass
  19. Beautiful web type — the best typefaces from the Google web fonts directory
  20. Nightmare
  21. More Meaningful Typography · An A List Apart Article
  22. Typeplate » A typographic starter kit encouraging great type on the Web
  23. Designing an Effective Donate Form
  24. Basehold.it - quick, painless, javascript-free baseline overlays
  25. CSS with vertical rhythm | drewish
  26. The Elements of Typographic Style Applied to the Web – a practical guide to web typography
  27. Accessible HTML video as a background | Punkchip
  28. addyosmani/critical · GitHub
  29. Midnight.js - Switch fixed headers on the fly
  30. Detecting Critical CSS For Above-the-Fold Content With Paul Kinlan (Video)
  31. Detecting critical above-the-fold CSS - Tales of a Developer Advocate

September 2014

  1. Setup Ruby On Rails on Mac OS X 10.9 Mavericks - GoRails
  2. Don’t use (most of the time) Cloud Four Blog
  3. Beware of Selector Nesting in Sass
  4. Reconsidering modernizr.js performance defaults
  5. sindresorhus/awesome-nodejs · GitHub
  6. Using Bootstrap on a large site
  7. Using Bootstrap on a Large Site 2014-09-25
  8. How I improved my workflow with SMACSS & Sass - Bram Smulders
  9. Performance Calendar » Who’s Afraid of the Big Bad Preloader?
  10. Cuzillion
  11. A Compendium of SVG Information
  12. The Principles of Adaptive Design
  13. grunt-pagespeed
  14. KSS · Knyle Style Sheets
  15. jay mabazza : Using Rsync to deploy a website. Easy one liner command
  16. Front-end Testing for the Lazy Developer with CasperJS
  17. Simpler UI Testing with CasperJS
  18. ronaldlokers/grunt-casperjs
  19. Build Web Layouts Easily with Susy
  20. Yes We Jekyll
  21. Automating Web Performance Measurement - HTML5Rocks Updates
  22. Setting a performance budget - TimKadlec.com
  23. grunt-perfbudget
  24. Render-tree construction, Layout, and Paint — Web Fundamentals
  25. Subtle Live-Reloading With Grunt & Compass | Drafting Code – Zachary Kain. Diving the deep waters of the web and the mysteries of code: a dev blog.
  26. Qgwwxex4
  27. Sass: Team Sass Design
  28. Grid by Example
  29. CSS and the Critical Path - CSSConfEU September 2014 // Speaker Deck
  30. Grunt And Gulp Tasks For Performance Optimization | Yeoman
  31. PageSpeed Module - Make the Web Faster — Google Developers
  32. 475891 – (unicode-range) implement unicode-range support in user font set
  33. State of Web Type
  34. Shu Uesugi on Twitter: "To use GPU acceleration, just use a null 3D transform #cssconfeu http://t.co/iSww4a375Z"
  35. Improving Smashing Magazine's Performance: A Case Study | Smashing Magazine
  36. Bootstrap verbosity and mysterious IE problems
  37. Great Responsive Web Design is a Matter of Process — Medium
  38. Bootstrap Verbosity and Mysterious IE Problems 2014-09-09
  39. Managing Responsive Breakpoints with Sass
  40. One Step Ahead: Improving Performance with Prebrowsing
  41. Bypassing Jekyll via Grunt
  42. Bypassing Jekyll via Grunt 2014-09-06
  43. BrowserSync
  44. Pexels · Find Free High Quality Photos
  45. Frontend automation with Grunt, Sass + BrowserSync. - JH
  46. Poor Man's Styleguide | A frontend styleguide for the pragmatic
  47. A Single Div

August 2014

  1. Slaying the Dragon: Refactoring CSS for Maintainability – Alicia Liu at Front-Trends 2014 on Vimeo
  2. Medium’s CSS is actually pretty f***ing good. — Medium
  3. Enduring CSS: writing style sheets for rapidly changing, long-lived projects - Author and responsive web developer Ben Frain
  4. CSS `do-*`
  5. What do you do when your design pattern breaks down?
  6. AllThingsSmitty/must-watch-css · GitHub
  7. Making ubuntu.com responsive: our Sass architecture (12) | Ubuntu Design Blog
  8. RWD Bloat - daverupert.com
  9. Guide to Responsive-Friendly CSS Columns
  10. katiefenn/parker
  11. Minimising font downloads - JakeArchibald.com
  12. Authoring Critical Above-the-Fold CSS | CSS-Tricks
  13. CSS Guidelines
  14. Ten CSS One-Liners to Replace Native Apps
  15. Pure CSS parallax scrolling websites | Keith Clark
  16. Twitter / wesbos: ××× Protip: use × ...
  17. Designing for Performance with Lara Swanson on the Hanselminutes Technology Podcast: Fresh Air for Developers
  18. New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer
  19. Jank Free: Let's Make the Web Silky Smooth!
  20. lafikl/CSS-triggers-cli · GitHub
  21. Input: Fonts for Code
  22. CSS-colorguard
  23. Getting touchy - an introduction to touch and pointer events by Patrick H. Lauke - Web Rebels Conference
  24. Aerotwist - Pixels are expensive
  25. Absolute urls, relative urls, and...? - Stack Overflow
  26. CodePen's CSS by Chris Coyier on CodePen
  27. Reducing Complexity With a Component API - YouTube
  28. CSS and the critical path - CSSConf May 2014 // Speaker Deck

July 2014

  1. CSS at Lonely Planet - Ian Feather
  2. GitHub's CSS · @mdo
  3. Ask DN: What are your little SASS/LESS time savers? - Designer News
  4. Designing Mobile First — Design with Sketch — Medium
  5. The Messy Art Of UX Sketching | Smashing Magazine
  6. A Pocket Guide to Master Every Day’s Typographic Adventures
  7. Gumby - A Flexible, Responsive CSS Framework - Powered by Sass
  8. Notification Styles Inspiration | Codrops
  9. Weather Icons - 123 Icon Font inspired by Font Awesome and designed for Bootstrap
  10. The Subtle Magic Behind Why the Bootstrap 3 Grid Works | Experience Design at Hello Erik
  11. A P R I L Z E R O
  12. What Every Frontend Developer Should Know About Webpage Rendering — Frontend Babel
  13. Beautiful web type — the best typefaces from the Google web fonts directory
  14. A Simple Responsive Grid, Made Even Better With Sass - Tuts+ Web Design Tutorial
  15. Trimming Down jQuery With Grunt | Telerik Developer NetworkTelerik Developer Network

June 2014

  1. Giving Animations Life — Tictail Makers — Medium
  2. Hover Effect Ideas
  3. filamentgroup/loadCSS
  4. jakubroztocil/httpie
  5. Twitter / pamelafox: Awesome idea from @soprano: ...
  6. SiteEffect.io
  7. Bounce.js

May 2014

  1. Hipster Domain Finder
  2. Twitter / CommitStrip: Don't try this at work ...
  3. How to Use Google DFP and Adsense on a Responsive Website
  4. Pragmatic, simple tooltip - JSFiddle
  5. Improving Sass code quality on theguardian.com | Info | The Guardian
  6. WTF, forms?
  7. Morphing Buttons Concept | Demo 1
  8. Single Element CSS Spinners
  9. StyleStats - Useful tool to collect CSS statistics
  10. Docs on Performance Considerations · Issue #878 · Modernizr/Modernizr · GitHub
  11. Google Web Fundamentals

April 2014

  1. Velocity.js
  2. Response JS: mobile-first responsive design in HTML5.
  3. Legalese | A Working Library
  4. refills.bourbon.io
  5. Responsive Man
  6. Parsley - The ultimate javascript form validation library
  7. Progress Button Styles
  8. Superhero.js
  9. Responsive Email Patterns
  10. Comic Neue: the Comic Sans font made lovely. comicneue.com
  11. Brand identity style guides from around the world | Logo Design Love

March 2014

  1. WTF, HTML and CSS?
  2. Atomic Design | Brad Frost Web
  3. Code for America Style Guide
  4. Future Friendly Style Guides // Speaker Deck
  5. Device-Agnostic | Trent Walton
  6. Dynamic Dummy Image Generator - DummyImage.com
  7. Fluidity
  8. Documentation - Bootflat
  9. Code rant: Coconut Headphones: Why Agile Has Failed
  10. Gimme Bar : Front end styleguides and pattern libraries
  11. Front-end Style Guides ◆ 24 ways
  12. Styleguide — Paul Robert Lloyd
  13. Code Guide by @mdo
  14. CSS Shake
  15. Workflow examples
  16. Front End Ops - Ian Feather
  17. Trta63mx

February 2014

  1. Wintersmith
  2. Automating The Development, Build, and Deployment Process with Grunt - David Tucker
  3. Wk37cvst
  4. A re-introduction to JavaScript (JS Tutorial) - JavaScript | MDN
  5. UX Crash Course: 31 Fundamentals | The Hipper Element
  6. bjankord/CSS-Components-Modifiers-And-Subcomponents-Collection
  7. What Nobody Told You About Sass's @extend
  8. Understanding placeholder selectors
  9. Stubbornella » Blog Archive » The media object saves hundreds of lines of code
  10. Methodology/BEM
  11. Methods for Modifying Objects in OOCSS (@extend: A Fool’s Gold) – Oliver Joseph Ash
  12. git - the simple guide - no deep shit!
  13. What’s more effective: Long or short landing pages?
  14. Royalty Free HD Video Clip Backgrounds, Stock Footage clips - YouTube
  15. Vb4hdzzr
  16. UK Hub
  17. Objects in Space — Objects in Space — Medium
  18. CSS Architecture — Philip Walton
  19. ftlabs/fruitmachine
  20. Generating Documentation for CSS Components
  21. HTML5 Placeholder Input Fields Fixed with jQuery
  22. neiesc/ListOfMinimalistFrameworks · GitHub
  23. Twitter / deeje: #renio interesting! Facebook ...

January 2014

  1. How to structure a Sass project
  2. A More Modern Scale for Web Typography | Design in the browser with web fonts and real content — Typecast
  3. Superfamous - Folkert Gorter
  4. Huddle/PhantomCSS
  5. CSS Regression Testing
  6. How to keep up to date on Front-End Technologies - The Recipe
  7. Hide your header on scroll - Headroom.js
  8. Where the best designers go to find photos and graphics | Blog
  9. New Old Stock
  10. scottjehl/Respond
  11. Bulletproof Accessible Icon Fonts
  12. Z63 | Vertical align anything with just 3 lines of CSS |
  13. Where the best designers go to find photos and graphics

2013 179

December 2013

  1. SpinKit | Simple CSS Spinners
  2. Myth - CSS the way it was imagined.
  3. A jQuery plugin for extracting dominant colors from images and applying it to its parent
  4. wIMG screenshot grabber
  5. guardian/frontend · GitHub
  6. csswizardry/inuit.css

November 2013

  1. ResponsiveAds | Ad Formats & Showcase
  2. CSSDB: A Database Of CSS Libraries
  3. LukeW | An Event Apart: Rolling Up Our Responsive Sleeves
  4. Wmj96j42
  5. Setting up an OS X machine
  6. Posts from 2013 4
  7. Setting Up an OS X Machine 2013-11-15
  8. High Performance Animations - HTML5 Rocks
  9. Pattern Library | MailChimp
  10. Ink: A Responsive Email Framework from ZURB
  11. CSS px is an Angular Measurement
  12. Favicon Generator - Generate favicon pictures and HTML
  13. Automating Front-end Workflow
  14. CSS 101: Block Formatting Contexts - YUI Blog
  15. Interview Questions and Exercises About CSS | CSS-Tricks
  16. Off Canvas layout pattern
  17. CSS Systems - writing maintainable CSS
  18. Dribbble - blog-ui.png by Riki Tanone
  19. Flat UI and Forms · An A List Apart Article
  20. Responsive HTML Emails: a Different Strategy - Fog Creek Blog

October 2013

  1. Make Chrome DevTools responsive with media queries | dayjo.org
  2. Focus transition
  3. Part Two — Optimizing The Design Workflow With Fireworks Extensions | Smashing Fireworks
  4. rupl/frontend-ops
  5. gruntjs/grunt-contrib-watch
  6. Lullabot/tractor
  7. snaptortoise/jekyll-rss-feeds
  8. desandro/classie
  9. Responsive Web Design with Sass+Compass
  10. Easing Functions Cheat Sheet
  11. Jekyll
  12. Working with Jekyll and the asset pipeline
  13. Working With Jekyll and the Asset Pipeline 2013-10-04
  14. Jekyll 2013-10-04
  15. Categorising front end ticket severity
  16. Categorising Front End Ticket Severity 2013-10-03

September 2013

  1. Responsive Elements - Helps you build better responsive websites
  2. CSS3 cheat sheet
  3. jQuery Learning Center
  4. Facebox: Stock Avatars for User Interface and Presentations
  5. Trunk-js | A Responsive Web Solution
  6. Delivering 60 FPS in the browser - Crash course on web performance (Fluent 2013) - YouTube
  7. animo.js • Labs by Big Room Studios
  8. Why cards are the future of the web | Inside Intercom
  9. Prinzhorn/skrollr
  10. So, You Want to Be a Front-End Engineer?
  11. A Modern Web Designer's Workflow
  12. favico.js - Make a use of your favicon
  13. Compress PNG Images Online
  14. Masonry
  15. Sassaparilla – Start your Responsive Web Design Projects the fast way
  16. Learn AngularJS With These 5 Practical Examples | Tutorialzine
  17. Learn AngularJS in 5 steps - revolunet blog

August 2013

  1. Sidebar Transitions
  2. 60 free resources you really must try
  3. PNG optimization? Here you go, two useful online tools: TinyPNG (tinypng.org), CompressPNG (compresspng.com)
  4. Using Remote Image Files When You Develop Locally
  5. FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.
  6. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
  7. NProgress: slim progress bars in JavaScript
  8. CSS Quick Tip: CSS Arrows and Shapes Without Markup - YUI Blog
  9. Content Choreography
  10. Flat design casts a long shadow
  11. ImageField Focus | drupal.org
  12. How to animate media queries

July 2013

  1. Universal Internet Explorer 6 CSS — Stuff & Nonsense, And All That Malarkey
  2. JSbooks - free javascript books
  3. How to turn your icons into a web font
  4. 15 inspirational approaches to CSS
  5. Getting started with Edge Animate
  6. Fixing the IE7 Submit Value « Rommel Santor's Clog
  7. Michel Fortin – Multi-Safari
  8. Style Guide Boilerplate

June 2013

  1. dypsilon/frontend-dev-bookmarks
  2. A badass list of frontend development resources I collected over time.
  3. ScrollToFixed Plugin Demo
  4. magic css3 animations
  5. Meet dpi.lv: More than you probably wanted to know about screen DPI
  6. How to develop a responsive workflow
  7. Responsively Retrofitting An Existing Site With RWD Retrofit
  8. TodaysMeet
  9. spin.js
  10. T5f4699c
  11. BARREL | Text-align: Justify and RWD
  12. Adrian Roselli: IE10, Metro, and Media Queries
  13. Does Your Home Page Pass The Simplicity Test?

May 2013

  1. Ghost: a crowd-funded blogging platform, launching soon
  2. LukeW | An Event Apart: 10 Commandments of Web Design
  3. Flat UI Kit (free download!)
  4. Building The New Financial Times Web App: A Case Study
  5. low quality images
  6. Firestorm: The story of the bushfire at Dunalley | World news | guardian.co.uk
  7. Superfish as dropdown drawer
  8. Responsive Web Design just got Easier with the Responsive Grid System
  9. Red Pen
  10. Showing a CSS Based Loading Animation While Your Site Loads
  11. Code smells in CSS – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
  12. FAQ | Edge Reflow CC (Preview) | Edge Tools & Services | Adobe & HTML
  13. On Swearing and UX Antipaterns | Terence Eden has a Blog
  14. fartscroll.js by theonion
  15. Mhshfwd9
  16. CSS Background Animations
  17. Magnific Popup: Responsive jQuery Lightbox Plugin

April 2013

  1. The Project
  2. How to stay up-to-date
  3. Dan Wellman » Fixing jQuery Click Events for the iPad
  4. Flat UI Colors
  5. Making it Work: Flat Design and Color Trends - Designmodo
  6. Usability checklist | Userium | Catch common usability problems before user testing.
  7. Chardin.js
  8. javascript - Listening to mousedown AND touchstart on devices that use touch and a mouse (e.g. Surface) - Stack Overflow
  9. internet explorer - Simulating :active with jQuery - Stack Overflow
  10. LayoutIt! - Interface Builder for Bootstrap
  11. “Right click and save as” needs to go away
  12. Gridset | Features
  13. ptb/flexgrid: a flexbox-based CSS grid in 3.6k - ptb2.me
  14. Fashionably flexible website design by Stuff & Nonsense
  15. CSS3 Transitions Without Using :hover | Impressive Webs
  16. Facebook Style Slide Out Menu in jQuery Mobile | A Blog for Aldo Lugo a Front-end Developer & Designer from Dallas, Texas
  17. html - Why does a button element's height not match that of a sibling input element with same height properties? - Stack Overflow
  18. csscss by zmoazeni
  19. Initializr - Start an HTML5 Boilerplate project in 15 seconds!

March 2013

  1. HTML5 Video Player | Video.js
  2. IcoMoon App - Icon Font Generator
  3. Superhero.js
  4. Pull Quotes with HTML5 and CSS — miekd
  5. Government Digital Service
  6. The Responsinator - www.aat.org.uk
  7. small-screen navigation patterns
  8. How to lose weight (in the browser)
  9. Best Collection of Pixel Icons for Web and UI Design
  10. Breaking down Amazon’s mega dropdown - Ben Kamens

February 2013

  1. Responsive Mobile Navigation Menu - Methods and Solutions | Queness
  2. Batch • 300+ Icons for Web & User Interface Design
  3. Twitter Engineering: Twitter Typeahead.js: You Autocomplete Me
  4. Adding Pointers to jQuery UI Tooltips - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development
  5. Creating fancy CSS3 Fade in / animation on page load using keyframes
  6. balupton/history.js · GitHub
  7. Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
  8. chadselph/jquery-typewriter · GitHub
  9. Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
  10. How To Use Media Queries For Device Targeting - Vanseo Design
  11. Responsive Web Design · An A List Apart Article
  12. Style Stripper | drupal.org
  13. mothership | drupal.org
  14. The Main Tap › PatternTap
  15. Style Guide | drupal.org
  16. Creating A Pattern Library With Evernote And Fireworks | Smashing Fireworks
  17. Favrik: Bash shell script to setup a web project development environment
  18. BBC - GEL (Global Experience Language)
  19. "Stop designing pages!" Session by Tom Bamford at Drupal Camp NW 2012 on Vimeo
  20. Style Tiles
  21. modern.IE: Testing made easier in Internet Explorer | modern.IE | Microsoft

January 2013

  1. Media queries & Drupal | Millwood Online
  2. jQuery Mobile Docs - Navbar
  3. Caching Tutorial for Web Authors and Webmasters
  4. cameronmcefee/plax · GitHub
  5. Pure CSS speech bubbles – Nicolas Gallagher
  6. Native HTML5 Number Picker and jQuery UI's Spinner - Which to Use? - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development
  7. jquery/globalize · GitHub
  8. jQuery UI Widget Factory
  9. Backbone.js intro
  10. Backbone.js
  11. Web Developer Checklist
  12. ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting
  13. Animate.css - a bunch of plug-and-play CSS animations
  14. All You Need to Know About CSS Transitions
  15. Ceaser - CSS Easing Animation Tool - Matthew Lein
  16. Separate Mobile Website Vs. Responsive Website | Smashing Mobile
  17. three.js - JavaScript 3D library
  18. CSS3 PIE: CSS3 decorations for IE
  19. Pens picked by the Editors of CodePen
  20. Fontello - icon fonts generator

2012 33

December 2012

  1. Viewport resizer
  2. Home - Scalable and Modular Architecture for CSS
  3. yepnope.js | A Conditional Loader For Your Polyfills!

November 2012

  1. Using JQuery to Warn Users About Losing Data When Navigating Away from Form
  2. A new micro clearfix hack – Nicolas Gallagher
  3. logging - Get svn log for whole day for specific user - Stack Overflow
  4. Fixing IE z-index | CSS-Tricks

October 2012

  1. Javascript: How to remove characters from end of string? - Stack Overflow
  2. Open Dyslexic - Dyslexia Fonts
  3. jQuery.pulse.js by jsoverson

September 2012

  1. Choosing a WYSIWYG Editor for Drupal | Chapter Three
  2. Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
  3. Google Apps update alerts: Supporting modern browsers: Internet Explorer 8 support discontinued
  4. The Joys Of Preprocessing | Drupaler
  5. gauge.js
  6. Continuum Javascript Ratio Calculator
  7. Testing sites with Browser Mode vs. Doc Mode - IEBlog - Site Home - MSDN Blogs
  8. theme_form_element | form.inc | Drupal 7 | Drupal API
  9. jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.
  10. Chrome, Safari See Browser Market Share Increase Worldwide

August 2012

  1. TinyNav.js · Convert navigation to a select dropdown on small screen
  2. Module Monday: Fences | Lullabot
  3. Adaptive Image | drupal.org
  4. Plugins/Validation/validate - jQuery JavaScript Library
  5. Let's Do Something About Drupal's Theme System - jacine
  6. Subtle Patterns | Free textures for your next web project
  7. Add (+/-) Button Number Incrementers | CSS-Tricks
  8. IE Destroyer | drupal.org
  9. Untitled (http://i.imgur.com/vkAjo.jpg)
  10. 765645 – Millions of web pages use the -moz-opacity:0.7 tag and in javascript. It's broken now since FF 13.01. Please can you "alias" it back into your main browser code. Thanks.
  11. Spark | drupal.org

June 2012

  1. Light Table by Chris Granger — Kickstarter

March 2012

  1. Adaptive Images on Vimeo

2001 6

January 2001

  1. Basil
  2. Bertie
  3. Bungle
  4. George
  5. Leon
  6. Zippy

2016–2026 →