Parallax Scrolling and Its Usage in Web Design

Christian Vasile  •  Inspiration  •  April 30, 2012
Parallax Scrolling and Its Usage in Web Design

The parallax effect, also called parallax scrolling, is a special technique used in computer graphics at first, where background images move by the camera slower than foreground images. This is the actual concept where websites with parallax scrolling started. It was widely used in the gaming industry more than 10-15 years ago and it is still used today in different...

The 10 Laws for Successful Mobile Ecommerce Websites

Jenna Scaglione  •  Resources  •  April 27, 2012
The 10 Laws for Successful Mobile Ecommerce Websites

Morgan Stanley analysts, in their presentation on internet trends, predicted that mobile and desktop traffic numbers will be virtually the same in 2014, and mobile traffic will surpass desktop by 2015. As mobile marketing grows, new techniques and strategies emerge that beckon webmasters to “get with the program” or miss out on profits. Gone are the days of webmasters...

How Companies can Save Time and Money Using UI Kits

Rochester Oliveira  •  Resources  •  April 26, 2012
How Companies can Save Time and Money Using UI Kits

We’re really glad all the feedback we’ve got from our UI kits and our post about them. So it’s time to dig a little deeper into their practical use. For those who didn’t read the first post, UI Kits are files (pretty much psds) with a lot of useful and common UI elements, with color variations, styles and that are easy to customize. They are specially handy because...

How to Create an Audio Player in jQuery, HTML5 & CSS3

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  April 24, 2012
How to Create an Audio Player in jQuery, HTML5 & CSS3

Topic: jQuery / CSS3 Difficulty: Intermediate / Advanced Estimated Completion Time: 30 mins Today’s tutorial we will code an Audio Player from Impressionist UI by Vladimir Kudinov. We will code it with CSS3 for the styling and the “MediaElement.js” for the functionality. MediaElement.js is a HTML5 audio and video player that also works for older browsers using Flash and...

10 WordPress Themes inspired by Social Media

Drew Harding  •  WordPress  •  April 22, 2012
10 WordPress Themes inspired by Social Media

2012 has seen some great web design already and the Big social media sites have really lead the way in redesigning their layouts and functionality… so much so that web designers all over the world have started to take note and take inspiration. Below I’ve put together a collection of fresh WordPress themes that take inspiration from Social Media and incorporate elements...

Futurico UI – User Interface Elements Pack

Adrian  •  Shop  •  April 20, 2012
Futurico UI – User Interface Elements Pack

Futurico UI is the one of world’s biggest user interface elements pack. This extraordinary collection contains more than 200 web design elements to use in any design or application and for projects of all styles and concepts. All the elements in this pack are editable and available in fully-layered PSD (rasterized) format for easy integration. The pack includes three sets of...

How to Create a UI Sliders Set in Photoshop

Andrei Marius  •  Tutorials  •  April 20, 2012
How to Create a UI Sliders Set in Photoshop

Hi there. In the following tutorial your will learn how to create a UI sliders set in Photoshop. Tutorial Details Topic: Adobe Photoshop Difficulty: Intermediate Estimated Completion Time: 1 hour Final Image As always, this is the final image that we’ll be creating: Step 1 Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the...

Free Content Accordion (CSS3+jQuery)

Valeriu Timbuc  •  Freebies  •  April 19, 2012
Free Content Accordion (CSS3+jQuery)

Some weeks ago, we have published an article: How to Create a Content Accordion in Pure CSS3. Today we have decided to offer you the free jQuery version of this plugin that is compatible with all the existing browsers. Once you decide to develop a website, it is a bit of a challenge to take care of the content and organize it in a user friendly way. You have to think about the...

What is UI Kit and Why You Should Use it

Rochester Oliveira  •  Coding  •  April 18, 2012
What is UI Kit and Why You Should Use it

We’ve been launching a few great free and premium UI Kits at Designmodo. But some of you may have missed it simply because you don’t care about it… yet. Today we’ll see what you lose by skipping those great collections, and how to get more from them. It’s not just about copying and pasting elements, at all. It’s about improving your workflow, getting more and...

Mobile Patterns and Why Use Them in Design

Christian Vasile  •  Design  •  April 17, 2012
Mobile Patterns and Why Use Them in Design

Mobile Patterns or Mobile Templates are, as the name obviously states, templates to use for easing our work when designing a site for portable devices. As mobile web design means more and more nowadays, designers often have problems reaching deadlines because of a high workload. In web design we have grid systems we build on in order to help us maintain a clean visual pattern,...