Back in the day, splash screens were a popular addition to websites. They were a frontal page that was displayed before the user accessed the main site, which typically featured a sparse layout incorporating just the website’s logo and guidance about which browsers and monitor resolutions were supported.
showcase
Showcasing UI Interaction Design with Animated GIFs
The humble animated GIF has become a popular tool for designers to share their UI designs. How a web or app interface works is just as important as how it looks, and the animated GIF—while it lacks refinement and quality—is the most accessible file format that can be easily viewed directly in the browser, making it perfect for sharing on social sites such as Dribbble.
Showcase of Web Designs with Modern Splash Pages
In the early days of the web, designers made use of splash pages to introduce a website with a logo, a short description, and crucial supported browser information. We no longer dictate to our users which browsers they’re permitted to use, but splash pages are still fairly prominent in modern web design.
As layouts have expanded to take up the full screen, many sites now display just a logo or tagline to their users until they scroll to see the rest of the content. In today’s web design showcase, we round up 30 websites that make use of the modern splash pages. See how they reinforce their brand or introduce the company before taking the user to the main content.
30 Beautiful Blue Websites for Design Inspiration
We thought it would be interesting to check out a showcase of blue websites, to change things a bit. The clean and fresh characteristics of this color make it a popular choice among web designers, with light cyans being particularly trendy in the modern web design scene.
20 Web Designs That Look Like Animated Infographics
Over the past year or two, we’ve seen the latest CSS and Javascript animation abilities being used to really enhance the experience of browsing a web page, with sites these days being a closer resemblance to animated infographics or Powerpoint presentations.
30 Web Designs Featuring Pop Out Navigation Menus
Once upon a time navigation menus were constantly anchored in place along the top or side of a web design, but nowadays as Javascript and CSS animations are becoming more popular, we’re starting to see different navigation UI approaches when it comes to directing your users to where they want to go.
The “hamburger” icon has become the recognized metaphor for the menu, which allows designers to hide away their links until they’re needed.
Today’s post features 30 modern website designs which make use of pop out navigation menus. These sites cleverly bring the menu into view using slide-in or overlay effects.
30 Web Designs with Bright Flat Color Backgrounds
The flat design style is still going strong! We originally showcased a range of web designs with solid background colors, but there have been so many new designs launched since then we thought it was worth creating a whole new roundup.
Check out this collection of website designs with bright flat color backgrounds. These designs ditch textures, gradients and patterns in favor of vibrant bold solid colors.
35 Radical Red Colored Websites for Design Inspiration
Red is a vibrant hue that color theorists suggest represents love, anger and in some cultures, happiness, but how is it used in web design? The color red in its many variants seems to be a popular choice with web designers.
Web Design Trend Showcase: Super Gradients
After the dominance of flat colors in web design, we’ve noticed a new web design trend of gradient use beginning to emerge. Gradients are nothing new in web design, but the CSS property of linear-gradient now allows designers to add vibrant spectrums of color directly to their code, rather than the traditional method of creating a gradient image in Photoshop.
One advantage of the CSS approach is the gradient can be scaled to any size, which makes it great for screen filling gradient backgrounds.
Today’s showcase features 25 examples of these super gradients used as backgrounds, headers, and overlays.
20 Cool Website Designs with Full Screen Slideshows
Javascript slideshows became increasingly popular thanks to the introduction of libraries such as jQuery. We’re used to seeing slideshows contained in a box somewhere on the page, but nowadays we’re seeing supersize slideshows that span the whole screen.
This post showcases 20 cool websites that make use of these full-screen slideshows effects to promote their content.
