海外生活もまもなく6年目に突入するManaです。カナダ・オーストラリア・イギリスのWeb制作会社5社で面接を受けたのですが（3社で就労・1社落選・1社辞退）、海外のWeb制作会社での就活情報はなかなか見かけないので、自分の体験をもとに記事にしてみようと思います。以前「海外のWeb業界で働くには？」という記事を書きましたが、今回はさらに詳しく紹介します。
続きを読む

スマートフォンやタブレットでのフォーム入力をわずらわしく感じたことはありませんか？今回はタッチパネルでのフォーム入力を考慮したアンケートが簡単に作成できる新しいWebサービス【Typeform】のご紹介。もちろん入力が簡単なだけでなく、フォームの作成・カスタマイズも自由自在。まだベータ版ですが、動画もわかりやすく、試してみたい！と思ったので情報シェアしちゃいます。
続きを読む

Have you ever been annoyed with filling the form using your mobile or tablet? Typeform will help you. It has a great option for public polls or surveys! The tool is currently in beta, but it’s definitely worth bookmarking.
続きを読む

連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します！「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります！お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう！
続きを読む

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

この度、雑誌　Web Designing 2012年 11月号に執筆させて頂きました。特集の『「CSS＋α」マルチデバイス対応テクニック』に3ページほど書いてます。定番演出から最新表現まで、今すぐ取り入れたい実践アイデアが盛りだくさん！サンプルファイルも付いてますよ！ぜひ読んでみてください！
続きを読む

印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス（分割）し、HTMLとCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目！私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。
続きを読む

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

「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X(
続きを読む

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