Search

Nalezeno "product": 1809

Nova


Nova is a new (vehemently macOS-only) code editor from Panic, the folks behind Coda. It’s like “Coda 3” except this was such a major re-write that they gave it a whole new name. I played with some of the betas as they were building it. I got a little discount as it went live, so...

Pre-Caching Image with React Suspense


Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. For example, your data loading...

Vue 3


It’s out! Congrats to the Vue team for getting it done, I know it was a massive effort and a long time coming. All new docs, as well. I like it’s still a priority that Vue can be used with just a <script tag with no build process at all. But it’s ready for build processes...

Enforcing performance budgets with webpack


As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has shown that larger bundles increase memory usage and CPU costs, especially on mid-range and low-end mobile devices. webpack has a lot of features...

Optimizing CSS for faster page loads


A straightforward post with some perf data from Tomas Pustelnik. It’s a good reminder that CSS is a crucial part of thinking web performance, and for a huge reason: Any time [the browser] encounters any external resource (CSS, JS, images, etc.) it will assign it a download priority...

Changing Emoji Skin Tones Programmatically


So, you know how many emoji have different skin tones? Emoji skin tones are extremely popular, especially over text and on social media. The raised black fist emoji (✊🏿) was voted “The Most 2020 Emoji” by Emojipedia’s World Emoji Awards. Each tone is a modifier and many emoji...

Weaved Webs


There is a bit of an irony with Jamstack. The concept is simple: you put pre-rendered, static files on web hosting (a CDN) designed to do that well. That’s it. If you need to do more, anything you do from there is done with client-side JavaScript, which is likely talking to serverless...

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS


I’ll be linking to individual Pens as I discuss the lessons I learned, but if you’d like to get a sense of the entire project, check out 60 days of Animation on Undead Institute. I started this project to end on August 1st, 2020, coinciding with the publication of a book I wrote featuring...

Inclusive Design 24


Totally free. No sign-up. No registration. All sessions are streamed live and publicly on the Inclusive Design 24 YouTube channel – see the entire playlist for the event. Quite the lineup. I’ve got a couple of other accessibility links burning a hole in my pocket as well: Matt Stobbs:...

Editing HTML Like A Boss In VS Code


Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features. You might think of Emmet as that thing that expands abbreviations like table.stats>tr*3>td*3 into glorious, expanded, and perfect HTML. But Emmet has other HTML editing trickery...

Chapter 4: Search


Previously in web history… After an influx of rapid browser development following the creation of the web, Mosaic becomes the popular choice. Recognizing the commercial potential of the web, a team at O’Reilly builds GNN, the first commercial website. With something to browse with,...

What is the Value of Browser Diversity?


In 2018, Rachel Nabors made the point that browser diversity is similar to biological ecosystem diversity. There are literal advantages to more diversity. That article was before the Edge engines were shut, and now the big shakeups at Mozilla have the topic of browser diversity on people’s...

Virtual Event Registrations with Wufoo Forms


(This is a sponsored post.) We’ve seen many events shift from in-person to online this year. That may have required a huge change to how you collect attendee registrations in the past, but with a paid Wufoo account and Zoom — along with a sprinkle of Zapier — it’s easier than ever to...

Form design


A very digestable guide from Geri Reid on building forms. Not the code, but the design and UX principles that should guide the code. Working on a design system for a bank has taught [me] a lot about forms. I’ve watched testing in our labs. I’ve worked alongside experts from specialist...

Winamp Skin Museum


65,000 skins, they say. That’s extraordinary, especially considering how creative and well done many of them are. MySpace was an even bigger creative explosion of customization. What’s the next product that will inspire this kind of user ownership through theming? Allowing...

Interaction Media Features and Their Potential (for Incorrect Assumptions)


The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending...

Read Me!


A fancy experiential essay from the team at Readymag, which is a tool for building… fancy experiential essays, about fancy experiential essays: With all the technology addressing readability issues, it’s still design basics that distinguish a readable text from one that isn’t. Here are some...

Using a brightness() filter to generically highlight content


Rick Strahl: I can’t tell you how many times over the years I’ve implemented a custom ‘button’ like CSS implementation. Over the years I’ve used images, backgrounds, gradients, and opacity to effectively ‘highlight’ a control. All that works of course,...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace