Extending HTML by Creating Custom Tags

In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. What Is a Custom HTML Tag? With HTML you… Continue reading Extending HTML by Creating Custom Tags

How to Order and Align Items in Grid Layout

In this tutorial, you will learn how to control the order in which items are placed using the Grid Layout module. After that, we will discuss how to control the alignment of different items in the grid. In the past, we covered a few important Grid-related topics. We began by learning about different ways of… Continue reading How to Order and Align Items in Grid Layout

The Three Photo Effects in Luminar You’ll Fall in Love With

Posted · Category: Stock Photos Every image, in every webpage you work on, should be flawless in terms of its quality, and its ability to fit with the concept or idea behind the page. An image should also fit in contextually with the accompanying text. These considerations, and how cleverly you apply them, can make… Continue reading The Three Photo Effects in Luminar You’ll Fall in Love With

5 ways to identify quality stock images

In association with iStock by Getty Images. A good stock image is like a good design: you want it to be powerful, persuasive, and memorable; without drawing attention to itself. It can seem like a difficult balance to achieve, but a little effort on your part will reap rewards. Stock images are used for a… Continue reading 5 ways to identify quality stock images

Creating a design system language

It seems like the current buzz word in the design industry and everyone wants one. But how exactly can a product benefit from having a living, breathing design language? I’m going to try break down the very basics so you can understand why it’s needed. Creating an underlying language will unite our design philosophies and… Continue reading Creating a design system language

20 essential CSS tricks every designer should know

This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know

10 Amazing Photoshop Templates That Every Designer Should Own

What You’ll Be Creating Photoshop templates are a great way of transforming your images instantly into something more eye-catching and professional-looking. Creating a vintage-style collage? Using a vintage PS template will give your photos that authentic aged look. Looking to improve a set of so-so wedding photos? Using a soft focus template will make them… Continue reading 10 Amazing Photoshop Templates That Every Designer Should Own

StringBean – FeatherWeight Responsive CSS Framework

Posted · Category: Framework, MIT License StringBean is the featherweight responsive CSS Framework based on a 24-point system, rather than the traditional 12-point system that other frameworks use. Sometimes, 12 is just too few, especially on a high resolution screen, such as 4K – at 4K String Bean comes into its own! This gives the… Continue reading StringBean – FeatherWeight Responsive CSS Framework

Essential Design Trends, March 2016

One of the great things about looking at trends each month is catching a glimpse of what designers are experimenting with. In particular, you start to see a distinct crossover of elements that you might have missed at first glance. That exact thing happened with this month’s collection. Note all the yellow and gold tones. Even… Continue reading Essential Design Trends, March 2016

Interview with Illustrator Grzegorz Rutkowski

Grzegorz Rutkowski is a 28 year-old Polish illustrator. He works in the industry for about 6-7 years. He was always interested in art since he was a child. He has done some comic arts and illustrations inspired by cartoons, movies and comics. Read on and enjoy! Can you tell us the process in making the… Continue reading Interview with Illustrator Grzegorz Rutkowski

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and it just looks more professional. The great thing about these Styleguide resources is that there is undoubtedly one that will let you work the way… Continue reading Styleguide Toolbox – Templates, UI Kits, Tools & Generators

10 Tips for Improving Your Photo Manipulation Skills

Over it’s 20+ year history, Photoshop has proved itself useful for a great many things. One of the primary applications is photo manipulation. In fact, it’s photo manipulation that is meant by the colloquial term “to Photoshop”. Yet pulling off a successful photo manipulation isn’t quite as easy as it sounds.  So whether you are… Continue reading 10 Tips for Improving Your Photo Manipulation Skills

How To Choose The Best Font For Mobile User Interfaces

Image source: Gal Shir[2] It is a tricky task-we are not discussing content that will be opened once/twice, but such that will be browsed while users sit in waiting rooms, travel in the subway, rest in their beds, etc. Regular usage opens the door for other challenges too-mobile screens’ responsiveness depends on lighting, and it… Continue reading How To Choose The Best Font For Mobile User Interfaces

10 Apps To Batch install & Uninstall Windows/Android Apps

Installing and uninstalling an app is a necessary process to ensure that your device is working fine. Sometimes, you need to install certain apps that you need while at the same time, you have got to uninstall some apps that are now not necessary. However, installing and uninstalling apps one at a time is quite… Continue reading 10 Apps To Batch install & Uninstall Windows/Android Apps

How to Streamline Your Logo Design Process

Creating a identity that is unique any brand can be quite a challenge, because there are so many things to factor in. The process is not as simple as throwing your creative juices into the project – that’s just a fraction that is small of. Company logo demands a great deal more from any musician,… Continue reading How to Streamline Your Logo Design Process

The Best New Portfolio Sites, February 2016

Welcome everyone to February’s portfolio roundup. It’s time to fall in love with all-new work, by all-new designers. Yes, I went there. So, when looking at this list, I recommend that you take inspiration from the good ideas, and simply ignore the bad. All right, let’s do this… Taiki Kato Taiki Kato’s portfolio proclaims him… Continue reading The Best New Portfolio Sites, February 2016

How to Install WordPress: The Application

In this introductory series for how to achieve some tasks in WordPress, we’ve talked about themes and plugins and how to install our web server. The one thing we haven’t covered, though, is how to install WordPress. In this tutorial, I’m going to walk through the process of downloading a copy of the WordPress source… Continue reading How to Install WordPress: The Application

Learn SQL

Every web developer should know SQL. Although it has been around since the 70s, it is still widely used, and you can’t build a serious application without it. Most full-stack frameworks have libraries for dealing with the SQL complexity – ActiveRecord, Doctrine, Hibernate and more. But often times you need to get your hands dirty and write low-level… Continue reading Learn SQL

How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

What You’ll Be Creating In today’s tutorial, I’m going to show you how to create a monochrome portrait from a photograph. Today’s subject is the inspiring Aydian Dowling, who has given us permission to use one of his photos for this tutorial.  If you’re not aware who Aydian Dowling is, let me introduce you to… Continue reading How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

Posts, Pages and Post Types

In this part of this series on WP_Query, you’ll learn how to use WP_Query to query for posts, pages and custom post types. You can query for specific posts and pages or you can run a query to return posts of one or more post types. A Recap on How Arguments Work in WP_Query Before… Continue reading Posts, Pages and Post Types

20+ HTML Forms Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners