【CSS】text-overflowで長い文章を「・・・」で省略する方法は？
ボックスからはみ出した文章が下に回りこむとボックス要素の高さが変わったりして嫌だなと思ってはみ出した文章に対しては・・・で表示させるようにしてみたのでメモる。 これまでは、javascriptなど文字数調べて・・・なんて…
csscsscss
css
css【jQuery】facebook風スライドメニューをちょっと作ってみた結果
最近、皆さんfacebookを日々使ってると思いますがあのメニューを左からスライドインされてくるアニメーションが以前から気になっていました。 て事で、せっかくなのでCSS3のtransitionも試しに使いつつjQuer…
cssCSSで写真をテープで止めた様な装飾をしてみた
たまに見る、写真をセロテープで止めた感じの画像の見せ方。以前は画像でしたが、CSSで表現できるので試してみたのでメモ。 とりあえず、下記のような感じす。 説明はポイントとなりそうな所だけ書いていこうかと。 htmlファイ…
cssCSSで動画をレスポンシブに対応させる方法
最近、スマホが主流になってきてyoutubeやVimeoなどの動画を埋め込むサイトやブログもよくみるこのごろなんですが、レスポンシブに対応していないので、動画の埋め込みに対応していない場合は、はみ出してしまうようです。 …
cssCSS3のFlexboxが仕様が変わった！！新しいフレキシブルボックスレイアウトとは！？
CSS3のフレックスボックスなんですが、もともとフレックスボックスに対する査定が確定していなかったので変更する事もあるんだろうなと思っていましたが、やはり変わっていました。 それに伴って他のフレックスボックスに関連するプ…
css【CSS3】border-radiusを利用して画像を丸く表示してみる
ここ最近はブラウザのバージョンも上がってきたし、IEのシェアも減ってきたので嬉しい限りです！！ そのおかげかCSS３の新しいプロパティも利用できるようになってきたので、今回はCSS3を利用して画像を丸く切り抜いたように加…
cssCSS3で写真風に装飾をするには！？
最近は、各ブラウザもCSS3に対応してきてるので割と装飾もCSS3でやってしまおう！というのが増えてきたと思います。 でせっかくなのでCSS3のbox-shadowやtransformを使って写真風に装飾する方法を勉強し…
cssiphoneのUIのようなボタンをCSS3を使用して作ってみた。
CSS3なども使用して、iphoneの設定画面のようなインターフェースみたいなデザインのボタンを再現したくて試してみました。一応、スマホをメインに考えて自動的に幅が伸びる感じで。 ↓ こんな感じのボタン。 htmlファイ…
css【CSS】横並びさせた要素の端っこのマージンを調整する方法
よくfloatを利用してボックス要素などを横並びにする機会がたくさんあると思うんですが、だいたい横並びにするときは隣り合う要素にマージンを設定しますよね？そうなると最初の要素もしくは最後の要素にももちろんマージンが設定さ…
cssCSS3で作る可変タイプのナビゲーション
さてさて、そろそろCSS3が普通に利用されてきてますね。なんてったてスマートフォン市場が拡大してるので そんで、PCやスマートフォンやタブレットにあったレスポンスデザインが今後増えていくとなると、可変に対応できるのがいい…
コメントを投稿するにはログインしてください。