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  •  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,...

A Beginner’s Guide to jQuery

Christian Krammer  •  Coding  •  April 16, 2012
A Beginner’s Guide to jQuery

Undoubtedly it’s the time of CSS. With the great support of current browsers almost everything seems possible just with it. Especially when you are lucky enough to code a mobile app and only have to consider WebKit as the browser. But often things are far from perfect and Internet Explorer 7 acts as the lowest common denominator. CSS is no option there to achieve great...

How to Create a CSS3 Dropdown Menu

Valeriu Timbuc  •  Tutorials  •  April 13, 2012
How to Create a CSS3 Dropdown Menu

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 20 mins In this tutorial we will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI by Vladimir Kudinov. Step 1 – HTML Markup We will create an unordered list with a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the...