12 Best WordPress Themes for 2021

If you already have a good idea of what you want a new website to look like, the next step would be to decide on the tools you’ll need to put into play to turn that vision into a reality. Tools enable you to present its content in ways that will engage and captivate its… Continue reading 12 Best WordPress Themes for 2021

Why AI & Automation Are Actually Friends to Design

Artificial intelligence. Just hearing the phrase has been a trigger for many in the technology world since that creepy Haley Joel Osment film circa 2001. But more recently, artificial intelligence and machine learning strike fear into the hearts of skilled workers for an entirely different reason: job security, or lack thereof. Smart-home devices, streaming services, self-checkouts,… Continue reading Why AI & Automation Are Actually Friends to Design

Using Bootstrap to Create Material Design Web Apps

Google’s Material Design is ubiquitous in modern mobile apps. Perhaps it’s because most people today have come to love its bold colors, subtle shadows, and minimalist layouts. Wouldn’t it be great if you could easily apply the same design language to your websites and offer visitors a user experience they’re are well accustomed to? Well, with… Continue reading Using Bootstrap to Create Material Design Web Apps

Which Should You Use and When?

Flexbox and CSS Grid are two CSS layout modules that have become mainstream in recent years. Both allow us to create complex layouts that were previously only possible by applying CSS hacks and/or JavaScript. Flexbox and CSS Grid share multiple similarities and many layouts can be solved with both. When to use which is another… Continue reading Which Should You Use and When?

14 Firefox Developer Tools You Might Not Know About

In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools.  Even if Google Chrome is your primary development browser, Firefox has some tools that Chrome doesn’t. In fairness the reverse is also true–Chrome has some tools that Firefox doesn’t, but the tools in… Continue reading 14 Firefox Developer Tools You Might Not Know About

Starbis – All in 1 HTML5 Theme for Bloggers, Businesses & Web Stores

Bloggers, freelancers and web design studios are rapidly shifting towards building web resources on the basis of multi-purpose website templates. A broad spectrum of customization features, multiple ready-made layouts, child themes, and rich UI kits lure people’s attention, turning them into avid fans of fit-it-all designs. Today, we are going to bring your attention to… Continue reading Starbis – All in 1 HTML5 Theme for Bloggers, Businesses & Web Stores

Custom Grid Design for Structured Website Mockups

The best print and digital designers are those who can master the use of grids. In many cases it’s possible to forego the grid, but you’ll generally create higher-quality work if you learn the rules of grid structure and composition. Grid design is one of the most important components for structuring layouts. Websites use grids… Continue reading Custom Grid Design for Structured Website Mockups

Create a Vinyl Record Player Icon in Adobe Illustrator

In the following steps you will learn how to create a vinyl player icon in Adobe Illustrator. For starters, using a simple grid and the snap to grid feature along with basic tools you will create the main shapes. Next, you will learn how to create a conical gradient using a somewhat complex mesh. Using… Continue reading Create a Vinyl Record Player Icon in Adobe Illustrator

35+ Grid Based Web Design Templates

Every website needs to have its own personality. If you have a minimalist design in mind for your website, going for a grid based web design is definitely a interesting choice. Basically, grid websites enable you to present your website’s content in a web page grid fashion. Think blocks of your most appealing text, or… Continue reading 35+ Grid Based Web Design Templates

Build a Freshly Squeezed Responsive Grid System

I’d like to talk to you about Lemonade. Not the refreshing citrus drink, but a grid system I created. Lemonade is a grid system that was built in order to give designers and developers the confidence to make fully responsive websites, eliminating the frustration of flicking between browsers looking for bugs and errors. Let’s look… Continue reading Build a Freshly Squeezed Responsive Grid System

30 Masonry WordPress Themes

A masonry layout can use jQuery and CSS3 to dynamically position your images and videos in a neat grid that is optimised and changed depending on screen sizes and the displayed content width and height dimensions. Many WordPress theme shops and authors are incorporating masonry layouts into their WordPress themes, this results in a dynamic… Continue reading 30 Masonry WordPress Themes

Choosing a Grid System

In the previous article, I introduced you to grid systems. With any luck, by now, you should have a good understanding of what they are and why they’re a good weapon to have in your design arsenal. Today, I’m going to explain about choosing a grid system – from creating your own, to working with… Continue reading Choosing a Grid System

Why Media Temple’s Grid Package Is Such A Likeable Hosting Option

The Media Temple Grid type hosting plan is the best value for blog, business or personal web hosting, for a number of reasons. First among these is the scalability it comes with:  there is no fixed capacity, so you’re always online. The number of computers comprising the grid can be augmented with just a flip of… Continue reading Why Media Temple’s Grid Package Is Such A Likeable Hosting Option

15 Grid Frameworks & Tools for Web Designers

Grid frameworks are the flexible way to make more responsive and cross browser compatible websites. With the huge impact of smartphones, there is a need to get your website compatible with mobile devices as well as classic PC browsers. Here comes the need of these grid frameworks and tools. Web designers are working tremendously well… Continue reading 15 Grid Frameworks & Tools for Web Designers

App Showcase with Grid Overlay

Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and… Continue reading App Showcase with Grid Overlay

Arrange Images into Flexible Grid with Photoset Grid

Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have since expanded it and released a jQuery plugin for us. Beyond… Continue reading Arrange Images into Flexible Grid with Photoset Grid

Thumbnail Grid with Expanding Preview

If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a… Continue reading Thumbnail Grid with Expanding Preview

How to Create a Vector Cross Stitch Effect in Adobe Illustrator

In today’s tutorial, I’m going to show you how to create a cross stitch effect using Adobe Illustrator CS6. I’ll be using the Appearance panel and patterns in order to create the design and then show you how you can create a simple Aida fabric background pattern. This is a great tutorial for those who… Continue reading How to Create a Vector Cross Stitch Effect in Adobe Illustrator

20 Latest Free High Quality PSD Files

Web designers always used to try different techniques and experiment with various new aspects of Adobe Photoshop to spice up into their works. Today we present you some high quality free PSD files for your next design with Photoshop. Enjoy!   iphone ui(PSD freebie) Social Media Sharing Buttons (PSD) Google Maps UI Controls (PSD) Apple… Continue reading 20 Latest Free High Quality PSD Files