東京のWeb制作会社LIGLIGならできるおもしろいこと。フロントエンドシェアどうもですよ、はやちですよ。入社してからずっと書き続けているLIGブログも、気づけばかなりの数になってまいりました。この記事を入れて現在94本。100本に到達する勢いです。そこでふとはやちは思いました......いままで自分が書いた記事のなかで、どんな記事が多く読まれているのか?今回は数億年分の歴史をさかのぼって、PV数の高かった記事をランキング形式でご紹介いたします。【10位】コーディング初心者必見!ゲーム感覚で学べるプログラミング学習サイト「Progate」「CODEPREP」コーディング初心者必見!ゲーム感覚で学べるプログラミング学習サイト「Progate」「CODEPREP」2015.03.31HTML、css、jsや言語の基礎の基礎を学ぶことができるサイト「Progate」「CODEPREP」を紹介した記事です。)ウワァフォトショップでの髪の毛の切り抜きはどの年度でもヒットしますな〜。ε:)PhotoshopCC2017の「選択とマスク」機能を使ってスピーディに髪の毛を切り抜く方法2017.01.10【8位】スマホサイトに特化したアコーディオンメニューを作ってみたスマホサイトに特化したアコーディオンメニューを作ってみた2015.09.02スマホを横向きに変えたときのorientationchangeイベントを使って、最適なアコーディオンメニューをつくる方法をご紹介しました。アコーディオンメニューを開いて横向きにしたときにメニューが途切れてしまう、というトラブルには、今でも遭遇することがあります。)ドヤァ【6位】さくっと簡単!jQueryでコンテンツをオーバーレイ表示させる方法さくっと簡単!jQueryでコンテンツをオーバーレイ表示させる方法2013.07.12こちらはjs覚えたての記事になりますね。クリックの後にfadeInとfadeOutをするだけの実装です。́ʘ‿ʘ`)」、この顔文字が今のはやちのSVGのサンプル画像のキッカケでもあります。【5位】ひたすらハンバーガーアイコンを作ったので9種のソースを公開します!ひたすらハンバーガーアイコンを作ったので9種のソースを公開します!2015.09.28こちらはハンバーガーアイコンの動きのアイディア集になります。)これらのサイトは、プライベートでクソコラをつくるときにも大変お世話になっておりました。残念ながら、現在は「マンガ素材辞典β」のサイトは閉鎖されているのでご了承ください。動きが気持ちいい!jQuery(+CSS3)で作るアコーディオンまとめ8選!動きが気持ちいい!jQuery(+CSS3)で作るアコーディオンまとめ8選!2012.12.03jQeueryまたはcss3のみで動作するアコーディオンプラグインと実装まとめをご紹介しております。CSS3【2位】IEでもキレイ!ブラウザ上でアウトライン(縁取り)を表現する方法IEでもキレイ!ブラウザ上でアウトライン(縁取り)を表現する方法2014.03.26テキストアウトラインを、text-strokeだけではなく、さまざまな方法でクロスブラウザに適応させる例を紹介しています。GoogleMapのアイコンと、デザインの変更の仕方をご紹介いたしました。)まとめかなり古い内容のものが中心になりましたが、いかがでしたか?見返してみると「まだ参考になりそうだな」と思うところもあったり、これから改良できそうなものもあったり、我ながらにいい振り返りができたなとおもっております。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。