【CSS】スマホでヘッダー部分を固定させるには！？
最近は、スマホサイトやらレスポンシブやらばっかですね（笑）。とまぁそんなこんなで最近はスマホでもヘッダー部分が固定されているサイトを見かけたりします。 個人的には思ったりするんですが、検索でひっかかるとランディングページ…
csscsscss
csscss【CSS】text-overflowで長い文章を「・・・」で省略する方法は？
ボックスからはみ出した文章が下に回りこむとボックス要素の高さが変わったりして嫌だなと思ってはみ出した文章に対しては・・・で表示させるようにしてみたのでメモる。 これまでは、javascriptなど文字数調べて・・・なんて…
css【jQuery】facebook風スライドメニューをちょっと作ってみた結果
最近、皆さんfacebookを日々使ってると思いますがあのメニューを左からスライドインされてくるアニメーションが以前から気になっていました。 て事で、せっかくなのでCSS3のtransitionも試しに使いつつjQuer…
cssCSSで写真をテープで止めた様な装飾をしてみた
たまに見る、写真をセロテープで止めた感じの画像の見せ方。以前は画像でしたが、CSSで表現できるので試してみたのでメモ。 とりあえず、下記のような感じす。 説明はポイントとなりそうな所だけ書いていこうかと。 htmlファイ…
cssCSSで動画をレスポンシブに対応させる方法
最近、スマホが主流になってきてyoutubeやVimeoなどの動画を埋め込むサイトやブログもよくみるこのごろなんですが、レスポンシブに対応していないので、動画の埋め込みに対応していない場合は、はみ出してしまうようです。 …
css【CSS3】border-radiusを利用して画像を丸く表示してみる
ここ最近はブラウザのバージョンも上がってきたし、IEのシェアも減ってきたので嬉しい限りです！！ そのおかげかCSS３の新しいプロパティも利用できるようになってきたので、今回はCSS3を利用して画像を丸く切り抜いたように加…
cssCSS3で写真風に装飾をするには！？
最近は、各ブラウザもCSS3に対応してきてるので割と装飾もCSS3でやってしまおう！というのが増えてきたと思います。 でせっかくなのでCSS3のbox-shadowやtransformを使って写真風に装飾する方法を勉強し…
css【CSS】横並びさせた要素の端っこのマージンを調整する方法
よくfloatを利用してボックス要素などを横並びにする機会がたくさんあると思うんですが、だいたい横並びにするときは隣り合う要素にマージンを設定しますよね？そうなると最初の要素もしくは最後の要素にももちろんマージンが設定さ…
cssCSS3のbox-flexで要素が伸縮する比率を決める
今回は、子要素のボックスが伸縮する比率を決める場合の処理をメモ。 ボックスの伸縮する比率とは？ たとえば、子要素のボックスが3つあったとした場合に、基本的には何も指定していなければ、そのボックス内の要素の幅に合わせて左詰…
cssCSS3のbox-ordinal-groupで順番を入れ替える
前回は主にフレックスボックスについてメモしたけども、基本的にはフレックスボックスにする要素の親要素に対するCSSを指定しましたが、今回はそのフレックスボックス自体に関するCSS3をメモ フレックスボックスの順番を入れ替え…
コメントを投稿するにはログインしてください。