2015-06-01CSS

Thumbnail of post image 192

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

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

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

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

JavaScript,jQuery

Thumbnail of post image 187
bxSlider

 

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

2015-04-26JavaScript,jQuery

Thumbnail of post image 086

Flex Slider 2

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

設定できる ...

2022-05-11CSS

Thumbnail of post image 109

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

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

2022-05-15CSS

Thumbnail of post image 161

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

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

2022-05-11JavaScript

Thumbnail of post image 007

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

そのまとめ。

html5shiv.js

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

2022-05-15Apple

Thumbnail of post image 196

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

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

2022-05-15Apple

Thumbnail of post image 200

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

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

CSS

Thumbnail of post image 027

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

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

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

CSS

Thumbnail of post image 180

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

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