All posts by Jake Rocheleau

Jake is a freelance writer, designer, and illustrator. He currently writes articles on user experience design and web development techniques. You can check out his work on Dribbble and follow his tweets @jakerocheleau.

All of these snippets are built to run in CSS3-compliant browsers using transitions and keyframes. Take a look over these code samples to see if you can implement any of them into your own web design work.

From banners to logos and video effects, the use of digital typography is broad and widespread. Modern designers have achieved brilliant digital typography because of the many examples for inspiration. I’ve seen hundreds of fantastic examples from minimalism to textures and every detailed style you could imagine.

In this gallery I’ve put together a large collection of digital typography examples. If you’re looking for new project ideas or concepts to practice this gallery will assuredly prove useful. The learning process begins with inchoate studies and reading material but continues with lots of practice. And no matter how good you are, there’s always going to be room for improvement. So keep at it and use these examples as measurements for your end result.

Icon sets have grown into abundance all around the Internet. Icons have been commonly associated with ancillary extras used to spice up a website or software GUI. Many icons still behave in the same supportive manner, but they’ve expanded to mobile interfaces and even into the realm of app icons.

This gallery puts a direct focus on weather icons that prove useful in specific circumstances. You’ll find plenty of variety from boisterous to balmy icons and everything inbetween. There are detailed icons and thin minimalist alternatives. Plus I’ve added a few weather app icons for you mobile designers out there. Some of these icon sets are even free to download so keep your eyes out for freebies to see if they could benefit any project work.

Various styles have been adapted over recent years pertaining to icon design. Websites and mobile apps utilize their fair share of icons to convey a much clearer meaning in regards to a user interface. Those with perspicacity recognise the importance of symbolic pictograms. But how do you decide on a theme among the many various styles to choose from?

Although there is no right answer to that question, I’d like to focus on one of the more obscure styles: circular icon design. The beauty of circle-themed icons is how they can break into other themes. Some icons may be more flat while others are more realistic. Any icon-set can become circular as long as the boundaries follow a rounded shape. And each example below is the epitome of design excellence!

How often do you need to update your portfolio website? Perhaps every couple of years or more? Although it may not be something all too common, there are lots of designers who wish to update their design style in a consistent manner. This requires tact, skill, patience, and quite a bit of free time.

Unfortunately not everyone has this kind of free time for designing custom portfolio layouts. To remedy this situation I’ve collected a series of 23 minimalist portfolio websites meant for any freelancer or studio. Whatever your creative field be it writing, web design, fine art, performance, or music, these portfolios are excellent for showcasing your work. If you need a fresh redesign or just wish to launch a crisp new portfolio, then one of these WordPress themes is certain to sweep you off your feet.

Everyone who’s been keeping up with mobile app design should know about Google Material Design. It’s a new design language created for Android which has extended into mobile apps and websites. Although material design was created for any interface, its primary purpose is to guide mobile designers toward a more functional application UI.

To get you up-to-speed I’ve organized 26 brilliant mobile applications using concepts from Material Design. The online documentation is quite detailed and explains all the major concepts. But words and simple demonstrations are not always enough – sometimes it helps to see what other designers have created. Take a look over this collection to see if you can find any interfaces that catch your interest.

It used to be that videos would have taken 20-30 minutes to fully stream over dial-up Internet. But now people can browse YouTube and watch videos streaming from their phone with a 4G connection. This has paved the way for many video-integrated websites including fullscreen background videos.

In this gallery I’ve compiled a series of 30 brilliant websites featuring large homepage video backgrounds. Each layout is structured in a unique yet systematic way according to the video quality and color scheme. Fullscreen background video is a newer trend which has gained a lot of attention over recent years. Use this gallery for both design inspiration and generating cool new ideas in your own projects.