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

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

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

If you are very new to CSS, you might think to create a layout with CSS from scratch is a bit difficult. However, you’ll get used to it when you understand common properties and build it little by little. I made a sample so you can download and have a look deeply.
続きを読む

A question that I am often asked from people who just started to learn how to make a website is “How should I study?”. I have 2 things that I keep doing for it. One of them is analyzing a website that you think it’s nice. Another thing is trying to make a sample page using a technique which that website is used. Today I am going to share 3 cool websites and what techniques are used.
続きを読む

Have you ever heard of “Sass“? Simply put, Sass(Syntactically Awesome Stylesheets) is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. It is much easier to use Sass than you think! Today I will tell you how great Sass is and how to set up with Mac + Coda.
続きを読む