Just yesterday it came to my attention that you can run composer outdatedto check if newer versions of dependencies you are using exist: Composer → Related: npm-check-updates does the same for Node
Tag Archives: link
Reactotron
ReactiveElements: Convert React.js components into Web Components
Create your component as you normally would, and then register it on the document using document.registerReact(…) /* @jsx React.DOM */ MyComponent = React.createClass({ render: function() { console.log(this.props.items); // passed as HTML tag`s argument console.log(this.props.children); // original tag children return <ul><li>React content</li></ul>; } }); document.registerReact('my-react-component', MyComponent); You can then use it as follows: <body> <my-react-component items="{window.someArray}"></my-react-component> …
Continue reading “ReactiveElements: Convert React.js components into Web Components”
What does it cost to host Unsplash?
Take a quick guess: What do you think it costs to host one of the largest photography sites in the world for a month? $1,000? $10,000? $50,000? Before starting Unsplash, I would have had no idea. No one talks about this stuff and I’m not really sure why. Let’s change that. Great, transparent, insight on …
A Complete Guide to CSS Grid Layout
Great cheat sheet / guide by Chris House, on Grid Layout — a CSS spec that has gotten me really excited ever since it has been announced (over two years ago): My intention with this guide is to present the Grid concepts as they exist in the very latest version of the specification. So I …
ES6 ES2015 in Depth
There’s a good set of articles on ES6 ES2015 over at Pony Foo: Promises, Arrow Functions, Template Literals, Classes, Modules, Array Extensions, Destructuring, Iterators, Maps, Proxies, … it’s all covered. The post ES6 ES2015 Overview in 350 Bullet Points is a nice summary of ‘m all. Pony Foo: Articles tagged es6-in-depth →
CSS: Selecting a range of elements
Say you want to select the 7th up and to the 14th element of a set of elements. It’s possible, using this selector: ol li:nth-child(n+7):nth-child(-n+14) { background: lightpink; } See the Pen Selecting Ranges of Elements with CSS on CodePen. (from 12 Little-Known CSS Facts (The Sequel)) Related: Quantity Queries for CSS →
Using Machine Learning to generate Super Mario Maker levels
How you can use Facebook to track your friends’ sleeping habits
“lastActiveTimes”: { “3443534”: 1456065265, “675631492”: 1456066386, “8657643”: 1456062331, “255277634”: 1456052450, “6423324”: 1456065173, “235323452”: 1456065096, “3265233223”: 1456066381, “2432885644”: 1456064016, “7464340313”: 1456062500 } In the HTML source code of Messenger.com you can find an object containing userids associated with timestamps of last activity – as shown above. Given this it’s really easy to scrape and combine this …
Continue reading “How you can use Facebook to track your friends’ sleeping habits”
Designing More Efficient Forms: Structure, Inputs, Labels and Actions
I see it happening a lot: forms without any structure, with wrong types of inputs, with no proper labels, with … – And that’s a bad thing. All the required HTML elements (<fieldset>, <input> types, <label>, etc.) are there, so why not use them? This article has a nice writeup on how to properly create …
Continue reading “Designing More Efficient Forms: Structure, Inputs, Labels and Actions”