最新の記事
- ブログ
Webデザインのまとめサイト構築中
こんにちは。フクモトです。 独学でWebデザインの勉強をされている方やWebクリオンラインメンバーの力添えになればと、まとめ的なものを会員制サイトとして、...続きを読む
グローバルナビゲーション 背景画像の表示･･･
リストに背景画像をつける a要素に背景画像の指定をします。表示位置は左上から開始されるように指定。 background-position:...続きを読む
グローバルナビゲーション リストを横並び･･･
グローバルナビゲーションの一例です。 ここでは、テキストメニューでリストを横並びにし、displayプロパティを使ってボタンのように見せています。 ...続きを読む
displayプロパティを使ったリンクの･･･
テキストリンクをボタンのように見せるには、displayプロパティが便利です。 displayプロパティとは、要素をインライン要素とするかブロックレベル要...続きを読む- CSS基礎知識
a要素に設定できる疑似クラス
リンクを記述する際に使用するa要素に対して疑似クラスを設定することで、リンクの色を変えたり、背景色を加えたり、下線を引いたりなど様々なスタイルを適用できます。 ...続きを読む- HTML
h1タグの使い方について
HTMLのマークアップについて調べていたところ、「h1タグは、1ページにひとつ」にしないといけないという情報を見かけました。 実際のところ、どうなのでしょ...続きを読む- おすすめ書籍・サイト・ツール
Webデザインに！おすすめ素材サイト f･･･
このサイト、めちゃ便利です。 ハイクオリティ素材が商用無料で揃っていて、私はよくお世話になっています。 特にベクトルデータは使えます。 ...続きを読む- CSS基礎知識
CSSのid属性とclass属性の違い、･･･
id属性とclass属性の違い、使い分けについて教えて下さい。 id属性とclass属性の違いは、簡単に言えば、そのページ内で、「一度しか使えない」か「何度で...続きを読む- Webデザイン・レイアウト
Webサイトに利用する写真の縦横比は何を･･･
受講生の方から、画像の縦横比についてご質問がありました。 「Webサイトに利用する写真の縦横比は何を基準にすればよいのでしょうか。」 というご質問に...続きを読む- Photoshop
Photoshopでデザインカンプ作成時･･･
PhotoshopでWebデザインのカンプを作成しています。 新規作成時のファイルのサイズは、横幅1280px 高さ1024pxで作成しました。 デ...続きを読む- ブログ
Webクリオンライン・ロゴ制作コンペ開催･･･
こんにちは。フクモトです。 私の運営する「Webクリオンライン・動画講座」を Webデザインの技術を学ぶだけでなく、Web制作の現場に密着した仕事につな...続きを読む- 独学の方法
カラー・配色関連のおすすめ勉強法
福本さん！ ついに商品撮影＆加工のお仕事を頂くことができました。 撮影台を自作してから3ヶ月あまりホコリをかぶっておりましたが、ようやく稼働すること...続きを読む- おすすめ書籍・サイト・ツール
Photoshop Webデザインのため･･･
Photoshop、Illustratorの操作をひと通りマスターしたのですが、実際にどの機能やツールを使えばよいのか？Webデザインにどう活かせばよいか？が今...続きを読む- おすすめ書籍・サイト・ツール
デザイン初心者におすすめ入門書 ノンデザ･･･
デザインやレイアウトが苦手です。 独学で何とか学習したいと、いろいろと参考書を探してみたのですが、たくさんあってどれが良いのかわかりません。 デザイ...続きを読む- 独学の方法
Webサイトのヘッダーやフッターなどのサ･･･
複数ページを作為する際、ヘッダーやフッター、サイドバーなどサイトの共通部分はどのように管理すればよいのでしょうか？ 各ページにそれぞれ記述していると、修正...続きを読む- Webデザイン・レイアウト
サイドバーは左右どちらがよいか、基準はあ･･･
Webサイトのレイアウトで2カラムのデザインにする場合、サイドバーは左右どちらがよいか、基準はありますか？ とっても初歩的な質問なんですが、サイトのレイア...続きを読む- Webデザイン・レイアウト
Webサイトのヘッダー領域の高さはどう決･･･
Webクリオンラインのビストロ・デュ・リヨン、トップページカンプを制作していて質問があります。 コンテンツ幅1280pxに対して、その後ヘッダー領域が21...続きを読む- Webサイト制作・運営
Webサイトで使用する画像について
実際のwebサイトで使用する画像は、どういうものを使うのが多いのでしょうか？ 例えば、クライアント様よりもらう、とか商用OKのフリー画像を利用する、とか…...続きを読む- レスポンシブWebデザイン講座
レスポンシブWebデザインの必須のCSS･･･
レスポンシブWebデザインを学習していて、私が最初に疑問に思ったのが、画像の扱い方です。 Webページが、画面サイズに合わせて自動で拡大縮小し、画像の拡大...続きを読むFacebookページに「いいね！」をクリックしていただくと、当サイトの更新情報を受け取ることができるようになります。
ぜひ、「いいね！」していただけると嬉しいです！