Videos work with streams. This means that instead of sending the entire video at once, a video is sent as a set of smaller chunks that make up the full video. This explains why videos buffer when watching a video on slow broadband because it only plays the chunks it has received and tries to […]
READ MORETable of Contents Below you’ll find quick jumps to particular components that you might need. Scroll down for a general overview. Or skip the table of contents. accessibility bugs dark mode editors and IDEs feature support frameworks getting started guides and resources inline CSS inspiration mailto link generator mailto selection prompt marketing meta-languages previews productivity […]
READ MOREThis series of articles presents tactics UX practitioners can use to promote the growth of UX maturity in their organizations or product teams. In part 1, I covered the importance of finding and utilizing UX Champions and showing the ROI/value of UX. In part 2, I focused on knowledge sharing and mentorship. In this third, […]
READ MOREThe typical process for working as a product designer in a company or startup could be familiar to you: a new product is being developed for which to provide a design solution. Then you work on some design proposals and you pitch them in front of 1–3 people to gather feedback. Sometimes this process works […]
READ MOREThere is a fable that I think about a lot these days. The fable was told to me as a child. It’s called “The Boy Who Cried Wolf” by Aesop. It is about a boy who tends the sheep of his village. He gets bored and pretends that a wolf is attacking the flock, calling […]
READ MOREWith many options comes many decisions, and it is easy to drown in all the many and various stated benefits of the different systems. So how do you approach evaluating these options? Two weeks ago, Aaron Hans shed light on the use cases of going headless and what it is good for here on Smashing […]
READ MOREEvery now and again we have to deal with legacy code, wading through dark and eerie sides of the code base, often with a vague, ambiguous and unsettling documentation — if any is provided at all. In such cases, refactoring the component seems inevitable. Or perhaps you need to manage dates and arrays, or manipulate […]
READ MOREDisposability is a tricky term to handle in the digital world. So many things are changing so quickly — programming languages, frameworks, and design trends to name but a few — that it often feels inevitable that the things we make will be outdated almost as soon as we finish making them. This is in […]
READ MORETwo decades ago, as we embarked on our voyage from the comfortable, predictable shores of print design to the fluid and ever-changing open seas of the World Wide Web, John Allsopp encouraged the acceptance of “the ebb and flow of things”. Ten years later, Ethan Marcotte coined the term “responsive web design”, kickstarting a seismic […]
READ MOREStarting off the new month with a little inspiration boost — that’s the motivation behind our monthly wallpapers series which has been going on for more than ten years already. Each month, the wallpapers are created by the community for the community and everyone who has an idea for a design is welcome to submit […]
READ MOREAdopting a new technology is one of the hardest decisions for a technologist in a leadership role. This is often a large and uncomfortable area of risk, whether you are building software for another organization or within your own. Over the last twelve years as a software engineer, I’ve found myself in the position of […]
READ MORETable of Contents Below you’ll find an alphabetical list of all SVG generators listed below. Skip the table of contents, or just scroll down to explore them one-by-one. Also, subscribe to our newsletter to not miss the next ones. animation backgrounds code snippets compression cropping tools data visualization doodle patterns editors favicon filters color matrix […]
READ MOREThis series of articles presents tactics UX practitioners can use to promote the growth of UX maturity in their organizations or product teams. I covered the importance of finding and utilizing UX Champions and showing the ROI/value of UX in the first article of this series. Today, I’ll focus on two additional tactics for UX […]
READ MOREAmerican scholar Mason Cooley deftly described a hard fact of life: “A budget takes the fun out of money.” Unquestionably, media enlivens websites, adding appeal, excitement, and intrigue, let alone enticements to stay on a page and frequently revisit it. However, just as out-of-control spending bodes ill in the long run, so does unbudgeted digital […]
READ MOREIn this article, we’re going to look at reactivity in Vue, how it works, and how we can create reactive variables using newly created methods and functions. This article is targeted at developers who have a good understanding of how Vue 2.x works and are looking to get familiar with the new Vue 3. We’re […]
READ MOREBut first — let’s quickly review what is meant by a “static site” and then what a generator provides. A static site is composed of static content — as in, the HTML, CSS, assets, and all content are already compiled together before pushing to a website host. This is different from a dynamic site that […]
READ MORELooking back at the years of developing for the web, I’ve used dozens of different CMS tools both off the shelf and homebrewed. I’ve been deploying and building plenty of WordPress sites and plugins, as well as extensions for full-service CMS sites in .NET. But for me, everything changed when I first heard of headless, […]
READ MORETable of Contents Below you’ll find an alphabetical list of all accessible components. Skip the table of contents, or just scroll down to explore them one-by-one. :focus stylesautocompletebuttonscarousels”close” buttonscontent sliderscheckboxescolor systemscolor palettescomicscomponent librariescookie consent promptsdark modedata chartsdata visualizationsdate pickersform stylesfootnotesicon linksinputskeyboard navigationnavigation menumodalsprefers-reduced-*radio buttons“skip” linksSVGstabstablestoggle switchestoolstooltipsvideo/audio players Accessible :focus Styles Every browser has default focus […]
READ MOREThere is always something happening behind the scenes at Smashing. Over the last months, we’ve been continuously working around the performance of the site, but we’ve also removed floating labels from our forms, redesigned our error messages, revamped our Membership dashboard, refactored and adjusted our responsive tables and worked with new authors on a bunch […]
READ MOREStarting a web design business isn’t difficult. There’s a low barrier to entry, and almost anyone with some kind of design skill can start an agency. But if we’ve learned one thing, it’s that building a successful design business takes more than just web design chops. Whether you’re a freelancer or a full-scale web design […]
READ MORE