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
A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid
30.5.2019
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when...
Customer Satisfaction Surveys with Wufoo
30.5.2019
I was once tasked to create a makeshift customer service survey that would allow an employee to receive a customer call and send a survey to the custom once the call ended. The goal was to track customer satisfaction, which is a totally legit thing to want.
There are some solutions out there that...