HonokaはオリジナルBootstrapテーマです HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。 Easy to Start HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。
tdiary/bootstrapを導入してみた GitHubにてtwitter-bootstrapをベースとしたテーマがリリースされたので導入してみた。 まずは、tdiary/tdiary-themeと、tdiary/tdiary-contribを取得し、tdiary-theme/bootstrap/と、tdiary-contrib/plugin/bootstrap*.rbをそれぞれ適切な場所にコピー、テーマ選択とプラグインの有効化を行う。 次に、tdiary-theme/bootstrap/bootstrap.cssのコメントを参考にヘッダとフッタを編集。 最終的にこんな感じになった。 ヘッダ <%= bootstrap_navi %> <div class="container-fluid"> <% unless @conf.smartphone? %> <div class="her
SassやCompassを使って、ズルいデザインテクニック:ズルいデザイン(2)(1/2 ページ) SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは? シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 (注)このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き!ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
Most common ways to find helpful and reliable things to buy There are people in Australia who know what they can buy through the various online stores and the sellers. They usually make sure to find out nearly all kinds of informative resources to help them decide better. Though most of the time people rely on online resources to help them compare what they are going to get through the available s
ただ、問題もあります。現状、先進的なブラウザしか、border-radiusに対応していないのです。はい、がびーん。 有名なブラウザの対応状況を大まかに言うと、対応しているのは以下のブラウザたちです。(かっこいい) Firefox3 Safari3 Google Chrome そして、対応していないブラウザは、以下です。(おならプーです) IE 8以下 Opera 9以下 IE8でも未対応でしたから、この素晴らしい border-radiusが世で使われるようになるのは、まだまだ先のことかもしれませんね。 ナウなヤングでかっこいい人たちは、良かったらサンプルをご覧になってみてください。画像を使わずに角丸になっていることが分るはずです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く