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

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

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

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

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

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

1. かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました
男性が苦手としがちなかわいい系デザインに使える素材やフォント、配色、実例サイトなどを紹介。きゃわわ。

Pretty-Ballerinas
この記事をRTする

2. 背景に動画を使ったWebサイトの作り方
ここ数年でよく目にするようになった動画を背景に使ったサイトを作る時の注意点や実装デモ、サイト紹介。ユーザーにうざがられない、ユーザビリティも考慮した素敵サイトを作りましょう！


この記事をRTする

3. IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
「フラットデザインなら特にIllustratorの方が作りやすいよねー」というお話。便利な使い方やワイヤーフレーム制作時に使えるテンプレートなども紹介。

artboard
この記事をRTする

4. Adobe製品の代わりに使える無料アプリ10+
Adobe製品って高性能ですがやっぱりお高いんですよね。学生さんや初心者さんは、まずはこの記事で紹介しているような無料ツールで試してみては？

gimp
この記事をRTする

5. テキスト周りで使えるCSSの小技いろいろ
「蛍光ペンで線を引いたような効果」「長いテキストを『…』で省略する」などなど、簡単で意外と使えるCSSの小技を10個以上紹介！

See the Pen word-break by Mana (@manabox) on CodePen.


この記事をRTする

6. WordPressのカスタム投稿タイプでメンバー紹介ページを作成
WordPressに標準で装備されている「投稿」「固定ページ」以外の投稿タイプを作ろう！という記事。実際に制作したサイトを例にコードも紹介しています。

custom-post-example
この記事をRTする

7. アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
拡大縮小しても画質が劣化しないSVG。個人的にSVGはこれからますます注目されると思うので、まだチェックしていない方はぜひ読んでみてください！このサイトのアイコン等はすべてSVGを使っていますよ。

svgとJPEG、PNGの比較
この記事をRTする

8. 大きな背景画像を使った魅力的なWebサイトを作ろう
2014年は本当にこの大きな背景画像を使ったWebサイトが多かったように思います。デザインのポイントや実装方法、参考サイトなどを紹介。

テキストを余白に配置した画像
この記事をRTする

9. シンメトリー（対称性）を取り入れたデザインの基礎
デザインの基礎的なお話。シンメトリーの種類を、デザインのポイントとともに紹介しました。

回転対称
この記事をRTする

10. CSS3アニメーションに挑戦！色が移り変わる背景を実装しよう
下のデモのようなアニメーションを作ろう！というお話。CSSアニメーションの基礎から実装コード、実例サイトなどを紹介しています。右下の「RETURN」ボタンか、右上の「Edit on CODEPEN」をクリックして動作を確認！

See the Pen CSS3 Animation – Background colour by Mana (@manabox) on CodePen.


この記事をRTする

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

昨年初登場した「楽しい」がじわじわと順位をあげていますw サイト名での検索流入が減ってきているのはいい傾向かなと思います。あとは相変わらず「名刺」や「配色」関連が人気。

  1. 名刺 デザイン
  2. 配色
  3. 楽しい
  4. ワイヤーフレーム
  5. フォント かわいい
  6. webデザイナー
  7. webクリエイターボックス
  8. jquery
  9. 名刺の作り方
  10. 色 組み合わせ

参照元サイト トップ10

トップ5は順位が少し変わってますが、同じ顔ぶれです。新しくコムテブログさん、株式会社LIGさん、TechAcademyマガジンさんがランクイン。どれもWeb系まとめ記事で紹介してくださったようです。ありがとうございます！

  1. NAVER まとめ
  2. Twitter
  3. Gunosy
  4. はてなブックマーク
  5. Facebook
  6. コムテブログ
  7. Feedly
  8. 株式会社LIG
  9. ホームページを作る人のネタ帳
  10. TechAcademyマガジン

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

順位はあまり変動なし。ここ数年Chromeユーザーがどんどん増えてきて、上昇率も別格です。2位のSafariと合わせると、Webkit系ブラウザーが半数を超えています。IEのバージョンで言うとIE11未満のバージョンはIE10で1%代だったので、このサイトではIE最新版で閲覧できればいいかなーというスタンスで制作されています。

  1. Chrome – 40.92% (+7.62)
  2. Safari – 21.28% (+1.05)
  3. Firefox – 16.22% (-0.59)
  4. IE11 – 6.60% (+3.67)
  5. Android Browser – 4.30% (-0.27)

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

シェアする

ニュースレター

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