webstack

From 45,000-year-old cave paintings to 21st-century space rocket diagrams, illustrations have long played a significant role in human communication. Pictures cross-language and literacy barriers, allowing people to understand and communicate complex moods and feelings that they cannot in words. Whe..

SKWAR — Heydon Pickering made a hard-edged monospaced variable font. The axes are width and weight. Twenty Bits I Learned About Making Fonts Book — Dan Cederholm has been making fonts, like Captain Edward and Ship Whistle and has turned his learnings into a book. The perfect cross-platform serif an..

Procreate is a fantastic mobile app that makes it easy to draw on your iPad. But it’s really so much more than that. Not only can you create drawings from scratch, but you can also make detailed illustrations, paintings, graphic designs, and more. There are tons of tools included within Procreate t..

I think this is good advice from Silvestar Bistrović: An enabling selector is what I call a selector that does a job without disabling the particular rule. The classic example is applying margin to everything, only to have to remove it from the final element because it adds space in a place you do..

You know like https:? That’s a URL Scheme. You’re probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There are a lot of them. I find that custom URL schemes come up the most with apps that a..

In the web design industry, it’s rare that a tool stays relevant for a decade or more. Things tend to change so quickly that the useful life of an app or framework usually isn’t very long. However, Twitter’s Bootstrap has defied those odds. Now in existence for over 10 years, the self-described “fr..

Email marketing should be one of the key components of your customer retention strategy. Engaging in regular communication will keep subscribers informed about your latest news and promotions. So it’s vitally important that your website focuses on enticing people to opt-in to your mailing list. Wor..

(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) During large-scale desktop, mobile web, and mobile app testing nearly all users relied on the guidance of autocomplete suggestions at some point when devising queries. However, those suggestions often failed users if queries contained even the slightest spelling error (e.g., searching “furnture” instead of “furniture”). Since autocomplete plays a key role in early search interactions, unexpected suggestions due to minor typos can cause users to change their product-finding strategies by seeking other browsing methods or reworking queries. In the worst cases, if autocomplete fails to handle minor typos well it can contribute to abandonment downstream if alternate product-finding strategies don’t quickly lead to relevant results. Despite the seriousness of the issue, our benchmark shows that 69% of site..

A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation. CodePen Embed Fallback How it works The trick? ..

Photoshop Layer Styles are pre-configured commands that will take basic text and quickly create typographical works of art for you. With just a single click of a button, you can apply unique layer styles to any text in Photoshop, and not only do they speed up the design process, applying these effe..