Data URIs
18.8.2019
We’re all familiar with traditional URI protocols like https, http, ftp, and file, but data URIs have become a large part of our online strategy. We can use them to display images, the Mac camera and webcams, and more. But what if we simply want to use a data URI to convey basic data? Typing...
10 Modest yet Compelling Business Cards for Men
18.8.2019
What do you expect from business cards for men? I believe the majority of people out there await for a piece of paper with a plain design that looks...
The post 10 Modest yet Compelling Business Cards for Men appeared first on Onextrapixel
11 Powerful Business Cards for Women for Your Inspiration
18.8.2019
We all fight for gender equality these days. Even Thor has been transformed into Thor Girl. Women around the world are eager to prove that they are capable of...
The post 11 Powerful Business Cards for Women for Your Inspiration appeared first on Onextrapixel
Draggin’ and Droppin’ in React
16.8.2019
The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide...
Accessibility and web performance are not features, they’re the baseline
16.8.2019
This week I’ve been brooding about web performance and accessibility. It all began when Ethan Marcotte made a lot of great notes about the accessibility issues that are common with AMP:
In the recordings above, I’m trying to navigate through the AMP Story. And as I do, VoiceOver describes a page...
WDRL — Edition 272: Unactionable Advice, Bye iframes Hello ShadowDOM, And Teams Not Made Of Stars.
16.8.2019
Hey,
what’s more powerful than a star who knows everything? Well, a team not made of stars but of people who love what they do, like their company’s vision and can work together, support each other. Like a galaxy made of stars — where not every star shines and also doesn’t need...
Weekly Platform News: HTML Loading Attribute, the Main ARIA Specifications, and Moving from iFrame to Shadow DOM
15.8.2019
In this week's roundup of platform news, Chrome introduces a new attribute for loading, accessibility specifications for web developers, and the BBC moves visualizations to the Shadow DOM.
Chrome ships the loading attribute
The HTML loading attribute for lazy-loading images and iframes is...
Awesome Demos Roundup #7
15.8.2019
The seventh edition of our monthly demos roundup that will get your creative coding juices flowing.
Awesome Demos Roundup #7 was written by Mary Lou and published on Codrops
The Making of an Animated Favicon
15.8.2019
It’s the first thing your eyes look for when you’re switching tabs.
That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s...
Front Conference in Zürich
15.8.2019
(This is a sponsored post.)
I'm so excited to be heading to Zürich, Switzerland for Front Conference (Love that name and URL!). I've never been to Switzerland before, so I'm excited about that, but of course, the web nerd in me is excited to be at the conference with lots of fellow webfolk. Some...
Staggered CSS Transitions
14.8.2019
Let's say you wanted to move an element on :hover for a fun visual effect.
@media (hover: hover) {
.list--item {
transition: 0.1s;
transform: translateY(10px);
}
.list--item:hover,
.list--item:focus {
transform: translateY(0);
}
}
Cool cool. But what if you had several list...
Contextual Utility Classes for Color with Custom Properties
14.8.2019
In CSS, we have the ability to access currentColor which is tremendously useful. Sadly, we do not have access to anything like currentBackgroundColor, and the color-mod() function is still a ways away.
With that said, I am sure I am not alone when I say I'd like to style some links based on...