css

スクロールしたとき表示領域がどの要素に入っているのかを判別してみる『ScrollMagic』

スクロールしたとき表示領域がどの要素に入っているのかを判別してみる『Scroll Magic』 Webアニメーション周りの知識が付いてきましたので、今後はとくにWebアニメーション周りの情報を発信していこうと思います。 アニメーションは楽しいです(笑) アニメーションの様子を動画にまとめ、youtubeにUPすることで、SNSでより見てもらえるかと思い、アニメーション周りは動画もつけるようにします […]

最強のデザインコード抽出/管理ツール『Avocode』

こんにちは! 今回は、オススメツール紹介ということで、フリーランスになってからすぐ使い始めた『Avocode』をご紹介します。 このツールは、ガチです。ガチでヤバいです。 デザインコード抽出とは デザインコード抽出とは、簡単にいうと PSDなどをWeb上などに取り込む ワンクリックで、どんなスタイル(CSS)が当たっているのかわかる というめちゃくちゃ便利なツールです。 何か良いツールがないか探し […]

三点リーダーについて-CSSやJSを使った実装方法

css

「50文字以上で三点リーダー(・・・)にしたい」 「3行目以降は三点リーダー(・・・)にしたい」 などの要望があったときに、サクッと引っ張ってこれると便利なので、メモ 一行のみならCSSが一番簡単 一行のみで表示させるのであればtext-overflow: ellipsis;が使えるので、簡単 <p>三点リーダーめんどくさい三点リーダーめんどくさい三点リーダーめんどくさい</p& […]