Search
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Using Jetpack to Accelerate WordPress Development
16.5.2019
(This is a sponsored post.)
[Geoff:] I've built a fair number of WordPress sites in my day. It's been my go-to since the 2.x-ish days because it works for any site, big or small. That's the sort of solution and flexibility you like to have as a freelancer.
Boy, I wish I had Jetpack available...
Using Array reduce
14.5.2019
Every developer who specializes in any programming language will tell you there’s a powerful tool the language provides that they rarely use and wish they knew more about. For me, it’s Array.prototype.reduce. I quite enjoy the other Array methods like map, filter, and find, but reduce...
Ripple (XRP) Price Analysis: Is Ripple Holding Any Excitement In Spite Of Its Fluctuating Behaviour?
14.5.2019
The great news is that the chief market strategist of XRP has successfully introduced Ripple and XRP to Trump’s administration. Apart from this, Ripple Inc. is partnering with some of the biggest financial institutions. Banks like Western Union, Bank of America are already using Ripple’s network...
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
Making the Move from jQuery to Vue
3.5.2019
As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other.
Before I begin though, I want to ensure one thing is crystal clear. I am not, in any way whatsoever...
Easily Turn Your Photos into Vectors with Photo Vectorizer
2.5.2019
(This is a sponsored post.)
Photo Vectorizer is a simple-to-use Photoshop action that can convert any photo into a vector. With just a few clicks of your mouse, you can save tons of time and frustration by turning your photos into vectors. With super sharp results, these vectors are great for...
The Simplest Ways to Handle HTML Includes
30.4.2019
It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that addresses it. I'm talking about straight up includes, like taking a chunk of HTML and plopping it right into another. For example the...
How to Build an Underwater-Style Navigation Using PixiJS
24.4.2019
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
How to Build an Underwater-Style Navigation Using PixiJS was written by Liam Egan and published on Codrops
Who Are Design Systems For?
23.4.2019
Specific design systems, I mean. Design systems, as a concept, are something just about any site can benefit from.
A lot of hype goes into design systems these days. Just the other day, an organization's published their design system publicly and I got a slew of DMs, emails, and Slack messages...
The Serif Tax
9.4.2019
Fonts are vector. Vector art with more points makes for larger files than vector art with fewer points. Custom fonts are downloaded. So, fonts with less points in their vector art are smaller. That's the theory anyway. Shall we see if there is any merit to it?
Open Sans (top) and Garamond...
KV Storage
1.4.2019
localStorage is...
Good! It's an incredibly easy API to use.
localStorage.setItem('name', 'Chris'); let name = localStorage.getItem('name');
Bad! Philip Walton explains why:
localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your...
Differential Serving
1.4.2019
There is "futuristic" JavaScript that we can write. "Stage 0" refers to ideas for the JavaScript language that are still proposals. Still, someone might turn that idea into a Babel plugin and it could compile into code that can ship to any browser. For some of these lucky proposals, Stage 0 becomes...
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...
Schematics: A Plug-in System for JavaScript Projects
18.3.2019
Schematics is a tool from the Angular team that allows you to manipulate projects with code. You can create files, update existing files, and add dependencies to any project that has a packag
The Benefits of Structuring CSS Around Appearance and Layout
13.3.2019
I like this point that Jonathan Snook made on Twitter and I’ve been thinking about it non-stop because it describes something that’s really hard about writing CSS:
I feel like that tweet sounds either very shallow or very deep depending on how you look at it but in reality, I don't think...
A DEX Like No Other
13.3.2019
Liquidity, Speed, and Privacy at the Click of a Button The first generation of decentralized exchanges (DEXs) promised to revolutionize cryptocurrency trading. Finally, users would be able to buy and sell peer-to-peer, without a middleman or any centralized entity threatening […]
The post...
Spoják #9 – #10: CSS slibuje matematiku. Promise.any slíbí cokoliv.
11.3.2019
Heslovitě: Git 2.21. Go 1.12. Flutter 1.2. Promise.any([...]). Matematika v CSS. Win10 Sandbox. Package Diff. Play.js. Flexbox vs grid. Standard C++20. Sparksoniq. GHIDRA
Native Video on the Web
6.3.2019
TIL about the HLS video format:
HLS stands for HTTP Live Streaming. It’s an adaptive bitrate streaming protocol developed by Apple. One of those sentences to casually drop at any party. Äh. Back on track: HLS allows you to specify a playlist with multiple video sources in different resolutions....
The Client/Server Rendering Spectrum
6.3.2019
I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...