Category: Tutorials

Create a Vertical Timeline Using CSS

One of projects that I’m currently working on has a history page and it shows a vertical timeline so I will share that CSS codes. I think everyone can customize it easily because it is not that complicated.
Read More

CSS3 Animation of Background Colour

There are many websites which are used one solid colour since the flat web design has been a new trend. However, I think some of you got bored of it already. Why don’t you try something new? In this article, I’ll share how to animate background colours using CSS3 animation.
Read More

Creating Accessible Drop-Down Menus

You’ll see a drop-down navigation menu in many websites. It is easy to follow if it’s categorized clearly, and also web designers like to use it because we can save the spaces. However, normal drop-down menus cannot be accessible by tab key. Let’s think about drop-down menus by accessibility perspective.
Read More

Useful CSS Text Effects

Mobile-first design is getting more and more important in today’s world. We need to make each web page comfortable to read. So I collected some CSS text effect snippets for both decoration and usability improvements.
Read More

The Basic Idea of Symmetrical Design

Symmetry is one of the most useful techniques when you design. Symmetry has been used in various situations since ancient times to create balance and harmony. I will focus on symmetry in this article and think how to use it for your design.
Read More

Free Photoshop Plugins That You May Find Useful

Adobe Photoshop – web designers cannot work without it. It’s getting much better after it’s upgraded to Creative Cloud. There are many photoshop plugins that you can download for free to save your time. I will share them and you may find useful!
Read More

Handy Dummy Text and Image Generators

When we are designing a brand new website, most times we insert dummy text or photos to make mockup looks finished. Today I will share dummy text and images generators. Let’s use them to save your time!
Read More

Add Icon Fonts to Text Links

Customise your text links with icon fonts! It’s much easier to display small icons beside text links if you use web font icons which is called “icon fonts”. I’ll share how to change icons by link URL and format type as well!
Read More