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.
続きを読む

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.
続きを読む

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.
続きを読む

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.
続きを読む

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.
続きを読む

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!
続きを読む

I wrote about Sass (SCSS) on Introduction to Sass and How to Setup with Mac + Codabefore. How are you liking it? Today I will focus on @mixin which is one of the most powerful features of Sass. Some of snippets are included Compass framework but I wrote the code by myself to learn. All of mixins are very easy to customise, so let’s get started to create your own mixins!
続きを読む

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!
続きを読む

Every website has text links. Normally it’s used hover selector and change text colour which is very simple effect. I was wondering if I can add better effect so this article will share how to add cool effect using CSS3.
続きを読む

I was hospitalised for a while last year. I often browsed the web or checked email when I was bored (It’s ok to use the internet in my hospital). But sometime it was hard because I couldn’t use my hands well. Then I noticed how the web accessibility is important for everyone. This article will help you get started improving your website to remove accessibility barriers and avoid adding new barriers.
続きを読む