Search

Nalezeno "Icon": 121

`lh` and `rlh` units

5.5.2020
There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the <html> element) rather than the current element. Why would that...

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

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

Hamburger ☰ Heaven

22.1.2020
A pleasant little romp through iconography and culture from Sophia Lucero. The "hamburger" menu icon we're familiar with now is really a sign from Taoist cosmology. Besides ☰, which represents heaven 天, we have ☱ for lake/marsh 澤, ☲ for fire 火, ☳ for thunder 雷, ☴ for wind 風, ☵ for water 水,...

css.gg

18.12.2019
I'm not sure what to call these icons from Astrit Malsija. The title is "500+ CSS Icons, Customizable, Retina Ready & API" and the URL is "css.gg" but they aren't really named anything. Anyway, their shtick is: The 🌎's first icon library designed by code. The idea is that they don't...

Top 10 Free Christmas Icon Sets to Prepare for the Holidays

16.12.2019
Whatever season it is, we are all waiting for Christmas. It is the most wonderful time of the year that leaves everything bad behind and promises new starts. It... The post Top 10 Free Christmas Icon Sets to Prepare for the Holidays appeared first on Onextrapixel

Dark Mode Favicons

4.12.2019
Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. <link rel="icon" href="/icon.svg">). And you can embed CSS within an SVG with a <style> element. That CSS can use a perfers-color-sceme media query, and as a result, a favicon that supports...

When to Use SVG vs. When to Use Canvas

12.11.2019
SVG and canvas are both technologies that can draw stuff in web browsers, so they are worth comparing and understanding when one is more suitable than the other. Even a light understanding of them makes the choice of choosing one over the other pretty clear. A little flat-color icon? That's...

A Snippet to See all SVGs in a Sprite

8.10.2019
I think of an SVG sprite as this: <svg display="none"> <symbol id="icon-one"> ... <symbol> <symbol id="icon-two"> ... <symbol> <symbol id="icon-three"> ... <symbol> </svg> I was long a fan of that approach for icon systems...

Extends ICX Giveaway and Modifies Decentralization Plan of ICON Network

19.9.2019
ICON has announced a giveaway of 3 million ICX in the form of rewards for participation in P-Rep pre-voting. This giveaway will be executed for 30 days from August 26, 2019 to September 24, 2019, during the pre-voting period. Now, according to the recent news, this giveaway period has extended...

Maskable Icons: Android Adaptive Icons for Your PWA

29.8.2019
There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android. The post Maskable Icons: Android Adaptive Icons for Your PWA appeared first on CSS-Tricks

Creating a Maintainable Icon System with Sass

28.8.2019
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages: They don't require any additional HTTP requests other than the CSS file. Using the background-size property...

Reusable Popovers to Add a Little Pop

26.8.2019
A popover is a transient view that shows up on top of a content on the screen when a user clicks on a control button or within a defined area. For example, clicking on an info icon on a specific list item to get the item details. Typically, a popover includes an arrow pointing to the location from...

Can you view print stylesheets applied directly in the browser?

19.8.2019
Yep. Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it. In Firefox... It's a little button in DevTools. So easy! Open DevTools...

The Making of an Animated Favicon

15.8.2019
It’s the first thing your eyes look for when you’re switching tabs. That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s...

The Cryptocurrency Projects Pursuing a Path to Decentralization 

11.7.2019
Decentralization over time is an ethos that many crypto projects espouse. To date, however, few have completed this journey. Talking the talk is easy, but when it comes down to it, only a handful of projects are bold enough to walk the walk and willingly entrust their fate to the community. Also...

Co-Founder of ICON, Min Kim Speaks Exclusively With CryptoNewsZ

2.7.2019
Min Kim, Co-founder of ICON, spoke exclusively to CryptoNewsZ and discussed about the journey of the ICON network, its innovative techniques, and the grand plan for the next development phase of the ICON Republic. Min Kim is one of the most prominent experts in the South Korean blockchain...

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