Search
Free E-book: Modernize for Mobile Apps
28.6.2018
(This is a sponsored post.)
No sign up required to read the free e-book.
Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...
Don’t Use The Placeholder Attribute
22.6.2018
Eric Bailey takes a hardline position on <input placeholder>.
You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together:
Can’t be automatically translated;
Is oftentimes used in place of...
Using Custom Fonts With SVG in an Image Tag
21.6.2018
When we produce a PNG image, we use an <img> tag or a CSS background, and that's about it. It is dead simple and guaranteed to work.
PNG is way simpler to use in HTML than SVG
Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you're spoiled for choices...
Pozvánka na Reactive Meetup s Viktorem Erikssonem
21.6.2018
Poslední ReactiveMeetupa před létem na téma CLOJURE SCRIPT: How to go all in functional and dynamic in the browse je tady. Těšit se můžete na Viktora Erikssona, CTO Pilloxa (IoT startup v med-tech odvětví). Několik let…
What is SVG good for?
21.6.2018
Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple.
But what else?
Logos is a classic example! A lot...
More Unicode Patterns
14.6.2018
Creating is the most intense excitement one can come to know.
—Anni Albers, On Designing
I recently wrote a post — that was shared here on CSS-Tricks — where I looked at ways to use Unicode characters to create interesting (and random) patterns. Since then, I’ve continued to seek...
Truly understand your site visitors’ behavior
14.6.2018
(This is a sponsored post.)
Hotjar is a quick and easy way to truly understand your visitors and identify opportunities for improvement and growth.
Try the all-in-one analytics and feedback tool for free.
Direct Link to Article — Permalink…
The post Truly understand your site visitors’...
Understanding the Almighty Reducer
13.6.2018
I was reently mentoring someone who had trouble with the .reduce() method in JavaScript. Namely, how you get from this:
const nums = [1, 2, 3]
let value = 0
for (let i = 0; i < nums.length; i++) {
value += nums[i]
}
...to this:
const nums = [1, 2, 3]
const value = nums.reduce((ac, next)...
Your Brain on Front-End Development
13.6.2018
Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I'm not going to be building it), my front-end...
Digging Into React Context
11.6.2018
You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely had to make use of a third party library. Thanks to recent updates...
World wide wrist
7.6.2018
After all the hubbub with WWDC over the past couple of days, Ethan Marcotte is excited about the news that the Apple Watch will be able to view web content.
He writes:
If I had to guess, I’d imagine some sort of “reader mode” is coming to the Watch: in other words, when you open a link on your...
Headless CMS: Fresh Air for Developers
7.6.2018
(This is a sponsored post.)
Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be.
You've noticed all the buzz around headless CMS but you're still not sure what is in it for you and how it can solve all your woes.
What is...
3 Useful TypeScript Tips for Angular
4.6.2018
These are the 3 tips I found pretty handy while working with Typescript:
Eliminating the need to import interfaces
Making all interface properties optional
Stop throw
OpenRates Currency API (Sponsored)
30.5.2018
Creating your own APIs can be a total nightmare: worrying about uptime, load balancing, data accuracy, caching, and all of the other risks would keep me up at night. And if your API relates to money in any way? If you get that wrong you could be costing yourself, your employer, or your client...
Solving Life’s Problems with CSS
28.5.2018
Or: When all you have is a CSS hammer, the world looks like a CSS nail.
Whenever I hear a perfectly nice comment like, "Yeah, representing the tech field!" in response to my pure-CSS art, I get a sharp feeling of panic.
Like many people who work on UIs for a living, I have difficulty applying...
Browser Extensions I Actually Use
27.5.2018
I use around 10 at the moment and they all provide functionality to me I find extremely important. Sometimes that functionality is every day all day. Sometimes it's once in a blue moon but when you need it, you need it.
Direct Link to Article — Permalink…
The post Browser Extensions...
Service Worker Cookbook
25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all.
You can also check out our guide to making...
Regain Disk Space from Homebrew
21.5.2018
One of my favorite utilities is Homebrew, the shell utility for installing and upgrading other utilities — it’s a lazy developer’s dream. Dreams can easily turn to nightmares, however, and I recently learned that Homebrew caches older versions of installed packages, leading...
Unicode Patterns
18.5.2018
These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color.
See all their gorgeous work on CodePen and the very cool <css-doodle> website...
Custom List Number Styling
18.5.2018
How about a classic CSS trick! This isn't even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready.
Let's say all you wanna do is style the dang...