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

Sometime freelance web designers / developers, especially who are just getting started face clients who have very limited budgets. There might be clients who under estimate to make a website. Don’t worry, you don’t have to be in the frustrating with that situation any more, because there are some options for it. I will share tips for freelancers who need to make low-budget projects work.
続きを読む

I wrote 8 chapters of “Step-by-Step Creating a Website Guide” so this is the time to organize them. This article just says basic steps but you’ll see details when you click on links. I hope this guide helps beginners who want to create a website! Also don’t forget to download sample files!
続きを読む

Finally! This is the last chapter of “Step-by-Step Creating a Website Guide”! A web page that you saved in your computer is not going to show up on a web of course. You need to upload all files to the web server. I will share how to publish your website via SFTP.
続きを読む

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

This is the Chapter 6 of the Step-by-Step Creating a Website Guide series. This chapter will show you how to markup HTML finally! You like to design but don’t like coding? Don’t worry! Just follow this guide and markup a little by little with me! Open your favourite text edit tool like TextEdit or NotPad, let’s get started!
続きを読む

The Photoshop slice tool allows you to divide an image into smaller pieces which are easy to use on the web. “Step-by-Step Creating a Website Guide: Chapter 5” focuses on how to slice your mock up design image file. I usually use Fireworks to slice, but since we used Photoshop on this guide, I’ll use Photoshop. Are you ready?
続きを読む

This is a 4th chapter of “Step-by-Step Creating a Website Guide”. I will share a tutorial on how to design a website using Adobe Photoshop. Of course you can use your favourite graphic tool. Also check out free trial version Adobe Photoshop CS6. It’s a bit long article, but I hope it’s easy to understand!
続きを読む

Web Creator Box shares basic and advanced HTML, CSS, JavaScript or design techniques. However I noticed I haven’t wrote tutorials on how to create a website from scratch. So, in upcoming posts on Web Creator Box, I’m going to write a step-by-step creating a website guide! You will learn how to make a website wireframe on this chapter!
続きを読む