タグ

2014年2月24日のブックマーク (3件)

  • [CSS]シャドウとグラデーションを巧みに使ったかわいらしいテキストエフェクト -Milky Effect

    テキストにtext-shadow、背景に美しいlinear-gradientを効果的に使い、かわいらしいエフェクトに仕上げたスタイルシートを紹介します。 Milky Font Effect 実装は簡単で、コピペで利用できます。 HTML p要素などに、classを添えておきます。 <p class="milky">美しい日語</p> CSS エフェクトの大切なポイントは「text-shadow」と「background」、カラーを変更しても面白そうですね。 .milky { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;; text-transform: uppercase; display: block; font-size: 72px; color: #f1ebe5; text

  • WordPressの設定画面への項目追加方法まとめ – Simple Colors

    WordPressの設定メニュー内の「一般」「投稿設定」「表示設定」「ディスカッション」「メディア」「プライバシー」「パーマリンク設定」の7ページでは、ほぼ同一の手法で独自の項目を追加することができます。この追加方法と各設定画面における追加可能な場所をまとめてみました。 ※ 「パーマリンク設定」ページでは、項目の表示追加方法は同じですが、データの保存方法が異なります。 設定画面の構成 設定ページでは、同一機能に関する項目をまとめたものをセクション、セクションが集まって1つの設定画面を構成し、これをページと捉えます。 設定画面では、ページに対してセクションを追加したり、セクションに対して項目が追加できるようになっています。 項目の表示追加 項目の表示追加は、add_settings_field関数を用いて行います。追加する項目が複数ある場合の表示順は、add_settings_field関数

  • UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめ - コムテブログ

    TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UXUI・IA の違いが漠然としているときに。 IA(情報アーキテクチャ) 1.基礎知識 情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にIA(インフォメーションアーキテクト)が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA(情報アーキテクチャ)研修の講師をしてみた。:そのフォローアップ | future-proof

    UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめ - コムテブログ