Search
The Easiest Way To Add Input Masks To Your Forms
28.5.2018
We take a look at a useful JavaScript library that allows us to create input masks for our text fields
Responsive tables, revisited
16.5.2018
Lea Verou with some extra super fancy CSS trickery. No way we could miss linking this one up!
One of the problems with responsive table solutions, at least the ones where you are using CSS to rejigger things, is that there is duplicated content somewhere. Either in CSS or HTML.
Lea finds two ways...
Upgrade AngularJS Sorting Filters to Angular
14.5.2018
In the early days of AngularJS, one of the most celebrated features was the ability to filter and sort data on the page using only template variables and filters. The magic of two-way data binding
Web Scraping Scotch: The Node Way
14.5.2018
A lot of new web technologies and design paradigms have emerged in the last couple of years. Some programming languages are beginning to gain increasing popularity. It's very likely to have heard a
How to Get a React Component’s Element
14.5.2018
JSX is an amazing pseudo-language for React, and if I’m honest, it’s what brought me to love React so much. Using React without JSX is cumbersome and frustrating, while using JSX is such an easier way to express your code. One drawback of JSX, however, is that it makes accessing...
Collective #414
10.5.2018
Guess.js * Styling buttons, the right way * Ranger * Fugue * First Input Delay * Themify * What's right with css-in-js
Collective #414 was written by Pedro Botelho and published on Codrops
Where Lines Break is Complicated. Here’s all the Related CSS and HTML.
9.5.2018
Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way into copy. What happens? It depends on the CSS. How that CSS is controlling the layout and what the CSS is telling the text to do.
This...
Grid Level 2 and Subgrid
8.5.2018
I find the concept of subgrid a little hard to wrap my mind around.
I do understand the idea that we want to use nested semantic markup as we like and have elements participate in one grid so we don't have to flatten our markup just for layout reasons. But that is largely handled by display:...
Vertically Centering with Flexbox
8.5.2018
Vertically centering sibling child contents is a task we’ve long needed on the web but has always seemed way more difficult than it should be. We initially used tables to accomplish the task, then moved on to CSS and JavaScript tricks because table layout was horribly inefficient —...
CSS Environment Variables
4.5.2018
We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use:
padding:
...
The Dark Side of Promises
9.4.2018
Since the release of es6 many new features have found their way into NodeJS, but non had quite the same impact as promises. Promises have been developed for the browser before es6 was even a thing. There were several implementations that have been used like jQuery’s deferred object before...
Perfektní kooperační zážitek ve hře A Way Out
2.4.2018
Kooperačních her začíná být postupem času víc a víc. Jenže většina z nich se odehrává v otevřeném světě nebo jejich náplň je ryze akčního původu. Vývojáři z Hazelight Studios si ale řekli, že půjdou proti proudu a nabídnou ryze filmový zážitek o útěku z vězení, který lze hrát pouze v kooperaci...
To Serve Man, with Software
31.12.2017
I didn't choose to be a programmer. Somehow, it seemed, the computers chose me. For a long time, that was fine, that was enough; that was all I needed. But along the way I never felt that being a programmer was this unambiguously great-for-everyone career field with zero downsides. There
Beyond Immutability: Ethereum Classic Maps a Way Forward
3.3.2017
Apart from a commitment to immutability, ethereum classic is much like ethereum. Now, though, its supporters favor another pillar of differentiation
Responsive images – end of year report
12.11.2013
It’s nearly two years since I suggested a <picture> element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing.Related Posts:The woes of date inputHTML Developers: Please ConsiderOn HTML belts and ARIA braces (The Default...
Responsive images – end of year report
12.11.2013
It’s nearly two years since I suggested a <picture> element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing