IP Geolocation API
4.6.2019
Detecting geolocation information from your user provides you a massive advantage: improved conversion, better segmenting and analytics, and providing more relevant content. There are numerous paid services which will provide geolocation info but they’re oftentimes too costly or short...
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...
Prevent Page Scrolling When a Modal is Open
3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal.
That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...
Collective #521
3.6.2019
Self-Host Your Static Assets * Uibot * Why I'm still using jQuery in 2019 * Medium to own blog
Collective #521 was written by Pedro Botelho and published on Codrops
Material Theming: Making Material Your Own!
3.6.2019
The web is a beautiful, expressive medium that’s evolved over time as trends and technology have changed. Moments of delight and flair are what set companies apart from one another. At the same time, today’s top products rely on scalable, component-based design systems to efficiently develop...
WDRL — Edition 266: Hope in a dark forest, Reduced Motion, Truncating Text with CSS, a Docker dev setup, and Being Tired.
3.6.2019
Hey,
Last week I read about the web being and becoming more and more a dark forest. This made me thinking and I can’t get around that there’s hope in the dark forest. Let’s stay positive on how we can contribute to make the web a better place, stick to the principle of the invididual being able...
Free Vector and PhotoShop Text Effects for a Quick Makeup
1.6.2019
Typography is one of the most powerful tools in the designer’s arsenal. It’s not only an instrument to display text and convey a message, but it’s also a mean...
The post Free Vector and PhotoShop Text Effects for a Quick Makeup appeared first on Onextrapixel
Implementing Private Variables In JavaScript
1.6.2019
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...
Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac
31.5.2019
In this week's news, Google defines guidelines for favicons, a new a11y testing tool from The Paciello Group, and changes to how the W3C plans to engage the community, plus more.
The post Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac appeared first on CSS-Tricks
Reducing motion with the picture element
31.5.2019
Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that:
<picture>
<!-- This image will be loaded if...
React Async for Declarative Data Fetching
31.5.2019
Generally, there are two ways of writing code: Imperatively/Declaratively and two ways of fetching Data: Synchronously/Asynchronously. We are more convenient with making requests imperatively using
Collective #520
30.5.2019
Zdog * xstyled * How !important are we? * Daily Ethical Design * The future is dark * Reducing motion with the picture element
Collective #520 was written by Pedro Botelho and published on Codrops