超シンプルフレームワーク「Responsive Grid System」に画像対応などしてレスポンシブWEBサイトをつくろう（カスタマイズ編） | HTML5でサイトをつくろう

2014/06/23 122 users Responsive Grid System Resp

前回紹介した超シンプルで簡単にレスポンシブWebサイトが作れるフレームワーク「Responsive Grid System」に画像のスマートフォン時の対応や簡単なレイアウトを付け加えてブログフォーマットのベースになるような形をつくってみたいと思います。 前回の導入編をご覧になっていない場合はこちらからご覧ください。サンプルファイルの使い方などをまとめています。 超シンプルなフレームワーク「Resp... 続きを読む

IllustratorでWebデザインをはじめよう！ 第2回：Webデザイン用のドキュメントを作成しよう | Adobe Pinch In

2014/05/07 308 users Illustrator 定規 グリッド ドキュメント 前回

前回、Illustratorの作業環境をWebデザイン用に設定しました。本記事では、Webデザイン向けに新規ドキュメントを作成し、［ピクセルプレビュー］、定規、グリッドといった表示設定を行う方法、さらに、Webサイト用にアートボードを追加する方法を解説します。 Illustrator CC の体験版をダウンロード    サンプルファイルをダウンロード Webデザイン用の設定、アートボードの追加 今... 続きを読む

実践で学ぶWebサイト制作ガイド まとめ | Webクリエイターボックス

2012/11/13 545 users ファイル Webクリエイターボックス 実践 Webサイト お役

8回に渡り連載した「実践で学ぶWebサイト制作ガイド」がついに終わったので、ここで簡単にまとめておきます。この記事では基本的な流れを説明していますが、リンクをクリックでより詳しい説明記事を読むことができます。これからWebサイトを作ってみたい！という人のお役に立てればいいなあと思います :) サンプルファイルもあるので、ご自由にダウンロードしてくださいね！ サンプルファイル 今回作成したファイルを... 続きを読む

CSSでWebサイトのレイアウト組み＋装飾の基本プロセス | Webクリエイターボックス

2012/11/07 664 users CSS プロパティ ラストスパート レイアウト 実践

CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶWebサイト制作ガイド：その7 目標：CSSで... 続きを読む

Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳

2007/07/16 324 users 矢印 マウス Ajax ウェブサイト フォーム

これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 ６つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル１ マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする... 続きを読む