Search

Nalezeno "Browsers": 172

onInput Event


Coding HTML forms has been painful my entire career. Form controls look different between operating systems and browsers, coding client side and server side validation is a nightmare, and inevitably you forget something somewhere along the line. Some behaviors don’t act the way you’d...

The Web’s Worst Default


There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel… The post The Web’s Worst Default appeared first on CSS-Tricks. You can support...

Using Performant Next-Gen Images in CSS with image-set


The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().… The post Using Performant Next-Gen Images in CSS with image-set...

Wrangling Control Over PDFs with the Adobe PDF Embed API


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 … The post Wrangling Control Over PDFs with the Adobe PDF Embed...

Text That Sometimes Turns to Emojis


There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see: Chrome on the left. Safari in the simulator on top… The post Text That Sometimes Turns to Emojis appeared first...

Gaze Upon My Browser Extensions and Despair


They’re not what any of us would call “intimate,” but you can really tell a lot about a person from a quick glance at the browser extensions they use. Is your boyfriend’s browser decorated with favicons from Evernote, Trello, and literally nothing else? He’s either a type-A perfectionist or zen...

Let’s Create an Image Pop-Out Effect With SVG Clip Path


Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in most modern browsers. I wanted to dig into it myself to get … The post Let’s Create an Image Pop-Out Effect With SVG Clip Path appeared first...

:where() has a cool specificity trick, too.


There is a lot of hype on the :is() pseudo-selector lately, probably because now that Safari 14 has it, it’s supported across all the major browsers. You’ve got Miriam tweeting about it, Kevin Powell doing a video, Šime … The post :where() has a cool specificity trick, too....

This Might Be the Only YouTube Browser Extension You'll Ever Need


YouTube is a real mixed bag. It’s home to so much of our favorite stuff on the internet, but the experience of using website itself isn’t great—filled with distracting recommendations, poor personalization, and ads, ads, ads—unless you take advantage of desktop browser extensions that can make...

Use Logpoints!


There’s sometimes a tribal attitude about how web developers should be debugging their code and solving problems. There’s the console.log loyalists, then there’s the debugger/breakpoint maximalists. I worked on the Firefox DevTools debugger for years and I can tell you...

Web Frameworks: Why You Don’t Always Need Them


Richard MacManus explaining Daniel Kehoe’s approach to building websites: There are three key web technologies underpinning Kehoe’s approach: ES6 Modules: JavaScript ES6 can support import modules, which are also supported by browsers. Module CDNs: JavaScript modules can now … The...

iframe feedback


What if an <iframe had within it another <iframe of the exact same source? Inception, as they say. Baptise Crespy does this all-important research in the name of art and science. Turns out browsers are smart enough to not … The post iframe feedback appeared first on CSS-Tricks. You...

Some Performance Blog Posts I’ve Bookmarked and Read Lately


Back/forward cache — I always assumed browsers just do fancy stuff with the back/forward buttons and us developers had very little control. Philip Walton tells us it’s critical that we understand “what makes pages eligible (and ineligible) for bfcache to … The post Some...

Life with ESM


ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty of nuance, but as long as you’ve dropped IE, the door is fairly open. Before ESM, the situation for JavaScript … The post Life with ESM appeared first...

Open a Browser Tab with DevTools Open by Default


Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it’s very much worth knowing the application flags available to you. To launch a new tab with DevTools in Chrome, you can use...

I learned to love the Same-Origin Policy


I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience. This wasn’t my first...

Give Users Control: The Media Session API


Here’s a scenario. You start a banging Kendrick Lamar track in one of your many open browser tabs. You’re loving it, but someone walks into your space and you need to pause it. Which tab is it? Browsers try to help with that a little bit. You can probably mute the entire system audio. But wouldn’t...

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