webstack
Popular Design News of the Week: June 14 2021 – June 20, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..
25 Free Ink, Paint and Blood Splatter Photoshop Brush Sets
Photoshop brushes are one of the most popular design resources, and with good reason. With the right Photoshop brush, you can enhance your design in subtle ways as well as make it stand out more by applying a more bold brush. Quality Photoshop brushes have a high level of detail and can be used at l..
Using the `outline` Property as a Collapsable Border
The outline property in CSS draws a line around the outside of an element. This is quite similar to the border property, the main exception being that outline isn’t a part of the box model. It is often used for highlighting elements, for example, the :focus style.
In this article, let’s put a point..
Links on Typography
I studied the fonts of the top 1000 websites. Here’s what I learned. — Michael Li brings the data. San-serif has total dominance. “[…] it is rare to go below 10px or above 24px.” And poor
always being the same size as
. Makes me feel extra sad for
, are you destined to be smaller than bo..
Weekly News for Designers № 597
Patttterns – Browse this catalog of interaction design patterns.
Don’t use custom CSS mouse cursors – Why custom cursors are bad for the usability of your website.
Thumbnail Hover Effect with SVG Filters – Learn the secrets behind a simple thumbnail hover effect with an SVG filter distortion.
Fab..
Perfect Tooltips With CSS Clipping and Masking
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a clipping technique for tooltips showing above links in text.
Those tooltips have two designs based on their content:
One design is a tooltip..
Start Serving Optimized Images in Vue
Images have become extremely important to the effectiveness of websites. They speak a 1000 words, attract attention, and stimulate emotions.
However, web performance is also a growing problem for most websites. And images are at the heart of many web performance issues. According to HTTP Archive, i..
Inline Styles as Classes (lol)
If you’re abhorred by using inline styles, just move that style to the class attribute! And then make sure you have CSS in place that, ya know, does what it says on the box.
I've revolutionized CSS. pic.twitter.com/1AWCldyCwP
— Sam Thorogood (@samthor) June 10, 2021
OK lemme dig in and total..
Useful and Useless Code Comments
Jim Nielsen:
If somebody says a comment isn’t adding any value, I would ask: to whom?
Personally, I’ve never liked the advice that writing obvious comments is bad practice—probably because I write obvious comments all the time.
Jim showed off some examples of “code comments that are at the same l..
3 Ways to Design More Inclusively
Inclusive design is often mistaken for accessibility, or even used as an interchangeable term, which is a good indication that most designers don’t know what it means.
Accessibility is a process that seeks to mitigate issues in a design that is not sufficiently universal; inclusive design increases..
