泣きながらBootstrapをWordPressに組み込んでました。Bootstrapのナビゲーションを使って、かつWordPressのカスタムナビを使いたい。 けっこう手間取ったので、二度とハマらないようにメモ。 まずBootstrapは通常だとドロップダウンメニューの親要素はリンクが聞かなくなる。これ大事。 なので、あまり知られていないBootstrapスタイルテクニック、小技16個まとめ – PhotoshopVIPにあるように、 $('.dropdown-toggle').click(function() { var location = $(this).attr('href'); window.location.href = location; return false; }); を追記すると、リンクが効くようになる。 wp-bootstrap-navwalkerを導入。
このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基本を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。 Font Awesome, the iconic font designed for Bootstrap ※ なお、本エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。 Font Awesome とは？Font Awesome は サイト上で使われるようなさまざまなアイコンを Webフォント として利用できるようにしたものです。フォントとして利用できるため、サイズや色などすべて CSS で調整して利用することができ
無料なのにこのクオリティヤバイ！！ Bootstrap Zeroはその名の通り、Bootstrapをベースにデザインされた美しいテーマが無料で配布されているサイトです。 これまでもStart BootstrapとかBootswatchとか無料のサイトが合ったのですが、無料だけあって有料のテーマと比べるとちょっとベーシック感が否めない状況でした。 ところがこのBootstrap Zeroはかなりクオリティが高いテンプレートが多いです。自分でデザインする人のためのStarterから、そのまま使えるデザイン済みのThemes、さらにFacebook風やGoogle+風、Android風などもあってかなりのクオリティっぷり！ それではいくつか御覧ください。 Starter 本家のexampleにひと手間加えた感じです。 Themes こちらは気に入ったものを幾つか Admin 管理画面で使える！！
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です（笑）。 まずはレスポンシブWebデザインについておさらい なにはともあれ、なんとなく知ったつもりになっていることでも一応網羅的に一通りどんなものだったか復習したく参考サイトを見てました。
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。気に入って頂けましたらGoogle+もしくは、RSSリーダーの登録よろしく。 メールで購読するには、下記にメールアドレスを入れてください。 無料で一日分をまとめて読めます。@attripをフォロー 関連記事 地域情報ポータルサイトe-まちタウンTOPに紹介キャラクタのtwitterが出ました！ 墨田区タウン 地域情報ポータルサイト.とか 他の一部地域に実験的にtwitterウィジェットができました。 こんな時に活用していただければいいかと思います。 墨田区にいったけど、こんなお店ないかな？ 検索してもみつからな [...]... さぶみっと！コンペ│WEBデザインやコピーライティングのコンペサイトの紹介 こんにちは！attripです。 今月からのお仕事で、まだあたふたしています。 早速ですが、今のお仕事で見ている紹介を連載
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
