Webクリエイターボックスの2015年を振り返る

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

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

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

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

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

1. これからのCSSレイアウトはFlexboxで決まり！
float を使って横並びにしていたレイアウトを、これからはFlexboxで！というお話。短いコードで様々なオプションも付けられるので、今後のコーディングには必須だと思います。お正月休みの間にマスターしちゃいましょう！

See the Pen Responsive Flexbox by Mana (@manabox) on CodePen.


この記事をRTする

2. かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
jQueryで実装していたようなカスタマイズやアニメーションをCSSで実装！対応ブラウザーも増え、これからもCSSのみでできる小技が増えてくると思います。

See the Pen Custom checkbox CSS only by Mana (@manabox) on CodePen.


この記事をRTする

3. 美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
今年よく見かけるようになったグラデーションを用いたデザイン。CSSを使ってきれいなグラデーションを実装する方法や、グラデーションカラーを作れるWebサイトなどを紹介しました。

See the Pen CSS gradient with background image by Mana (@manabox) on CodePen.


この記事をRTする

4. ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
固定概念にとらわれず、「理由のあるデザイン」を提供しましょう！というお話。とはいえワイヤーフレームを作成した人とのコミュニケーションは不可欠なので、よりよいWebサイトを作るにはどうすればいいか？を常に考えることが大切ですね。

thumb_wireframe
この記事をRTする

5. WordPressで会員制サイトを作れる無料プラグイン「Simple Membership」
WordPressで簡易会員制サイトを作るのに便利なプラグインの紹介。日本語化されてなかったので翻訳もしちゃいました。

thumb_membership
この記事をRTする

6. Webデザインの勉強を始める人が幸せになれるツール＆サービス
Webデザインや制作について、何から勉強すればいいのか？何が必要なのか？がわからない初心者さん向けに「とりあえずこれを抑えておこう」と書いた記事。あくまで一例なので、いろいろ試してお気に入りを見つけてもらえばと思います。

thumb_beginner
この記事をRTする

7. クリエイティブなファビコンを設置しよう
基本的なファビコンのデザイン・設置方法から、動きや機能のついているファビコンなども紹介。

thumb_favicon
この記事をRTする

8. 商用利用OK！2015年にリリースされた無料フォント35
今年公開された日本語と英字のフリーフォントを紹介。先週の記事なのにまさかのランクインに中の人びっくり。

thumb_font
この記事をRTする

9. CSSの content プロパティーを使いこなそう！
content という擬似要素を使って、テキストや画像の表示、ツールチップ、引用文などのカスタマイズ方法を紹介。

thumb_content
この記事をRTする

10. ファーストビューの動きが面白いWebサイト20
WebGLやJavaScriptなどで作られたアニメーションをメインに利用しているWebサイトを紹介しました。このようなインパクトのあるWebデザインは今後も増えていく予感！

thumb_animation
この記事をRTする

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

2013年から登場している「楽しい」がついに2位になってしまいましたw 来年には1位になってしまうのでしょうか…。びくびく。初登場の「アボリジニアート」は、2010年に書いた「オーストラリア先住民によるアボリジナル・アートの魅力」へ辿り着いているようです。11月5日に一気に検索されていたので、調べたところ某ラジオ番組でアボリジニアートの特集をしていたようです。メディアの力ってすごい…。

  1. ワイヤーフレーム
  2. 楽しい
  3. 名刺の作り方
  4. webクリエイターボックス
  5. アボリジニアート
  6. コーディング
  7. フォント かわいい
  8. インフォグラフィックス
  9. アートとは
  10. スタッフ紹介

参照元サイト トップ10

8位までは多少順位の変動があるものの、昨年と同じ顔ぶれです。新しいものとしては、私のポートフォリオサイトと寝ログさんがランクイン。いつもSNSでシェアしてくださってる皆さん、まとめ記事等でとりあげてくださるブロガーさん、ありがとうございます！

  1. NAVER まとめ
  2. Twitter
  3. はてなブックマーク
  4. Facebook
  5. Gunosy
  6. コムテブログ
  7. Feedly
  8. 株式会社LIG
  9. Mana’s Portfolio Website
  10. 寝ログ

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

順位はあまり変動なし。まだまだ伸びるChromeシェア率。どこまで伸びるのでしょうか。モバイルブラウザーはiOSのものがAndroidを初めて上回りました。IEのバージョンで言うと2位のIE8が0.8%。引き続きこのサイトではIEは最新版のみの対応でいいかなーと思っています。

  1. Chrome – 45.30% (+4.38)
  2. Safari – 20.93% (-0.35)
  3. Firefox – 15.15% (-1.07)
  4. IE11 – 8.24% (+1.64)
  5. Safari Mobile – 3.56% (+0.3)

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

シェアする

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください！もちろん無料です！ :)