Search

Nalezeno "ICON": 121

What Is An ICON P-Rep And Why Should You Care?


ICON – the blockchain network that raised $40 million in its 2017 ICO, is looking to democratize its entire ecosystem through its public representative (P-Reps) program. This community-based approach to blockchain management will allow each and every ICX holder to vote on who they want...

Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon


In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you. The post Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon appeared...

Apple’s Icon Set Now Features Bitcoin Symbol


There is no denying of the fact that digital currencies are garnering widespread adoption across the world – whether it is as investments or as a tool to avail everyday goods or services. So as people are showing a keen interest in crypto, the tech giant Apple seems to do the same. According to...

Do you need an ICON ONLY button without screwing up the accessibility?


The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX (see Apple's latest blunder). But if you need to (and I get it, sometimes you need to), Sara Soueidan and Scott O'Hara have a pair...

ICON Price Analysis: Will ICON (ICX) Live Up To Its Hype?


As an ambitious project to create the decentralized network, ICON really stood out in the world of cryptocurrency. This gigantic South Korean project, using innovative technology offered a fully working product that is being used by large Korean institutes like universities, life insurance...

Collective #518


Take Back Your Web * Animation Handbook * Accessible Icon Buttons * The State of Fluid Web Typography Collective #518 was written by Pedro Botelho and published on Codrops

Icon (ICX) Price Analysis: Can Support From Crypto.com Bring Some Stability?


After the largely bearish trend in the year of 2018, this year was expected to bring some cheery vibe with running bulls in the crypto market. However, that has not come to the realization yet. Icon (ICX) the Switzerland-based cryptocurrency is still facing turmoil looking at its recent price drop....

Change Color of SVG on Hover


There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different. Let's look at the ways. Inline SVG Inline SVG is my favorite way to use...

Inline SVG… Cached


I wrote that using inline <svg> icons makes for the best icon system. I still think that's true. It's the easiest possible way to drop an icon onto a page. No network request, perfectly styleable. But inlining code has some drawbacks, one of which is that it doesn't take advantage...

Text Wrapping & Inline Pseudo Elements


I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it. Things involved: Cool [attribute] selectors that...

Control Icons with Font Size


Here’s a nifty trick from Andy Bell that now seems a little obvious in hindsight: if you set an SVG to have a width and height of 1em then you can change the size of it with the font-size property. Try and change the font-size on the body element below to see the icon scale with the text: ...

iconsvg.xyz


There is a lot to like about Gaddafi Rusli's ICONSVG. It provides inline <svg>, which is the most generically useful way to deliver them, and probably how they should be used anyway. Each icon is a tiny amount of SVG and I'd bet they were all hand-golfed. They are all stroke-based, so they...

The ineffectiveness of lonely icons


Icons are great and all, but as we've been shown time and time again, they often don't do the job all by themselves. Even if you do a good job with the accessibility part and make sure there is accompanying text there for assistive technology, in an ironic twist, you might be confusing people...

Freebie: Emojious Icons (AI, SVG, PNG)


A set of 50 vector icons from the quirky Emojious icon set exclusively for Codrops readers. Freebie: Emojious Icons (AI, SVG, PNG) was written by Emojious and published on Codrops

Making SVG icon libraries for React apps


Nicolas Gallagher: At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components. There is no One True Way© to make an SVG icon system. The only...

Accessible SVG Icons With Inline Sprites


This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here's the ideal example: <button type="button"> Menu <svg class="svg-icon" role="img" height="10" width="10" viewBox="0 0 10 10" aria-hidden="true" focusable="false"> ...

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

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