Tag: CSS

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

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

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

Change Text Link Hover Effect Using CSS3

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.
Read More

Basic Process to Apply CSS to Your Website

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.
Read More

3 Cool Techniques For Your Next Web Design Project

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.
Read More

Introduction to Sass and How to Setup with Mac + Coda

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.
Read More