神戸で定期的に開催されている、CSS Nite in KOBEに参加してきました。4月20日・21日の2日間でじっくりディレクションを学ぶプログラムで、弊社からは2日にわたり計4名…
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
160×600| 300×250| 300×600| 336×280| 468×60| 728×90| イベント| ウェディング| キッチン| キャンペーン| コスメ・スキンケア・ヘアケア| コンピューター| サービス| ジュエリー・時計| スポーツ関連| ファッション| ホスティング・サーバー| メディア| 不動産・建築| 保険| 医薬品| 就職・転職| 教育・学校| 旅行・レジャー| 特設サイト| 生活| 男性用グルーミング| 美容・身体ケア| 薬・サプリメント| 証券・トレーディング| 趣味・ホビー| 車| 雑貨・インテリア| 食品・飲料| イエロー| オレンジ| グリーン| グレー| ネイビー| パープル| ピンク| ブラウン| ブラック| ブルー| ベージュ| ホワイト| マルチカラー| レッド|
《2017年7月8日 16:00 公開/更新》 マウスが載ったときだけ画像を半透明にするCSSの書き方 [イメージ,色] 画像で作ったリンクは、ぱっと見た感じではクリック可能なのかどうかがハッキリ分かりません。画像リンクの上にマウスポインタを載せたときにその画像を半透明にする効果を出すと、「どの画像が選択中なのか」が明確になる上にどの画像をクリックしようとしているのかも明示できて良いかもしれません。マウスに合わせて画像を半透明にする方法を解説。 マウスが載ったときだけ画像を半透明にすると、どの画像が選択中なのかが把握しやすい 画像の上にマウスポインタが載ったときにだけ画像を半透明にするスタイルシート 画像に半透明のカラーフィルタを掛けたような感じにする —【All About 関連記事】— マウスが載ったときだけ画像を半透明にすると、どの画像が選択中なのかが把握しやすい 画像リンクの上にマ
もっと、心に届くデザインを。 ずっと、心に残るデザインを。 Produce people who create designs that remain in the minds of everyone. 私たちのデザインを目にした人が、 うれしいとか、楽しいとか、ホッとするとか、 温もりを感じてくれる、 少しだけ幸せな気持ちになれる。 そんなデザインを、つくり続けていくこと。 そんなデザインができる人を、 いっぱいにしていくこと。 それが、私たちの理想とするクリエイティブ。 心に届くデザインと心に残るデザインを 創作する人を、 TRACKならではのクオリティで、 もっと、ずっと、生み出して行きます。 SERVICE WORKS
「ゼロからjQueryを学びたい人たち」が効率的に理解できるように、 1章から順に難易度が上がるステップアップ形式の解説を行っています。 また、jQuery初心者のデザイナーの視点を加えることで、 プログラミング未経験者の「つまずきやすいポイント」を押さえた内容になっています。 通常、サンプルコードは全て出来上がった状態で配布されますが、 本書ではあえて途中までのみを記載しています。 コードに余白を残すことで、サンプルをただなぞるだけではなく、 読み手の工夫次第で様々な表現を生み出すことができるようにしています。 最終章では、実際の仕事でデザイナーやエンジニアが手がけるWebサイトと同等のクオリティのページを制作します。 単なる技術の理解に終始せず、実際のサイトを制作する上でのポイントを習得することで、 Web制作における実践的な力が身につきます。 シフトブレインの取締役、テクニカルディレ
2024/05/17 · 値 · fixed. 背景はビューポートに対する相対位置で固定されます。要素がスクロール機構を持っていたとしても、背景画像は要素とともには動きません。
Anyway, Ideas&Designs Our Ideas, Senses, Theories & Designs For Your Brand, Shop, Event & Bussiness
昨日ポートフォリオサイトをアップしたら、予想外に多くの反響を頂いてびっくりしています。 Twitter / Search - yoshiko-pg.github.io ありがとうございます。素直に嬉しいです。 素直にうれしいので例のサイトの作り方でも書いてみようかと思います。 実は結構簡単な仕組みですw スクロール量に応じて簡単に要素を動かせるskrollr スクロールでの動きにはこちらのJSライブラリを使用しました。 skrollr - parallax scrolling for the masses 使い方 操作したい要素にdata-[スクロール量]という属性をつけて、値に変化させたいcssを記述するだけ。 <div class="box" data-0="left: 0%;" data-500="left: 100%;">test</div> <script src"./jquer
はじめに このサイトは、WordPressのカスタマイズが出来るようになるための参考サイトとして作成した。 もし興味を持った事があり、それに対して深い知識を得たいと思うならば、他サイトを参考にしてもらいたい。 WordPressのインストール方法 XAMPPでローカル環境構築して、簡単WordPressインストール 今回はこちらの場合で説明を行う。 USBメモリにWordPress用のローカル環境を3分で構築、お手軽過ぎるInstant WordPress すぐにWordPressを使いたい場合にオススメ。 WordPressをカスタマイズするために必要な知識 WordPressのカスタマイズでは、大きく分けて下記の6つを理解しなければならない。 ・WordPressテンプレートタグ http://wpdocs.sourceforge.jp/テンプレートタグ ・WordPress条件分岐タ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く