Twitter recently rolled out an updated design for profile pages, which allows you to insert a new “header photo” that sits on top of your feed, much like Facebook’s timeline cover image.
Today we’re going to dive in and see some examples of good Twitter profile images and discuss how you can design your own. I’ll even toss in a free template so you can get started right away.
Good design centers on good content. Good content needs good design to survive and stand out among all the other choices out there. The most successful design projects come together because of content-driven design.
It is easy though for designers get stuck in an image or text rut. This frequently happens because people tend think about text and images on their own. What we should be doing is writing copy with images in mind and preparing design projects with the text in mind. Think about how images and text will work together as you plan your next project.
Today we’re going to see if we can take a single image inserted via HTML and make it look like a messy stack of images using only CSS. The key: pseudo elements.
Along the way we’ll see how embarking on a project like this can quickly lead to some messy code and how we can combat that with some awesome DRY coding practices.
Once upon a time we relied purely on Photoshop to create fancy image effects. These days though we’re turning more and more to pure CSS to add eye candy to our images. Applying custom image treatments using code makes for an infinitely flexible workflow that’s easy to tweak at any time.
Today I’ll walk you through creating some extremely simple and fun CSS image tricks. From polaroids to vignettes, you won’t believe what we can pull off.
“The supreme accomplishment is to blur the line between work and play.”
– Arnold Toynbee
The topic of today’s discussion is blurry photos. No, not the kind that you accidentally take because your kids won’t sit still. The intentional kind, the use of which can serve several practical purposes in design.
We’ll learn all about how to use blur effects to help make text more legible, direct the viewer’s attention, and just make backgrounds more fun. We’ll also take a look at some different types of blurs and how to properly apply selective blurring.
Today we’re going to build a simple and fun webpage for the sole purpose of showing off Fullscreenr, a great little jQuery plugin that makes it easy to add a background image to your site that automatically adjusts to the window size.
We’ll also throw in some @font-face and rgba action to keep things modern and educational on the rest of the build. Let’s get started!
If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.
Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!
Modern branding often needs fonts that can adapt to diverse visual contexts, and hybrid typefaces do just that.
This roundup highlights hybrid fonts created to support both expressive headlines and structured body copy with seamless cohesion.
Each typeface mixes design traits in ways that feel intentional and stylish. Some fonts balance >serif and sans-serif traits for a refined yet contemporary feel. Others introduce unique shaping or subtle contrast to add character while maintaining usability across platforms.
Perfect for brand guides, packaging, web interfaces, and print materials, these fonts help unify varied design elements into a cohesive visual language.
When paired with thoughtful typography hierarchy and thoughtful spacing, they elevate every touchpoint in your brand system.
If your design needs to feel fast, bold, and full of energy, action fonts are the perfect choice.
These fonts are crafted with expressive shapes and dynamic styling that give text a sense of movement.
Many action-style typefaces draw inspiration from film titles, comic books, and gaming culture, where typography plays a big role in building excitement and intensity.
Instead of subtlety, action fonts focus on impact. Thick strokes, angled forms, and dramatic details work together to create text that instantly stands out and feels powerful.
Below, you’ll discover a curated collection of the best action fonts. These fonts will help you create eye-catching titles that feel energetic, engaging, and impossible to ignore.
Logo design plays a crucial role when it comes to the success of a business. And great logo mockup templates not only help you better present your logo design but can also make your logo design process more streamlined and efficient.
In order to help you present a logo design to your client in a super-polished way, we’ve gathered the best logo mockup templates from across the web.
All of these logo mockups are easy to use and can present your logo beautifully. Some are free, while others cost a few dollars.
Are you in the middle of a logo design project? Don’t forget to check out our in-depth guide on how to design a logo!
Designing modern and professional-looking lower thirds in DaVinci Resolve is about to get much easier.
In this collection, we bring you some of the best DaVinci Resolve lower thirds templates with premium-quality designs for making lower thirds for all kinds of videos.
There are many different styles of lower thirds templates in our collection. Whether it’s a YouTube vlog, documentary video, news clip, or social media promo, there are lower thirds templates for all kinds of videos. The best part is you can download them all with an Envato Elements subscription.
However, if you’re low on budget, we included a few free lower thirds templates in this post as well. They are great for your personal projects. Check them all out below.
Turkish-inspired fonts bring a unique blend of cultural richness, intricate artistry, and timeless sophistication to design.
Today, we are bringing you a collection of Turkish fonts to help you infuse that same look of elegance and the exotic spirit of Turkish art into your designs.
Some of these fonts are inspired by traditional calligraphy and Ottoman-style motifs, while others offer a modern twist with subtle cultural nods.
These fonts are perfect for adding sophistication, warmth, and a hint of the exotic to your creative work. Have a look.