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. 続きを読む
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! 続きを読む
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! 続きを読む
You’ll find 2 famous plugins to create multilingual WordPress website: WPML and qTranslate. I’m using qTranslate for this blog as I posted before but I changed to WPML. I will share the reason why I left qTranslate and how to import to WPML. 続きを読む
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! 続きを読む