You Don’t Need A UI Framework — Smashing Magazine
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Every now and then, someone will ask for my recommendations on UI frameworks. By “UI framework”, I mean any third-party package that is focused on providing styled UI compo
User-Friendly Mega-Dropdowns: When Hover Menus Fail — Smashing Magazine
Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX. Complex websites often rely on complex navigation. When a website houses thousands of pages, often combined with micro-websites and hundreds of subsections, eventually the navigation wil
Material Design Text Fields Are Badly Designed — Smashing Magazine
Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s explore why they aren’t a very good idea, and what to use instead. I’ve been designing forms for over 20 years now, and I’ve tested many of them for large organizations like Boots, Just Eat and Gov.uk. One topic that comes up a lot
DevTools Debugging Tips And Shortcuts (Chrome, Firefox, Edge) — Smashing Magazine
DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefox, Edge and Safari. Out of all the tools available at our fingertips these days, DevTools is probably one of the most advanced ones. Over the years, it has become a tool for debugging, profiling, audi
Best Practices For E-Commerce UI Design — Smashing Magazine
The goal of e-commerce design is to create interfaces that won’t get in the way of the overall shopping experience. In this post, we’re going to look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage. When you envision shoppers moving through the e-commerce sites you build, you more or less expect them
Accessibility In Chrome DevTools — Smashing Magazine
This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it’s best to strive to create the best possible experience we can for our users, regardless of their abilities. I spend a lot of time in DevTools, and in doing so, I’ve c
Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? — Smashing Magazine
As our phones are getting bigger, we need to adjust how we build and design our websites. Is there something to learn from app design and tap bars? Can we fix the mobile navigation of our websites to have a lower interaction cost? In this article, we’ll find out. Whenever you hear of “mobile navigation”, what’s the first thing that comes to mind? My guess would be the hamburger slide-out menu. Thi
Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens — Smashing Magazine
As creators of products that will be consumed on Retina devices, we have to optimize our design and development workflow accordingly. Upon failing to find a tool that fits my design team’s workflow, Artiom Dashinsky created a set of two time-saving Photoshop actions for slicing graphics for Retina and standard displays. The great feedback from his team inspired him to share it with other designers
CSS3 vs. CSS: A Speed Benchmark — Smashing Magazine
Trent Walton takes a single case experiment. Designs and codes a Web page and adds visual enhancements twice: once with CSS3, and a second time using background images sliced directly from the PSD. He times himself and compares. I believe in the power, speed and “update-ability” of CSS3. Not having to load background images as structural enhancements (such as PNGs for rounded corners and gradients
CSS 2.1 and CSS 3 Help Cheat Sheets (PDF) — Smashing Magazine
Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords. Today we are glad to release
CSS Differences in Internet Explorer 6, 7 and 8 — Smashing Magazine
One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share. The inte
Take Your Design To The Next Level With CSS3 — Smashing Magazine
Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. So why is it that, when it comes to CSS,
Push Your Web Design Into The Future With CSS3 — Smashing Magazine
There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. **Editor's Note (May 22, 2024):** CSS has significantly evolved since the original publication of this article in 2009. Since then, CSS has shipped an incredibl
CSS3 Cheat Sheet (PDF) — Smashing Magazine
Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the main features of CSS 3 in a handy, printable reference card. Just last week we released an extensive printable
HTML5 Cheat Sheet [PDF] Free Download — Smashing Magazine
XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even although HTML 5 won’t be completely supported until 2022 (yes, 2022), it doesn’t mean that it won’t be widely adopted within the foreseeable future. XHTML 2 is dead, long live HTML5! According to W3C News Ar
100 Really Beautiful Wallpaper For Your iPhone — Smashing Magazine
Few products have generated the kind of hype that the iPhone has. Its beautiful design and large multi-touch screen are irresistible. Although its interface is beautifully designed, some of us want to put a little something extra in it to suit our style, personality and profession and to further beautify this magical masterpiece. Here, we proudly present the 100 beautiful wallpaper for the iPhone,
7 Principles Of Clean And Optimized CSS — Smashing Magazine
Some of you may remember the days when 30KB was the recommended maximum size of a web page, a value which included HTML, CSS, JavaScript, Flash, and images. I find with every new project with even the slightest bit of complexity, it’s not long before that 30 KB ideal is well out of my reach. With the popularity of CSS layouts and JavaScript-enriched web page experiences, it’s not uncommon, particu
(Really) Stunning Desktop Wallpapers | Graphics | Smashing Magazine
Desktop wallpapers always come in handy. The more inspirational, beautiful and elegant they are, the better they can challenge our imagination and provide some fresh perspective in a rather tedious and monotonous workflow. However, desktop wallpapers sometimes can go far beyond offering colorful eye-candy; sometimes desktop wallpapers include calendars, funny cartoons and logos of favourite tools,
15 Impressive Alternative Browsers — Smashing Magazine
Google Chrome, Mozilla Firefox, Internet Explorer, Safari and Opera dominate the world’s desktop browser market. Whichever statistics you check, you’ll notice that they often contradict each other in declaring which browser is leading the race. They may be the most popular, but they are not the only options available for accessing the Internet. So, what about the remaining share? In this article,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sideblog: Download CS3 Wallpapers | Sideblog | Smashing Magazine