30+ Abstract Brushes and Patterns

A good piece of art always contains the aspect of attraction, which provides the initial prompt of glances from potential onlookers. But a great piece of art is able to capture and compel their gaze to linger for that extra span of time. Every true artist shoots to achieve this secondary level of interest, but few know the techniques to use to create that deeper level of interest. Adding texture to various aspects of your designs is an easy way to do this quickly and effectively through the use of Photoshop brushes and patterns.

So we’ve put together a list of more than 30 brushes and patterns that you can add to your text, backgrounds, or other digital art layers in your composition to add interest and intrigue to your designs. And when your goal is to stand out, what works better than to use abstract designs?

Check It Out! Our 30+ Top Freebies for Abstract Brushes and Patterns

Make your designs “pop” with this Dot Splatter Brush
Dot Splatter Brush

20 Best Responsive Web Designs

A website is considered responsive when it is designed in such a way so that the viewers can read the content of the website, navigate through it with easy from different kinds of devices like Android phones or Smartphones, computers, tablets and other such gadgets. Since the number of mobile internet users are increasing at a fast pace, the webmasters should also take some serious steps to provide the browser with the best experience so that they take the initiative to come back to your site time and again.

Tips for Improving Your CSS Code Comments

Building a CSS stylesheet is not often the most difficult task when constructing a website. However putting together readable styles which still make sense months down the road may be a challenge. Web developers often get lazy and struggle to keep their documents organized.

featured photo css code comments and stylesheets

Thankfully there are some easy steps you can take to build your stylesheets with a very clean codebase. In this article I would like to introduce some ideas for writing clean CSS comments in your code. Commenting is a useful practice not just when coming back to your own files in the future, but also for other developers who are picking up your work. Play around with just a couple of these techniques and you will certainly notice a difference in the readability of your stylesheets.

26 Portfolio Project Listings for Design Inspiration

Designing a website portfolio can be difficult because of all the different options and various layout solutions you can choose. Ultimately you want to use a portfolio to focus on projects you have created, or are currently creating & working with. This showcase is helpful to people interested in your work.

For this gallery I have put together 26 inspiring portfolio project listings. Each page layout focuses on the projects and offering details for potential clients. Freelancers and agencies alike can learn and study from similar techniques already created online. If you enjoy the post and want to share some ideas feel free to drop a comment in the discussion area below.

Grain & Mortar

Grain and Mortar website portfolio

Professional Web Design Techniques for Minimalist Layouts

Minimalism is a very interesting topic because it is the idea that less is actually more. Designers are frequently thinking about how to trim down excess fat off website layouts. This idea of minimalist design is certainly not brand new, but the traits have been adapting for years.

Additionally there have been many advancing trends along with responsive design which has paved the way for a new minimalistic style. Minimalist designers are able to focus now on beautiful interfaces, navigations, and content displays. The modern era of computing and web browsers has connected the Internet together like never before. I’m hoping these ideas will provide at least some value to web designers who are interested in minimalist techniques.

32 Clever Uses Of Photos In Web Design

In this post we have collected 32 clever uses of photos in web design. Enjoy! If you like these photos in web design you might also want to check out our previous post below.

23 Websites with Full-Screen Photo Backgrounds

nzopera

26 Beautiful Fullscreen Websites

In this post we have collected 26 creative & beautiful fullscreen websites for inspiration. Enjoy! If you like these fullscreen websites you might also want to check out our previous post below.

23 Websites with Full-Screen Photo Backgrounds

mapbox

Designing Modern Web Layouts with Professional Flair

It’s very easy to tell the difference between a modern website design compared to something done 5 or 10 years ago. Web designers have quickly grown into a new phase of glossy buttons and CSS3 webkit properties. All of these effects can be applied to website projects today in order to prepare for a comparable outcome later on down the road.

In this article I want to look into modern design techniques for creating professional websites. I’ll use a few current examples in the article which we can compare with each other. Some trends just do not work well on all websites, so you’ll have to take these ideas with a grain of salt and gauge them for each situation. But it’s very clear that web design has entered a more advanced development cycle and as such we are noticing tremendous adaptations with modern layouts.