Open Source Alternatives for Creatives
So you want to get creative, huh? Whether you’re a student, freelancer, or company looking to add a creative department, one thing is for sure…
Category: Web Design
TemplateToaster Website Builder Review
Website development has been a difficult task for developers, especially those who are new in this field. But, with the advancement in technology, you can…
5 Easy Steps to Resizing an Image in GIMP 2.x
Sometimes a client complains that their photo-heavy site takes “forever” to load and that is a major issue for their users. The truth is that…
Designing Blind – 5 Steps Toward Fostering Designer Excitement
It’s the challenge of creating something that will “wow” and go beyond what a client could have ever imagined possible that is motivating and exciting…
CSS Flexbox # 17. Using CSS Variables With CSS Flexbox
We’ve already determined that CSS Flexbox is super cool, so let’s look at mixing in another super cool CSS tool. Custom Properties (also known as…
CSS Flexbox #16. How to Create Column Patterns with Flexbox
Sometimes, when you start learning how to build websites, you often are confronted with a finished design and you start coding based on it with…
CSS Flexbox #15. How to Create a Megamenu With Flexbox
If you have a busy website, you often have a busy menu. That is why the navigation menus on these sites gradually start to look…
CSS Flexbox #14: How to Build a Card Layout in Flexbox
Card designs are very popular all over the web. You see them on social media sites and online shops. They are so popular as they…
CSS Flexbox #13. Create a Navigation Menu with Flexbox
The navigation speeds up the search of your users within your site. With CSS Flexbox, it is quite practical to code a basic navigation bar…
CSS Flexbox #12. The flex-flow shorthand property
In past tutorials of this series, you learned about the flex-direction and the flex-wrap properties. They determine the orientation of flex items. They also determine…
CSS Flexbox #11. Shorthand Default Values
In the last tutorial, you learned about the flex shorthand property. It groups three flexbox properties in one in the following order: flex-grow flex-shrink flex-basis.…
A Beginners Introduction to CSS Flexbox
The CSS Flexbox Specification is a CSS module that gives you great flexibility when creating layouts. CSS Flexbox is an elegant and lightweight approach to…
CSS Flexbox #10. The flex Shorthand Property
In the previous tutorials of the “CSS Flexbox” series, you learned that the flex-grow property specifies how items expand relative to each other to fill…
CSS Flexbox #9. The align-content Property
In the third tutorial of this series, you learned that the align-items flexbox property specifies how flex-items are distributed along the cross axis of the…
CSS Flexbox #8. The flex-wrap Property
Until now, you have seen that flex-items stay on the same line, regardless of the content inside them and the space available. With the flex-wrap…
CSS Flexbox #7. The order Property
If you want to place flex-items in a particular sequence inside their flex-container, independently of how they are placed in the HTML code, you use…
CSS Flexbox #6. The flex-basis Property
The flex-basis property sets the initial length of the flex-items inside a flex-container. You can think of it as an improved version of the width…
3 Reasons You Might Not Want To Use Iframes
One of our customers implemented an iframe on their website. They right away bumped into a layout issue. This was very typical of the iframe tag.…
CSS Flexbox #5. The flex-shrink Property
As you already learned, the flex-grow property specifies how items grow (or expand) to fill the available space in the flex-container. The flex-shrink property specifies…
How to Use Font Awesome in Photoshop Designs
The old-fashioned technique to create icons used to be manually cropping images to work as icons. This was extremely time-consuming. Now Google’s Font Awesome icons…