カテゴリー「OTHER」

OTHER

参考になる素敵なSNS・シェアボタンのアニメーション25選

こんにちは、しばです。 何気ないボタンでも、アニメーションやホバーエフェクトでちょっと楽しくなったり操作が心地よくなったりすることってありますよね。 「ボタン cssアニメーション」と検索すると、まとめ記事たくさん出てくるのでがいつも参考に...
OTHER

SVGがIEのみ黒くなってしまう場合の対処法

こんにちは、しばです。 先日、色付きのsvgがIE11でだけ黒一色になってしまう事象に遭遇しました。 日本語・英語共に全く事例を見かけなかったので、諸々しらべて自分なりに結論をまとめました! 原因はあんまりこういう使い方する人いないのかもな...
OTHER

Gulpを使ってサイト表示を高速化しよう!

こんにちは、しばです。 このたび遅まきながらタスクランナーデビューをしました。 これまでGulpは何回かチャレンジしようとして、インストール方法やら設定ファイルやら調べたら('ω')ウワアアアとなってしまって手をつけていませんでした。 しか...
OTHER

【Illustrator】ラスタ画像からsvg画像を作る方法

これまでsvg画像は、素材かデザイナーさんから受け取ったAIデータから書き出して使うくらいで、自分で作ったことがありませんでした。 Illustrator自体も書き出し以外はほぼ使えず...(´ω`;) Photoshopはまだ使えるので、...
OTHER

th、tdにFlexboxを使うとwidth指定がきかない

tableタグにFlexboxを適用したところ、Edgeではセル幅がちゃんと確保できず、内容に応じて狭くなってしまう事態が発生。 table-layout:fixedでは対応できなかったので、この事象の原因と対処法をまとめました! (さらに...