30 Brilliant Slider Animations For UI Inspiration

Sliders are the most commonly-used UI element, after buttons. From lock screens and image galleries to volume controls and app selections, we use sliders to navigate our way through different interfaces everyday. An effectively implemented slider enhances the user experience and makes the interface more engaging, dynamic, and memorable. … [Read more...]

29 Beautiful Color Schemes From Award-Winning Websites

Looking for color schemes for your website or UI? The design team at Visme, an online tool for creating presentations and infographics, has created a list of beautiful color schemes from websites that have been recognized by Awwwards, the world's largest web design awarding body. … [Read more...]

36 Beautiful Color Palettes For Your Next Design Project

Looking for color palettes for your UI? Color Hex is a useful online tool with a collection of almost 40,000 color palettes that you can use in your projects. You can copy hex codes and even download a .PNG version of each palette. Check out some our favourites below. … [Read more...]

This Animated Video Brilliantly Explains How To Choose The Right Colors For Your Designs

Choosing the right color palette is essential to the success of any design project. But how do we know which colors look good together and which ones don't? How do the pros do it? The answer is color theory. Artists and designers have used color theory for centuries, but anyone can learn more about it. … [Read more...]

The Homepages Of America’s Fastest Growing Companies Have These Elements In Common

“You never get a second chance to make a first impression.” – Will Rogers. The homepage of your website is a user/customer’s first impression of your company. You have 0-8 seconds to engage a user, after which the majority of them leave. A one-second delay in your site speed can result in a 7% reduction in conversions. The key ingredients of an effective homepage are speed, … [Read more...]

31 Brilliant User Interface Animations

Animated interface elements don't just attract attention, they enhance user experience and help guide user flow. They reveal the functionality and process of a user interface much better than static text. Like any other element of good design, UI animations should have a purpose without being too noticeable. They should be functional above everything else. … [Read more...]

A Useful Guide To Different Font Formats That Every Designer Should Know

There are many choices of font formats but not a single one works across all browsers. You will have to use multiple font formats to deliver a consistent experience. These include TrueType Font (TTF), OpenType (OTF), Embedded OpenType (EOT), Web Open Font Format (WOFF) and Scalable Vector Graphics font (SVG). … [Read more...]

This Animated Video Brilliantly Explains Layout And Composition In Graphic Design

Layout and composition are the foundation of design. They give your work structure and make it easier to navigate. Without a well-composed layout, your elements would basically fall apart. GCFLearnFree has come up with an excellent animated tutorial on the five basic layout and composition principles that can help transform your work and sharpen your eye for design. Check it … [Read more...]

30 Great Font Combinations For Your Next Design Project

Designers often spend a lot of time deciding which typefaces to pair up and most sites don’t offer a real preview of what the text will look like. To make life easier for everyone, designer Poppie Pack from Canva has created a set of mock-ups that show different headline and body font combinations for a variety of design projects. Pack has also specified the font size and style … [Read more...]

50 Beautiful Color Combinations For Your Next Design Project

Looking for some nifty color combinations for your next project? The design team at Visme, an online tool for creating presentations and infographics, has created a list of 50 beautiful color schemes you can use in your designs. These color presets are available within Visme to use in any charts or graphics that you create with it. Check out the list below. … [Read more...]

Sketch vs. Photoshop

Blogger Helga Moreno has come up with a handy infographic that compares the time-tested Adobe Photoshop with the relatively new Sketch app, on the basis of their usability for web design and development. The infographic lists the key features of both apps and compares them on relevant parameters. … [Read more...]

Designer Brilliantly Explains How To Charge Clients For Logos And Other Design Services

Chris Do is an Emmy award-winning designer and founder of Blind, a brand strategy design consultancy in Santa Monica. He also runs an online venture called The Futur which teaches the business of design to creative entrepreneurs. … [Read more...]

30 Beautiful Color Gradients For Your Next Design Project

Looking for cool background gradients for your UI? Software and design company Itmeo has created a useful online tool called WebGradients – a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. You can download a .PNG version of each gradient and copy their CSS3 cross-browser codes. Sketch and Photoshop packs are available … [Read more...]

Who Legally Owns A Website Once It’s Designed?

"I paid a professional web designer to create my site, of course I own it!" - this is probably the belief that almost every website client holds. It makes perfect sense - you paid someone to develop a website for you. Why then would you not own what you paid for? … [Read more...]

600 Free Icons For Your Design Projects

illustrio is a smarter icon library. From one single icon, you can easily generate hundreds of new ones by simply changing their colors and styles online. The outcome is infinite since illustrio already have more than 7000 unique icons on their platform, with thousands more to come. … [Read more...]

Dogs Explain What Different HTTP Status Codes Mean

San Francisco-based software programmer Mike Lee has come up with a fun project titled HTTP Status Dogs that uses dog pictures to illustrate what different HTTP status codes mean. For example, 404 (not found) is a picture of a dog digging a hole looking for something but unable to find it. 204 (no content) is a picture of a dog next to an empty bowl. Check out more below. … [Read more...]

What Is SSL And Why Every Website Will Need It In 2017

SSL (Secure Sockets Layer) is the standard security technology for establishing an encrypted link between a web server and a browser to avoid interception by hackers. Encryption means to convert information or data into a code, especially to prevent unauthorized access. A website that uses SSL encryption has a padlock next to their domain name in the browser's address bar (like … [Read more...]

IKEA Renamed Its Products After Common Google Searches About Relationship Problems

IKEA's products have always been inspired by how people live in the real world. They wanted to remind people that their products can solve or improve a variety of everyday problems. … [Read more...]

A Useful CSS Reference Guide To Speed Up Your Workflow

Cascading Style Sheets (CSS) is a stylesheet language that defines how the content on a web page is to be displayed with colors, borders, fonts, backgrounds etc. As a web developer, it is imperative that you know all the major CSS elements at the back of your hand. … [Read more...]

Web Design Psychology: How To Create A Site That Influences People

"Good design is obvious. Great design is transparent." - Joe Sparano. An effective website is one that builds trust with its user and influences him/her to take your preferred course of action. From layout and typeface to colors and CTAs, each element plays an important role in engaging users and creating profitable conversions. … [Read more...]