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

Coding conventions are a set of guidelines for a specific programming language that recommend programming style, practices and methods for each aspect of a piece program written in this language. If you don’t organise them, your code will be getting messy and can’t be understood by other developers. So I’ll share how to create coding standards and style guide!
続きを読む

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