Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight. Longer thoughts: When you’re building a really simple website, you can get away with literally writing raw HTML. It doesn’t take long to Read more…
If you’re interested in leveling up your knowledge and skill of web performance, you can’t do better than learning directly from Scott Jehl. Direct Link to Article — Permalink The post Lightning-Fast Web Performance appeared first on CSS-Tricks.
Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let’s toss in a sidebar column that is largely empty, such that you can safely put a position: sticky; table of contents over there for all Read more…
Catalin Rosu: Sometimes you need to type a long reply that consists of many paragraphs and wrapping that text within a tiny textarea box makes it hard to understand and to follow as you type. There were many times when I had to write that text within Notepad++ for example Read more…
If you haven’t worked with immutability in JavaScript before, you might find it easy to confuse it with assigning a variable to a new value, or reassignment. While it’s possible to reassign variables and values declared using let or var, you’ll begin to run into issues when you try that Read more…
A little interview with me over on Uses This. I’ll skip the intro since you know who I am, but I’ll republish the rest here. What hardware do you use? I’m a fairly cliché Mac guy. After my first Commodore 64 (and then 128), the only computers I’ve ever had have been from Read more…
(This is a sponsored post.) You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too. Why do I need another free website/landing page builder? There are many ways Read more…
CSS doesn’t have max-font-size, so if we need something that does something along those lines, we have to get tricky. Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That’s using “viewport units” to size the type, which will Read more…
There actually is a steps() function in CSS, but it’s only used for animation. You can’t, for example, tell an element it’s allowed to grow in height but only in steps of 10px. Maybe someday? I dunno. There would have to be some pretty clear use cases that something like Read more…
A photorealistic paper sticker mockup designed by Graphberry. It comes in a flat version and curled. This sticker mockup will look great for any type of sticker designs. Design can be placed via smart layers.
