Search
What Is An ICON P-Rep And Why Should You Care?
1.7.2019
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
14.6.2019
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
5.6.2019
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...
South Korean Company ICON Has Stepped Into Strategic Partnership With Chain Partners
5.6.2019
On 4th June ICON announced about the ‘strategic partnership’ with Chain Partners on Twitter. The objective of this partnership is to build a “healthy blockchain ecosystem,” which will surpass the ICON’s DApp ecosystem, as per the Twitter post. One can guess the excitement of the audience by the...
Do you need an ICON ONLY button without screwing up the accessibility?
3.6.2019
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?
29.5.2019
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...
ICON (ICX) Price Analysis: Will ICX Reach 1 USD In 2019 After A Rise Of 100% From Its All Time Low?
28.5.2019
2019 continues to be the worst year for ICON. It reached its all-time low of 0.181131 from its all-time high of 12.64 USD on January 6 2018. This steep fall happened in 13 months of trading. Will, the recent tweet by ICON of a significant crypto platform Crypto.com, having finalized to feature...
Collective #518
23.5.2019
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?
23.5.2019
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
13.5.2019
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...
ICON Foundation Announces ‘Strategic Partnership’ with MixMarvel Gaming Platform
13.5.2019
Blockchain network ICON announced on Monday that it has entered in a partnership with blockchain based global game publishing company, MixMarvel. The collaboration will allow the latter to connect gaming content creators with players in order to build a blockchain gaming community on the ICON...
Inline SVG… Cached
12.4.2019
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
27.2.2019
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
27.2.2019
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
25.2.2019
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
11.2.2019
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)
18.1.2019
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
14.12.2018
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
7.12.2018
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
11.7.2018
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...