graffiti on the web レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。
cssの:before attr属性で解決
html
[php]<ul id="nav">
<li><a data-tex…
反転させたいアイコンに以下のクラスを追加する。
水平反転
fa-flip-horizontal
垂直反転
fa-flip-vertical
ピックアップ記事
レスポンシブ対応 画像メニューをテキスト表示に切り替える
2014年11月15日
web関連 • HTML5・CSS3
PHP 短縮URLのAPIから短縮後のURLを取得
twitterに関連したwebサービスを作っているとURL短縮の必要が出てくることが多々あります。
そんな時には、有名なurl短縮サービスを利用することになると思うのですが、代表的なbit.ly、TinyURLを利用する方法です。
…
wordpressのパンくずリストをmicrodata対応させる[追記あり]
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。
リッチスニペットについては下記を参考にしてください。
リッチ スニペット - パンくずリスト(Google)
対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。
少しずつ勉強していきます。(^_^;)
microdata対応のWordpr…
Dust-Me Selectorsで不要なCSS要素を削除
2013年10月30日
web関連
FireFoxのアドオン「Dust-Me Selectors」を使えば、一度も使われていないCSSの要素を簡単に削除することが出来ます。
以下のURLにFireFoxからアクセスするとインストール可能です。
Dust-Me Selectors…
IE6,IE7,IE8のレイアウトなど、見た目をチェックするツール（Windowsのみ）
2012年02月09日
web関連
WEBサイト制作をしていると、IE6のような古いブラウザのチェックが必要な場合が多いですが、普段使っているPCには入っていないという場合も多いので、どうしたものかな〜〜とお困りの方も多い（最近はそうでもないのかな）のでは、ないでしょうか。
普段私は、IETesterやAdobeR BrowserLabなどのツールを使って確認することが多いのですが、動作がおかしかったり、重かったりで、いまいち、コ…
この投稿へのコメント
コメントはまだありません。