理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第4回目、最終回です。 背景画像でリストのビュレットを配置した場合の問題 今回は、前回までの内容を踏まえ、主にインラインブロックについて見ていきます。まずは、以下のようなリストを「HTMLとCSSで作りたい」と思います。この時、リストのビュレットはオリジナルの画像にしたいです。 こんな時、背景画像を利用し、以下のような方法でこの見栄えを再現するという方は多いでしょう。筆者も昔からずっと、この方法で実装してきました。
５ツ星の評価を付けるのに超便利なjQuery raty - でんのうにっし
version2.5.2を使います。(2013/9/24現在) ◆プログラム一式をダウンロードしてくる http://wbotelhos.com/raty/ ◆まずはjsファイルの設置 Rails3ではデフォルトで assets/javascripts/application.jsの //= require jquery というコメントみたいな記述でjqueryがRequireされています。 なのであとは jquery.raty.js を、 vendor/asset/javascripts/ に設置。 呼び出したいビューの中で<%= javascript_include_tag 'jquery.raty' %> とjquery.raty.jsファイルを呼び出します。 ◆画像ファイルの設置 star-half-big.png star-off-big.png star-on-big.png
これはかなり珍しい！医療や病院系のアイテムが揃ったアイコン素材 -In The Hospital
医療や病院系のさまざまなアイテムが揃ったアイコン素材を紹介します。実用で使うもよし、趣味に使うもよしのシンプルなデザインのアイコンです。 当ブログでもレアなアイテムのアイコン素材を紹介しますが、これはかなりのレアですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
