Search

Nalezeno "the shadow": 474

An Introduction to Web Components


Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences...

Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements


The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic. Using the shadow DOM is common when creating custom elements, but there’s...

Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM


Chapter names in books, quotes from a speech, keywords in an article, stats on a report — these are all types of content that could be helpful to isolate and turn into a high-level summary of what's important. For example, have you seen the way Business Insider provides an article's key points...

Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art


Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year. Well, Diana has also listed the top five...

Styling a Web Component


This confused me for a bit here so I'm writing it out while it's fresh in mind. Just because you're using a web component doesn't mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this: See...

Collective #475


CodyHouse Components * The State of Web Browsers * Goodbye, EdgeHTML * What is the Shadow DOM? * Pure CSS Pink Collective #475 was written by Pedro Botelho and published on Codrops

Emojis as Icons


There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...

Better rendering for variable fonts


I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...

Responsive tables, revisited


Lea Verou with some extra super fancy CSS trickery. No way we could miss linking this one up! One of the problems with responsive table solutions, at least the ones where you are using CSS to rejigger things, is that there is duplicated content somewhere. Either in CSS or HTML. Lea finds two ways...

Super Smash Bros. Wii U, Shadow of Mordor, The Boondocks [Deals]


You're buying Smash Bros. for Wii U, so you may as well save some money. Preordering on Newegg gets you $5 off MSRP, and if complete your transaction with Visa Checkout using promo code VISACHECKOUT you'll get the game for 50 bucks. [Smash Bros. Wii U]Read more

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