タグ: 便利ツール

Webサイトのプロトタイプ制作に使える無料オンラインツール

Webサイトを制作する際に大切なものの多くは、制作開始する前の段階にあります。サイトの設計・計画がうまくいっていないサイトは、制作開始後、様々なトラブルに見舞われることでしょう…。ということで今回はモックアップ・プロトタイプと呼ばれる設計画面を作成できるオンラインツールをいくつか紹介します。サイトの大まかな動きをチーム内でシェアしたり、フィードバックしあったりと、便利に使えるものばかりです!
続きを読む

クラウドソーシングのメリット・デメリット

企業に雇用され、決められた場所で決められた時間だけ働くスタイルが主流であった一昔前と違い、ネットをフル活用することにより在宅でできる仕事が増え、フリーランスや在宅勤務など、働き方も多様化してきました。その働き方のひとつとしてあげられるのがクラウドソーシングです。今日は最近話題のクラウドソーシングについて、考えてみたいと思います。
続きを読む

制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ

Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう!
続きを読む

コーディング規約を作ろう

コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。
続きを読む

ドラッグ&ドロップでカスタマイズ可!多機能WordPressテーマ – Themify

WordPress、使ってますか?今や世界中で愛されているCMSですが、元々ブログ用CMSなだけあって、ブログ以外のサイトでは扱いにくく感じている人もいるかと思います。そこで!今回はドラッグ&ドロップでコンテンツの追加やレイアウトの変更ができちゃう素敵テーマを扱っているThemifyをご紹介します!
続きを読む

とあるフリーランスWebデザイナーの一日

フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか?どんな風に時間管理してるんだろう?どんなツールを使ってるんだろう?などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました(自分で)。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ!
続きを読む

実はあまり知られていない?Adobe公式の無料チュートリアル動画集

Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない!なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ!昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。
続きを読む

静かに流行り始めているポリゴン風デザインに挑戦!

2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください!
続きを読む

アンケート作成サービスのTypeformが日本語に対応!

Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか?以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう!」という記事でも紹介しましたが、その時はまだ日本語の表示に不安な点も多々ありました。この度中の人から、フォーム部分は日本語に完全対応させ、新機能を搭載したとのご連絡をいただきましたので、改めて紹介します。
続きを読む

Adobe Edge AnimateでHTMLファイルにアニメーションを追加する

Adobe社のEdge Animateというツールを聞いたことはありますか?クリエイティブ クラウドのメンバー登録をしている人は、「聞いたことあるけど、何するツール?」という方もいるかと思います(私もそうでした…)。Edge AnimateはアニメーションやインタラクティブなコンテンツをFlash感覚で作成できるツールです。簡単な使い方を、サンプルも交えて紹介します!
続きを読む