Category Added in a WPeMatico Campaign
I fell in love with coding the moment I created my first CSS :hover effect. Years later, that initial bite into interactivity on the web led me to a new goal: making a game. Table of contents What’s the game (and what’s that name)? Choosing Nuxt Achieving native app feel Read more…
I like a good trick. What if… a URL was… a promise… that fetched said URL? www.codepen.io.then((response) => { console.log(response); }); That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick, folks. Direct Link to Article — Permalink The post proxy-www appeared Read more…
Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also, WebP + SVG masks! Everything we know about Core Web Vitals and Read more…
By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers do a reasonably good job of handling PDFs. Typically, clicking Read more…
Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but advocating that browser DevTools should show us that value by selectors. I think that the above additions could help to educate Read more…
Yay, it’s here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We’ve had grid-gap support for some time, but true to its name, it’s limited to grid layouts. Now we can use gap in either type of layout: .container { display: flex; flex-flow: row wrap; gap: Read more…
A free online Typography event kicked off yesterday at Design Cuts featuring live lessons with top designers and discounts of up 50% off various popular font-families. This is your chance to stock up on a variety of type styles at a huge discount, including serif, script, sans-serif, and display fonts. Read more…
In today’s Photoshop video tutorial I’m going to share some useful tips for creating visually interesting panoramic posts on Instagram that seamlessly pan back and forth to show a larger image within the regular viewport area. These kinds of posts are perfect for wide images that you just can’t seem Read more…
We all love having a vast library of quality fonts to work with, but they can often be far too expensive for the average designer to afford. While the high price tags do justify the quality and craftsmanship that goes into premium typefaces, the total soon adds up when you’re Read more…
Patterns come in all kinds of styles, from simple repetitive shapes to complex graphical arrays. In today’s Photoshop tutorial I’m going to share some tips for creating detailed pattern effects that are made with full-colour illustrations. We’ll first use a must-know technique for filling the canvas with randomly placed graphics, Read more…
