Design Focus

Design Focus: Deconstructed Sliders

Our featured designs for the week contain slideshows that don’t just animate a page of content at a time, but breaks down each into their components, then animate them into the viewport one at a time.

Designs of the Week

Want your site to be as good-looking and inspirational as these? Start by choosing a well-designed theme from ThemeForest.

Reputation Radar website

Reputation Radar

Not only does this slider animation technique takes the excitement up a notch with objects flying in from all directions, but adding in a bit of perspective also goes a long way. I also like the uneven borders, section dividers, and flyout menus.

Lift Interactive website

Lift Interactive

Love the way their portfolio items are presented in the slider: logo, full site screenshot, mobile site screenshot, icons, and other related objects all arranged neatly. I also find it very interesting that while there’s a fixed menu, their logo isn’t located there, but on the scrolling part of the page. Instead, the top left area is reserved for announcements, e.g. hiring info. Another cool component on the site: each downloadable article from their blog has a “book cover” for an image, and animates 3-dimensionally on hover. The rest are in colorful blocks below.

Webdesign Weblounge website

Webdesign Weblounge

I like how the background in the slideshow changes per slide. I also like how their portfolio items have pics that go beyond their containers.

Social Media Weekly

Pagelines lets you build WordPress websites and it’s as easy as drag and drop, go check it out!

Web DesignUseful Print And Online Magazines For Web Designers
“In this overview of useful magazines you’ll find everything from purely online publications to monthly, glossy print editions, where all subjects relevant to art and design are being investigated in colorful, eloquent detail.”

Usability, User ExperienceThe Zen of Usability Testing
“If we only designed sites for people in our industry, the results would be quite predictable. On the other hand, trying to design things to work in a way which is logical to someone who doesn’t know the limitations of our software is an enormous challenge. This is when we are pushed to make really clever stuff happen.”

CSSTags in CSS files
“What if I want to find any section that handles images, or perhaps I need to know what CSS is available for use on lists? I need a way of searching within sections, not just their titles. Enter CSS tags…”

Sorry, comments are closed.