CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
フロントエンドだけではないかもしれないけど、 エンジニアがおすすめするMac無料ツール2020下半期まとめです。 関係ないけど10人くらいサンタが家に来てくれないかな.... ■ Mac Apps 1. VSCode だいたいのエンジニアがみんな使ってるよね。って思うけど一応記載しときまっす。エディタなんて好みだと思うけどね。 こやつは拡張性高いし必須だと思ってます。 好きなテーマはDraculaです。 2. Draw.io Integration VSCode拡張。Drow.io単体でも使うけど Draw.ioをVSCode内で利用できる。エディタ内でグリグリ製図するの楽しいね。 3. Biscuit アプリ一元管理ツール。 BiscuitにslackとかNotionとかInoreaderを食べさせて便利につかわせていただいております。 Stationよりも使いやすいし動作が軽い。あとロ
◼ Gmailとは Gmailは、Googleが提供するWebメールサービスです。容量は15GBという、大容量のメールボックスがあり、検索機能、迷惑メールフィルタリングなどの様々な機能があります。 しかも、スマホ用アプリもあるのでOSや端末を問わず、あらゆる場所で利用可能。そしてなんと言っても「無料」という最強のコスパにより、現在広く普及しているメールサービスのひとつです。 しかしそのようなGmailも便利だと思って使用していくと、あれよ……あれよ……と容量を圧迫していくのです。 ◼ 容量を圧迫するGmail Gmailは無限ではありません。15GBという制限があります。「15GBもあるじゃないか」と思うかもしれませんが、何年何十年とデータが蓄積していくことで容量を圧迫します。 また、写真データや動画データを扱う業種などは1つのファイルサイズが極端に大きくなる。そのような場合はもっと早く容
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
【2020年版】フロントエンドのおすすめMac無料ツール - Qiita
Gmailに溜まった不要ファイルをサクッと消して容量節約する方法 | おたくま経済新聞