Search

Nalezeno "tabs": 29

Introducing Shoelace, a Framework-Independent Component-Based UX Library


This is a post about Shoelace, a component library by Cory LaViska, but with a twist. It defines all your standard UX components: tabs, modals, accordions, auto-completes, and much, much more. They look beautiful out of the … Introducing Shoelace, a Framework-Independent Component-Based...

Collective #719


Bun * Building tabs in Web Components * Body Margin 8px * Preline The post Collective #719 appeared first on Codrops

Everyone Wishes Sonic Frontiers Looked More Like This Speedy Indie Game


When developer Wilhelm Nylund shared a video of the upcoming Haste: Broken Worlds on Twitter earlier this week, it almost immediately blew up. The preview has since garnered almost 1 million views as well as thousands of retweets and likes. Much of the ongoing conversation, however, involves...

Spicy Sections


What if HTML had “tabs”? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of “Tabvengers” from OpenUI, on this. A lot of research leads to a bit …

One Way to Convert Code Indentation


A question: If you copy a code sample that uses two-space indentation and you want to convert it to four-space indentation, what’s the *fastest* and easiest option? Matt Stauffer, Twitter I wrote about doing this in Sublime Text a … The post One Way to Convert Code Indentation...

Tabs in HTML?


Brian Kardell shares a bit about the progress of bringing "Tabs" to HTML. We kinda think we know what they are, but you have to be really specific when dealing with specs and defining them. It's tricky. The post Tabs in HTML? appeared first on CSS-Tricks. You can support CSS-Tricks by being an...

Collective #649


Penpot * SmolCSS * Remotion * Building a Tabs component * Managing focus in the shadow DOM The post Collective #649 appeared first on Codrops

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...

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...

ARIA in CSS


Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

Getting the WordPress Block Editor to Look Like the Front End Design


I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end. It’s no surprise that...

A Bit on Web Component Libraries


A run of Web Components news crossed my desk recently so I thought I’d group it up here. To my mind, one of the best use cases for Web Components is pattern libraries. Instead of doing, say, <ul class="nav nav-tabs"> like you would do in Bootstrap or <div class="tabs"> like...

Some Typography Links


I just can’t stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open tabs. Vistaserve is “a grass-roots web hosting initiative hailing from Thornbury, Australia. Inspired by the quirky web of...

The Anatomy of a Tablist Component in Vanilla JavaScript Versus React


If you follow the undercurrent of the JavaScript community, there seems to be a divide as of late. It goes back over a decade. Really, this sort of strife has always been. Perhaps it is human nature. Whenever a popular framework gains traction, you inevitably see people comparing it to rivals....

SVG, Favicons, and All the Fun Things We Can Do With Them


Favicons are the little icons you see in your browser tab. They help you understand which site is which when you’re scanning through your browser’s bookmarks and open tabs. They’re a neat part of internet history that are capable of performing some cool tricks. One very new trick is the ability...

Performance Links


I've had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good! Manuel Matuzovic, Why 543 KB keep me up at night: Yes, I know, it depends. 543 KB aren't always bad, but on that specific page...

Just Dropping Some Type Links


I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by blogging them. How's that for a blog post format for ya: whatever random tabs you've had open for far too long. Times New Roman is popular on...

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