Color data cited: “日本の伝統色 The Traditional Colors of Japan”. PIE BOOKS, 2007.
jQueryを使うと簡単にアコーディオンを実装する事が出来るのですが、CSSでもアコーディオンの作成が可能です CSSだけでアコーディオンを作成 HTML コード <div class="menu"> <label for="Panel1">ボタン1</label> <input type="checkbox" id="Panel1" class="on-off" /> <ul> <li><a href="">リンク1</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> </ul> <label for="Panel12">ボタン2</label> <input type="checkbox" id="
作成:2014/09/29 更新:2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 1.ネオンカラー 2.washed out 3.グラデーション 4.マテリアルデザイン 模様 5.ジオメトリー 背景 6.背景色を時間の経過で変化させる 7.スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける 8.シネマグラフ 9.線画 (SVG) 10.グリッチ UI・他 11.ゴーストボタン 12.プレースホルダー 13.ローディングエフェクト 14.pushState 15.ドロアー レイアウト 16.タイルレイアウ
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか? コピーしてご自由にご利用ください。 選択によって入力欄を表示/非表示 ラジオボタン、テキストボックス 一番好きな食べ物は 寿司 うどん ラーメン その他 (具体的に: *アンケートなどで その他が選択された時だけ入力欄を表示します。 サンプルソース <html> <head> <title>選択によってテキストボックスを表示/非表示</title> <style type="text/css"> <!-- .hand label{ cursor: pointer; /*マウスの形状ポインタ(指)*/ color: blue; } .hand label:hover{/*マウスが乗ると*/ color: red;/*文字色 赤*/ text-decoration : underli
概要 チェックボックスを使う事で、複数のパネルを同時に開閉できます。 input type を radio に変更すると、常に一つのパネルが開閉されるはず。 name と id の部分を変更する事で、一ページに複数の独立したアコーディオンを設置できます。 Mobile Safari では、label の属性 for が使えないので、少しだけ工夫してみた。iPad で動作は確認済み。 初めに展開しておきたいパネルがある場合は、input にchecked を付ける。チェックボックスの場合は、複数につけられます。 height を指定しないと、アニメーションしないと言うジレンマ。なので、縦幅が固定になります。 因みに、overflow に auto を指定しているので、縦幅が溢れた場合はスクロールバーが出ます。(iPhone/iPad/iPod は、二本指(iOS5以降は一本指)でスクロールし
うっかり3週間ぶりのあわゆきです。 LINE のクリエイターズスタンプを作るときに使う Illustrator のテンプレートのお話です。以前から GitHub で公開しているものをアップデートして、さらに画像書き出し用のスクリプトファイルも追加しました。 テンプレートについて その名のとおりのもの。1ファイルでスタンプセットの全アイテムを作れるように、アートボードを配置したテンプレートです。制作ガイドラインで規定されている余白などもテンプレートレイヤーとして入っています。 今回の更新 『4列 × 10行』のアートボード配置に変更しました(以前は描き上げたアイテム数をカウントしやすいように『5列 × 8行』のアートボード配置だった)。 なんで4列なん 販売ページや実際のスタンプ使用時のレイアウトが4アイテム横並びなので、それに合わせた形です。 40アイテム全体を俯瞰したバランスや、販売ペー
ボコボコした鉄瓶のアウトラインのような、ゴツゴツした味わいのある日本語フォントが「鉄瓶ゴシック」です。ひらがな、カタカナ、教育漢字、常用漢字、第一水準漢字、第二水準漢字、数字、アルファベット、記号に対応しており、PhotoshopやIllustratorで加工して楽しむこともできます。 鉄瓶ゴシック – フリーフォントダウンロード | フォントな自由|日本語フリーフォント無料ダウンロード http://fontna.com/freefont/?p=12 鉄瓶ゴシックは極太のゴツゴツした質感の味わいのあるフォント。商用・非商用問わずに無料でダウンロードして使える、ロゴデザイン・タイトル・見出し向けの漢字も含む日本語フリーフォントです。 ◆ひらがな&漢字 ゴツゴツしたフォントなので漢字やひらがなに味わいを与えることができます。 ◆カタカナ カタカナでフランス文学の作家やタイトルを書くだけで何と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く