Web制作の覚え書き

しばらく書くのをサボってしまいました–;

また今日から頑張ります。

やりたかったのはこんな感じのやつです。

一昔前なら、画像で表現していたと思うんですがスタイルシートでできるよなーと。

bxSlider

 

レスポンシブ対応
水平、垂直スライド対応、フェードも可能
スライドコンテンツは画像、動画、HTMLが可能
タッチ、スワイプサポート
IE7+、Firefox,Chrome,S ...

Flex Slider 2

★レスポンシブ対応
★カルーセル対応
★タッチデバイスのフリック対応
★キャプション表示可能
★動画スライドOK
など。

設定できる ...

リスト、テーブルやカラムを並べるときに、:nth-child は大活躍の疑似クラス。

使い方の基本○番目のエレメントを指定する
※3番目の場合li:nth-child(3){color:red;} 奇数、偶数を ...

新たにホームページを制作するときに毎回悩むfont family の指定。
自分の理解が足りていないのが原因なのですが。
改めて調べてみてまとめます。

font familyの記述方法font-family: フ ...

IE8以下はhtml5を認識しない、css3にも対応していないのでjavascriptライブラリにお世話になります。

そのまとめ。

html5shiv.js

html5から導入されたタグ(header,foote ...

長年使っているMacbookpro。ディスク容量が200GBで、空き容量が20GB前後の状態でなんとか使っています。
すぐには使わないデータを外部HDに移動したりして。

それでも気がつくと10GB切ってたりするので ...

Macbook Pro にはESET smart securityを入れています。

このソフト、OSXのソフトウェア・アップデートをお知らせしてくれるんですが、App Storeを確認しても、内容が表示されない時があります ...

コンテンツを効率的にレイアウトしたいときにタブを使ってレイアウトすることはよく有ります。

そんな時にCSS＋javascript で実装するサンプル

javascript は　Yetii (ちょっと古いけど使い ...

HP上にSNSの各ボタンを並べるのを今更ながらやってみたら、余分なスペースがあったり、ガタガタになってしまったので、今後きれいに横並びできるようにするための覚え書きです。

今回は、Twitter、Google+、Faceb ...