今年も残りあとわずか！一年間お世話になりました！Webクリエイターボックスは10周年を迎え、なかなか激動な一年を送りました。毎年思いますが早いですね。という事で例年どおり、Webクリエイターボックスが今年1年どんな変貌を遂げたのか、そしてWebクリエイターボックス内でよく読んでもらった記事トップ10などを紹介しようと思います。いくつ覚えていただけてますかね？ :3

↑私が10年以上利用している会計ソフト！

2020年ハイライト

今年あった出来事です。10周年の節目らしく、大きく変わっていきました！

• 1月4日 Webクリエイターボックス10周年！プレゼント企画開催
• 2月6日 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の韓国語版が出版されました
• 3月10日 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」が2019年度CPU大賞 書籍部門1位を受賞
• 7月6日 Web・デザイン関連の「読んだ本」の一覧ページ公開
• 7月20日 YouTubeでの【Webサイト制作 動画講座】開始
• 10月15日 Webクリエイターボックスを法人化しました
• 11月10日 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」が10万部突破！プレゼント企画開催

Webクリエイターボックスの〇〇年を振り返る記事シリーズ

• 2019年
• 2018年
• 2017年
• 2016年
• 2015年
• 2014年
• 2013年
• 2012年
• 2011年
• 2010年

アクセスの多かった記事 トップ10

今年書いたものでアクセスの多かったものトップ10。

1. CSSとJavaScriptでWebページにローディングアニメーションを表示させる方法
ローディングアニメーションの素材やCSSコードを見かけることが多いのですが、実際にどうやって使うのかわからない…という声に応えて書いた記事。記事の最後にも記載していますが、本当ならこういったローディングアニメーションがなくてもいいように読み込みに時間のかからないWebサイトに設計できるといいですね。

この記事をRTする

2. jQueryを使わずにスライドメニューを実装しよう
需要がある割にはjQuery以外の制作方法があまり見当たらないので書きました。意外とサックリと実装できるので試してみてください！

この記事をRTする

3. CSSファイルを読み込むだけ！クラスなしCSSフレームワークいろいろ
CSSフレームワークを理解してクラスをつけていくのも面倒！という方におすすめ。文章主体のWebサイトだとこれだけで整ったものが出来上がります。

この記事をRTする

4. SVG形式のファビコンを設置しよう
ついにファビコンがSVG形式に対応！！これでいろんなサイズのファビコン画像を作らなくてすみます…！

この記事をRTする

5. コーディングではなくデザインがメインの無料オンライン学習サービス
会員登録するだけで、様々な範囲のデザインが学べるサービスいろいろ。コーディングの学習サービスが多いなか、デザイナーを目指すならこれらもおさえておくといいですね。

この記事をRTする

6. 在宅ワークの集中力を高めよう！環境音が聴ける作業BGM用Webサイト
自然の音やオフィスの音など、ホワイトノイズのサービスまとめ。みなさん、そろそろ在宅ワークにも慣れてきましたかね？

この記事をRTする

7. 2019年度CPU大賞 書籍部門1位を受賞！拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」
私の書いた本が多くの方に読んでいただけで光栄です！この受賞を機に、本の帯が新しくなりました！キラキラ！

この記事をRTする

8. Dart Sass、使ってる？Preprosを使えばコンパイルも楽勝！
公式でもDart Sassの利用が推奨されています。Ruby SassやLibSassを使っている方は、少しずつ移行していくといいですね。

この記事をRTする

9. 作って覚えるAdobe XDの便利機能 5つ
新しく追加された機能も含めて、XDの使いやすさをなるべく視覚的にわかるように動画を撮影しながら書いた記事。動画のファイルサイズを軽減するためにあれこれ頑張った記憶…。

この記事をRTする

10. オンラインで手軽に画像や動画の背景を切り抜こう！remove.bgとUnscreen
今年は手軽に背景を切り抜く系ツールが賑わっていたように思います。その中でも動画の背景を切り抜けるツールは少なかったので取り上げました。

この記事をRTする

検索されたワード トップ10

上記今年書いた記事でよく読まれたものはJavaScript関連でしたが、検索されたワードは相変わらずCSS関連が強いですね。来年はJavaScriptやツールまわりも書いていきたいところ。。

1. flexbox
2. css flex
3. css 角丸
4. flexbox チートシート
5. css トリミング
6. css 縦書き
7. object-fit
8. css グラデーション
9. wordpress 子テーマ
10. css 変数

ビジターの使用ブラウザー トップ5

ChromeとEdgeが微増し、他のブラウザーはすべて減少。ついにEdgeがIE11を超え、IEは2%台に！Firefoxは減少が止まらず、このままいくとEdgeがFirefoxを超える未来もある…かも…？

1. Chrome – 68.08% (+3.02)
2. Safari – 18.27% (-0.61)
3. Firefox – 5.42% (-1.16)
4. Edge – 3.24% (+0.87)
5. IE11 – 2.21% (-0.16)

今後もWebクリエイターボックスをよろしくお願いします！