Technology blog from Web Engineer
ブログや企業情報などをWordPressで構築している人はAMPプラグインを使ってアクセス速度を改善させよう
Google Chromeのアドレスバー色を変更して独自の世界観を演出する(Android 5.0以降)
画像サイズから整数比のアスペクト比と最大公約数を計算するツールを公開。利用している技術などもすべて公開
bashからfish shellに変更したらサジェストとかしてくれて超便利
アスペクト比が分かっていれば計算することでCSSのみでレスポンシブに対応させることだって可能です。
画像サイズからアスペクト比を計算する
JavaScriptで画像を特定の要素幅に対して比率そのままでフィットさせる
CSSの属性セレクタを使い、HTMLに無駄なクラスの付与を減らす方法
GitHubのようなリポジトリのバージョン別ダウンロードがサービスに存在しない場合、Webサーバを使って独自に作成をする方法
スプレッドシートとGASを使えば捗ることもあります。
複雑なアニメーションを考える時、動く物体単体だけではなく、要素を隠して時間差で作成するという考え方もあります。
Wordpressのセキュリティを強化しよう
疑似要素を使ってリストをちょっと整形してみる
webpackでディレクトリ構造を保ったまま出力したい
Sassにはimage-urlがあるのにStylusには同じ機能はない。画像サイズは取得できるのに・・・。そんな時には自分で拡張して画像パスの悩みから開放されよう!
久々にSassをコンパイルしようとしてエラーが出て焦った件
技術力を磨けば磨くほど、簡単なことだと思われてしまうジレンマを自分なりに考察。
create.jsを使って簡単な重力ボールを作ってみた。
Google Material Design Lite風のボタンアクションを作ってみた
Facebookのクローラを判別する方法
よく使う実体参照の備忘録(CSSのcontent用もあり)