Search

Nalezeno "classes": 115

Custom State Pseudo-Classes in Chrome

6.5.2021
There is an increasing number of “custom” features on the web platform. We have custom properties (--my-property), custom elements (<my-element>), and custom events (new CustomEvent('myEvent')). At one point, we might even get custom media … The post Custom State Pseudo-Classes...

The Making (and Potential Benefits) of a CSS Font

22.4.2021
Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font! Let me elaborate. This is a way to render text without using any font at all. Random text is split with … The post The Making (and Potential Benefits) of a CSS Font appeared first...

MIT Crypto Professor Gary Gensler Confirmed as New SEC Chairman

15.4.2021
The U.S. Securities and Exchange Commission (SEC) now has a new chairman, Gary Gensler. President Joe Biden’s pick, the MIT professor, whose classes included blockchain technology, digital currencies, and financial technology, has been confirmed by the Senate to lead the SEC. SEC Has a...

Epic Games Store Is Draining Some Laptop Batteries

24.3.2021
My annoyances with Epic’s store are generally limited to Fortnite pop-ups and forgetting I even had games installed there, but then I play games on a big desktop PC. If you’re using a laptop, you might want to keep an eye on the store, and in particular what it’s doing to your battery.Read more

Magic: Legends Open Beta Is Go

23.3.2021
Cryptic Studios’ free-to-play Magic: The Gathering-meets-Diablo action card-playing game has launched into open beta via Arc Games and the Epic Games Store, giving players all over the world the chance to play the game Kotaku’s Ash Parrish said several nice things about. Read more

Feels From Heals: Healing In Final Fantasy XIV Is Super Rewarding

12.3.2021
The first thing I did upon setting foot in Foundation, the hub world central to Final Fantasy XIV’s Heavensward expansion, was sign up for the Astrologian and Dark Knight job class. This is extremely out of character for me because I only play damage dealers in MMOs, and Astrolgian and Dark Knight...

How To Build An Unstoppable Party In Bravely Default 2

26.2.2021
Bravely Default 2, out now for Nintendo Switch, is both a lot like and not at all like many other JRPGs you’ve played. For starters, combat is defined by the Brave/Default system, which allows you to shake up the turn order in battles for strategic gain. But the main big wrinkle is the...

A Utility Class for Covering Elements

26.12.2020
Big ol’ same to Michelle Barker here: Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....

ARIA in CSS

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

A little bit of plain Javascript can do a lot

8.7.2020
Julia Evans: I decided to implement almost all of the UI by just adding & removing CSS classes, and using CSS transitions if I want to animate a transition. An awful lot of the JavaScript on sites (that aren’t otherwise entirely constructed from JavaScript) is click the thing...

Bootstrap 5

7.7.2020
It’s always notable when the world biggest CSS framework goes up a major version (it’s in alpha now). It has dropped jQuery and IE, started using some CSS custom properties, gone fully customized with form elements, started to embrace utility classes, and includes a massive icon...

Responsive Styling Using Attribute Selectors

30.6.2020
One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context. <div class="span-12"</div<!-- we want this for small screens  --<div class="span-6"</div<!-- we want this for medium screens --<div...

CSS :is() and :where() are coming to browsers

10.6.2020
Šime Vidas with the lowdown on what these pseudo-selectors are and why they will be useful: :is() is to reduce repetition¹ of parts of comma-separated selectors. :where() is the same, but nothing inside it affects specificity. The example of wrapping :where(:not()) is really great, as now there...

Building a Scalable CSS Architecture With BEM and Utility Classes

21.4.2020
Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the process of writing scalable CSS. In the end, we all try to meet the following two goals: Efficiency: we want to reduce the time spent thinking about how things should...

No-Class CSS Frameworks

13.4.2020
I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No <h2 class="is-title">. You just use semantic HTML and get styles. Is that going to “scale” very far? Probably not, but it sure is handy for styling things quickly, where — of course...

Same HTML, Different CSS

19.2.2020
Ahmad Shadeed covers the idea of a card component that has a fixed set of semantic HTML with some BEMy classes on it. There is a title, author, image, and tags. Then he redesigns the card into five totally different designs without touching any of the HTML just the CSS. If this is an ah-ha moment...

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