')}a[href^="https://twitter.com"]::before{content:url('data:image/svg+xml;utf8, ');vertical-align:-.3ex}a[href^="https://www.youtube.com"]::before,a[href^="https://youtu.be"]::before{content:url('data:image/svg+xml;utf8, ');vertical-align:-.05ex}a:visited::before{opacity:.15}::selection{color:#fff;background:#bada55}::-moz-selection{color:#fff;background:#bada55}
Tue Promi
sees Promise visualization playground for the adventurous a really sweet promise visualizationre: What's the best, if any, way to detect "conflicts" w/ CSS vars names between components? ; answered by Monica Dinosaurescu of polymer via me An iOS developer on React Native ; via Rafał Bromirski 3030 game chrome bug turned into a "fun" game; via Addy Osmani so it turns out, you can npm install linux
now (on OSX, but still)How To Protect SSH With Two-Factor Authentication not that I would recommend that, but an interesting idea; via Randall Koutnik What forces layout / reflow a quite extensive list by Paul Irish The HTTP/2 implementation (RFC 7240, 7241) in nginx; via Ilya Grigorik Accessibility Developer Tools for chrome - a must-have , IMOListen to your engineers. ; via Stefan Judis SpeckJS Comment Driven Development ; via Łukasz Kliś Moebio Framework Moebio Framework is a JavaScript toolkit for performing data analysis and creating visualizations. we'll see about that :)...; via Radimir Bitsov HTTP 203 goes podcast! ; via Jake Archibald Wed The toxic side of free. Or: how I lost the love for my side project (part 2) by Remy Sharp Polymer Summit 2015 videos had a pleasure to attend it - worth watching ;)"Native apps can’t out-web the web, and web apps should embrace that." ; via Reginald Braithwaite dom-class A lightweight, cross browser, simplification of WebComponents. by Andrea Giammarchi interesting conceptI'm a c++ programmer. Please sell me on javascript. ; via Axel Rauschmayer Demystifying GraphQL by Gerald Monaco React Native for Android: How we built the first cross-platform React Native app React is at it again, eh?Slider Design: Rules of Thumb ; via Stephanie Walter A proof that React is NOT the new jQuery ;)Modernizr 3: A new release and website Tonic the * repl for node proposal to add document.ready
promise Tue Less CSS mess ; via Harry Roberts Never see localhost SSL warnings again ; via Mike MacCana Mon Seems like I am slowly leaning towards "tom's weekly" - hard to find spare time to read ATM ;-)
5 Questions Every Unit Test Must Answer by Eric Elliot Getting Started With Falcor ; via Jesus Rodriguez IT "translator" History API: Scroll Restoration by Paul Lewis Accessibility - beyond the screen reader ; via Heydon Pickering Flash-Free Clipboard for the Web ; via Alex Rauschmayer SocketCluster An open source framework to build your own scalable realtime apps and microservices. ; via Randall Koutnik 2014 The Year in Interactive Storytelling, Graphics and Multimedia by The New York Times ; via Stefan Judis Standards for Web apps on mobile – August 2015 ; via Stefan Judis Automating resource selection with Client Hints interesting...; via Stefan Judis HTTP/2 - 115 days with the RFC Are JavaScript Comments Useless? ; via Axel Rauschmayer github: Protected branches and required status checks Tue It's been a while, eh? brace yourself - today's list will be the longest, thus far. Sorry for the missing sources - got lost, since I had the list below bookmarked...
CSS modules tempted to use this soonish Things you can do with native DOM from the maybe I don't have to use jQuery for this one task collectionFalcor A JavaScript library for efficient data fetching I've been waiting for this one, to be honestProper testing of Angular JS applications with ES6 modules not ideal for every situation, but worth readingLessons Learned From Reading Postmortems The worst mistake of computer science backdooring your javascript using minifier bugs querySelectorAll from an element probably doesn't do what you think it does Introducing vtop — A Terminal Activity Monitor in Node.js ; via Rafał Bromirski Cameron’s World How to write a great error message ; via Stefan Judis Why you probably want to disable jQuery.parseHTML
even though you don't call it AKA jQuery and XSS; via Web Platform Daily The JavaScript Misdirection Contest ; via Axel Rauschmayer Mo’ Tools, Mo’ Problems A Guide to Picking the Perfect Design Tool “DRY” is about a code smell, not a principle unto itself. The principle is that of Single Responsibility. true datSexyCyborg goes Pentesting 💩 Ads add 17 seconds (+340%) to this website’s load time ; via 10 Ad Blocking Extensions Tested for Best Performance Stop Using React for EVERYTHING! ; via Christian Heilmann Death to Bullshit ; via Brad Frost How to view-source of a Chrome extension by Paul Irish What’s your legacy? by Marcy Sutton A tmux
Primer ; via Randall Koutnik first implementation of requestIdleCallback
is in Chrome Canary Selecting an entire sentence within a paragraph via double click with -ms-user-select: element
in Edge 7 Rules for Creating Gorgeous UI (Part 1) A non-artsy primer in digital aesthetics ; via Greg McVerry “TDD creates consumption awareness: when you create a unit test, you are creating the first consumer of the code under development.” infinite unwinder ; via Hakim El Hattab Fri Getting the “abc” right by Andrea Giammarchi Performance update #2: Electric Boogaloo insight @ improvements by Vox media; via Scott Jehl Thu Facebook.com is now compiled with babeljs Ember.js 2.0 released Things You Should Never Do, Part I The bigger the rewrite, the bigger the waste of time ; via Randall Koutnik Push Notifications on the Web - Google Chrome useful, as I've been playing around with those recently; via Ilya Grigorik GitHub Desktop is now available The Language of Modular Design - at least 3 sources for this one - good readBuilding a desktop application with Electron A detailed guide on building your very own sound machine using JavaScript, Node.js and Electron ; via Axel Rauschmayer Browser Trends August 2015: Chrome Exceeds 50% 🎉 IE9/10 below 2% each 🎉; via Lea Verou Understanding Critical CSS Blurring Is the Auto-Tune of UI Design … …and Other Things We Thought About While Designing Wildcard 2.0 ; via Chris Coyier Wed tower of babel ; via Rafał Bromirski The Hamburger Menu Doesn't Work ; via Radimir Bitsov how DNS works ; via Raquel Vélez Comparing Performance of Blaze, React, Angular-Meteor and Angular 2 with Meteor I Want These Bugs Off My Internet As presented at Defcon 23 in 2015, I'm talking about how hackers can make the web better, faster, and way more secure. No more Clickjacking! ; via Jan Lehnardt Mon Well, actually; Not all semicolons… Kyle Simpson on clear vs clever ; via Roman Blöth Updated Let's Encrypt Launch Schedule The technology behind preview photos ; via Open Web Platform Daily What the Flux?! Let’s Redux. ; via JavaScript Weekly Bringing SSL To Your Private Network by Andrea Giammarchi Here is a regex to match a regex Scratch JS Write and execute ES6 within DevTools! - a chrome extensionIntroducing Backdrop Filters ; via Sara Soueidan PostCSS – Sass Killer or Preprocessing Pretender? ; via Front-end Five Thu Why I am switching to promises ; and yet, some people are still stuck @ callback-hellPromise nuggets Getting started with ECMAScript 6 A tiny static files serving handler for nodeWed Working out what DNS to prefetch ; via Christian Haeringer codedoodl.es ; via Rafał Bromirski BLCK4777 by p01 The PourOver Book ; via somekittens ; PourOver is a library for simple, fast filtering and sorting of large collections – think 100,000s of items – in the browser. It allows you to build data-exploration apps and archives that run at 60fps, that don’t have to to wait for a database call to render query results. - interestingTue cat vs ball of wool lovely!Opera 31 released Asynchronous JSON methods for ECMAScript proposal ; via Sindre Sorhus Non-blocking Asynchronous JSON.parse Using The Fetch API ESLint v1.0.0 released Fix scrolling performance with CSS will-change property Redesigning Chrome Android. Part 2 of 2 Layout, UI and motion design AngularJS 2.0: what we can look forward to , diary.js looks interestingUpdate on standardizing shadow DOM and custom elements Effective JavaScript Codemods Tool assisted code modifications can help evolve complex systems incrementally and aid in maintaining the health of large codebases. A Designer's Guide to Wearables those animations! via Sara Soueidan Wed Too Many Tools and Frameworks Pageload Perf Audits with DevTools Filmstrip in Chrome by Paul Irish Stephen Hay | The Back(side) of the Class | CSS Day Tue A Visual Introduction to Machine Learning ; via Rafał Bromirski Web Design: The First 100 Years The Verge's web sucks ; via Christian Heilmann Lightbeam for Firefox Shine a Light on Who’s Watching You Mon Javascript, locking and sound, brought to you by the letters W, T and F Stretchy: Form element autosizing, the way it should be by Lea Verou Routing your build to container-based infrastructure in TravisCIThe Refactoring Tales by Jack Franklin Speeding up Javascript Test Time 1000x lucifer Hot, hot test reloading from Javascript Stop classifying JavaScript ; still, I like the es6 class
DNA + OAuth2 Polymer Summit Monday, September 14th & Tuesday, September 15th, 2015 ; via Oliver Schmidt The size of web fonts (per page) quadrupled over the last 2 years by Šime Vidas ttl podcast with Ilya Grigorik, Google about http/2 px2svg Converts raster images to SVG, using color-run optimization. ; via Smashing Magazine Screenings Watch. Learn. Design. 26 digital typography rules for beginners RxMarbles Interactive diagrams of Rx Observables Fri What do ES6 modules export? by Axel Rauschmayer ; via Open Web Platform Daily Proposal for Encoding Source-Level Environment Information Within Source Maps ; via Open Web Platform Daily Big list of http static server one-liners Thu PostCSS: The Future is Here Stop Gratuitous UI Animation bocker Docker implemented in 100 lines of bash. vorlon.js An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Mozarella Firefox - supposedly "old"Google+: A case study on App Download Interstitials ; tl;dr don't force your users to install something they didn't apply forWed The 5 ES7 Decorators I want to use, now. ; via JavaScript Live RegEx match open tags except XHTML self-contained tags ;)Tue Minimalist examples of ES6 functionalities ; via Rafał Bromirski CSS snapping is pretty cool! petty cool idea; via Rafał Bromirski Mon Aborting a fetch interesting discussionStyleguide A tool to make creating and maintaining styleguides easy. ; via Jonathan Snook Smartphone Test Farm ; via Christian Heilmann ES6 In Depth: Proxies Fri coverr beautiful, free videos for your homepage Double Doyle mesmerisingESLint 1.0.0-rc-1 released SMIL deprecation in Chromium same goes for Blink; via Sara Soueidan dimple An object-oriented API for business analytics powered by d3. Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg
, canvas
, and webgl
. Thu The DOM is getting better Many of this newer DOM functionality is very close to jQuery methods, and were probably based upon jQuery’s ease of use. ; via Axel Rauschmayer Styling SVG <use>
Content with CSS by Sara Soueidan Wed What is npm’s prepublish
, and why is it so confusing? An important tweet from the European Blind Union I am guilty of that, lesson learnedjQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released ; via Stefan Judis Spot the unsubscribe! When email marketing met Where’s Waldo? ; by Lea Verou Echochamber.js Commenting without the comments genius and some pages could REALLY use some of thisTue The boring front-end developer ; via Christian Heilmann Performant CSS Animations: Netflix Case Study ; via Radimir Bitsov ; I whipped up a quick demo A Formal Commitment to New Language Features from jshint
teamRidiculously Responsive Social Sharing Buttons Optimising a canvas animation by Remy Sharp Mon Your First GraphQL Server Grommet ux framework based on reactjsWhy typeof
is no longer “safe” Fri Introducing Incremental DOM skeleton A dead simple, responsive boilerplate. (am I late to the party?)materialup ; via Stefan Judis Thu dailyJS is no more I've decided to stop writing DailyJS. It's part of my weekday ritual, and so it's a difficult decision to make, but it's time to move on to other things. Blowing up LocalStorage (or what happens when you exceed quota) ; via Eric Elliot CSS via npm Stealing Lastpass Passwords With Clickjacking Revving up JavaScript performance with TurboFan genfun Prototype-friendly multiple dispatch for JavaScript. 10 Reasons To Use HTTPS ; via Remy Sharp Tue Introducing Material Design Lite by Addy Osmani Mon How fast are web workers? Sun Perf audit: Loading performance of reddit mobile by the one and only Paul Irish ; via Stefan Judis a MUST-READ Making performant React applications Fri Death to Icon Fonts ; via Stefan Judis The introduction to Reactive Programming you've been missing ; via Christian Haeringer React v0.14 Beta 1 fly New Generation Build System ; via Christian Haeringer ; this comment is worth readingThu A reference implementation of GraphQL for JavaScript ; via Christian Heilmann Wed Tail call optimization in ECMAScript 6 Mathematical Web Typography Rethink Digital Newspapper - NYT design concept; via Kornel a cheat-sheet for mathematical notation in code form Introducing moron.js – a new ORM for Node.js Tue Understanding HTTP Strict Transport Security (HSTS) and preloading it into the browser ; via Stefan Judis Go Offline -- Polycasts #19 Take your Polymer app offline, without writing a single line of JavaScript! Behold the power of Service Worker! ES6 Katas Just learn a bit of ES6 daily, take one kata a day and fix it away. ; via Christian Heilmann Mon Accessible Footnotes with CSS My name is only real enough to work at Facebook, not to use on the site - interesting read @ facebook’s „real name policy”Web performance: Cache efficiency exercise Viewport sized typography with minimum and maximum sizes ; via Christian Heilmann Sat Angular UI-Router v1.0 preview AngularU videos ; via Radimir Bitsov Chill the lion SO AWESOME!Fri ES6 performance across implementations ; via kangax Colin Megill - Inline Styles are About to Kill CSS ; via Jonathan Snook WPD 500 🎇 congrats Open Web Platform Daily 🎇Introducing Famous Mixed Mode damn, that's crazy (inception!); via John-David Dalton Directory upload proposal; via Mathias Bynens CSS modules - mixed feelings... also, there's this article Designing For (and With) Color Blindness A General Theory of Reactivity by Kris Kowal JS Open Day presentation about ES6 hype by Andrea Giammarchi Thu Apple will change to <link rel="mask-icon" href="whatever.svg" color="#aabbcc">
creative form input field design examples ; via Lea Verou Rendering Improvements for Atom Top 2 "favorite Flux implementations" Presentation: Mobile is eating the world Rethinking the $() by Andrea Giammarchi Atom 1.0 nice!Tue Dealing With Compiled Files in Git cuid Collision-resistant ids optimized for horizontal scaling and performance. CSS Nesting Module Level 3 looks promisingUniversal JavaScript - tl;dr: stop using the term isomorphic javascript Two React Tips moon - the way "comming soon" pages should be doneCreating Non-Rectangular Layouts With CSS Shapes SSL now available to all - tl;dr: jsbin supports https for allBe mobile friendly with the new W3C Mobile Checker Fri Conical gradients, today! by Lea Verou Git Fake Submodules ; via Eric Elliot Thu Optimizing An Important Atom Primitive From ASM.JS to WebAssembly by Brendan Eich Adieu Adieu replaces annoying banner ads with images you want to see. ; I like the idea, I dislike the pricing... $5 for 500 ads? today it will probably last for less than a day :(WebAssembly (...) WebAssembly, that defines a portable, size- and load-time-efficient format and execution model specifically designed to serve as a compilation target for the Web. How to fix the class
keyword (Brendan Eich) Example of real world usage of function bind syntax - interestingThe state of Web Components Progressive Apps: Escaping Tabs Without Losing Our Soul by Alex Russel Medium's Progressive App install experience in the wild. Guitar Tuner by Paul Lewis Wed Milestone ECMAScript 6 on track for June release ; via Axel Rauschmayer so there's an API to read vehicle data - color me surprisedSnoop Dogg for CEO of Twitter :)Things I've Learned About Building & Coding HTML Email Templates - this one got lost in the open tabs...Why am I so afraid of mingling? by Pamela Fox Tue favicon-bug huge favicon can (and currently will) make your browser/system crash; via Stefan Judis Data use and privacy in Web services - an interesting read @ Tim Cook’s fundamentally incorrect speach about tech giants selling yor data; via Jake Archibald Pac-Man in < 512 Bytes of HTML and JavaScript - those things never seize to amaze meNode.js Foundation Advances Community Collaboration, Announces New Members and Ratified Technical Governance Mon AngularJS related advices by Dean Sofer ; make sure to check out the whole repo tooJavaScript Code Smells ; via Radimir Bitsov Firefox is about to add SVG site icons (favicons, shortcut icons) support and seems to be the first one to do so Apple's new not-quite-favicon syntax causing problems in other browsers; needs standardization? i don't even... ughWriting a Non-blocking JavaScript Quicksort react-stampit A specialized stampit factory for React . thread about method compilation techniques in jsblocks Polymer for the Performance-obsessed by Paul Lewis What I’ve Learned Working on a Large Open-Source Framework by Marcy Sutton , developer and accessibility specialist @ Angular Material Sun Announcing “Exploring ES6” by Axel Rauschmayer Fri position: fixed + overflow: hidden + (plus some relative positioning and z-index stuff) Securing access to Wikimedia sites with HTTPS by default sweet!Thu Collateral damage - on Safari’s built-in ad-blockingMaterial design icons SVG defs sprite generator - by yours truly, because I needed it (feedback welcome!)Don’t use pie charts. "Whose state is it, anyway?" — Further thoughts about React JavaScript for Virtual Reality by Liv Erickson at JSConf Budapest 2015 Is HTML ‘complete’? by Bruce Lawson New preview of ES6 fat arrow functions in Chrome by Addy Osmani ; via Rafał Bromirski Wed Style Guide Best Practices slides by Brad Frost Silon - Implementing logic gates and adders in pure CSS Against CSS in JS 25 Coders Worth Following on Twitter in 2015 tota11y - an accessibility visualization toolkit It’s The Future - fun read :)Tue demo of D3 4.0’s forthcoming adoption of ES6 modules - This minified and gzipped build of D3 is only 3,610 bytes, a savings of 93% over the default build! :OHow to undo (almost) anything with Git Mon Paris Metro lines on a Git graph Cerebral developer preview - a different take on application state handlingbaobab - JavaScript persistent and optionally immutable data tree with cursors. why it’s better to avoid using SVG fonts anymore rjx observables vs promises Block shock - Internet users are increasingly blocking ads, including on their mobiles Sun 9 Square Pens - lovely!Measure your site performance when optimized by the Google optimized pages transcoder ; via Stefan Judis ; fun fact: this page got worse by +1.221s (27.1%) Why will Angular 2 rock True Hash Maps in JavaScript Fri FoxYeah - not really sure how do I feel about itGitUp - git GUI for osXunderdash lodash & underscore are having a babyMakefile intro by Isaac Z. Schlueter Thu gulp v3.9.0 is out Wed Auditing GitHub users’ SSH key quality sweet dream webGLTue Fetch API POST request body not visible in dev tools Tiny two way data binding by Remy Sharp Mon scroll-jacking is interface-jacking how to create abstract base class in javascript that can't be instantiated Mitt Romney webfont problem why loading fonts matteras a new developer good read about how hard it is to get into developing todayfacebook addiing option to send encrypted emails Building SVG Icons with React Supercharging page load (100 Days of Google Dev) by Jake Archibald how Sprout Social converted from Less to Sass note to self: @at-root
Is ReactJS really fast? Tools To Notify You When Dependencies Update