web屋必見!完全無料の超高品質な写真素材サイト10選
Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。
Web制作に限らずWebライティングでも必ず必要なのが写真素材。テキストコンテンツに画像を...
コードを簡単に共有できるWebサービス5選
コードを簡単に共有することができるWebサービスまとめ。
コードを公開できるWebサービスと言えばGitHubが有名ですが、ここでは実際に動作している画面も合わせてみることができ...
初心者でも簡単に使えるロゴ制作ツール&リソース
デザイン初心者でも簡単に使えて高品質なロゴが作れるロゴ制作ツール&ロゴリソースを紹介します。
ロゴ制作でよく使われるツールと言えば、IllustratorやPhotoshop。こ...
Webサイトの表示速度を改善するプロの技 10選
Webサイトの表示速度を改善する10の技まとめ。
Webサイトの表示速度(ページスピード)の改善はSEOにも影響を及ぼす重要な要素。読み込み速度が遅いと離脱につながることもあるた...
Webデザイナーのための最新UXツール 10選
めちゃくちゃ便利で使いやすくなった最新UXデザインツールを見つけたので紹介します。
一昔前のUXデザインといえばワイヤーフレーム使ったり、ペーパープロトタイプやったり、無駄な作業...
背景パターンを無料で作れるパターンジェネレーターまとめ
無料で使える背景パターンジェネレータを集めてみました。
背景パターンはWebサイトに限らず様々なところで使われます。ざらざらした感じのテクスチャやストライプ模様、イラストのリ...
自分でできる!おすすめホームページ作成ツール・サービス 6選
[getty src="173827839" width="508" height="337"]
自分で簡単にホームページを作成できるツール・Webサービスを集めてみました。...
無料で作業効率3倍アップ!時間管理ツール・アプリまとめ
作業効率化に欠かせないツールと言えば、時間管理アプリ。今回は数ある時間管理ツールの中からとくにおすすめできる最新のツールを紹介します。
Web制作に限らず、作業の効率...
Web制作の現場で使われている無料のコードエディターまとめ
Web制作に欠かせないツールの一つがコードエディター。今回はWeb制作者向けにおすすめの無料コードエディターをまとめてみました。
一昔前のエディターはメモ帳に毛が生えた程度の...
Bootstrapをもっと便利にする!Webサービス、ツール 15選
Bootstrapが国内で認知され始めてはや3年。すでに多くのWebサイトや案件で使用されるようになり、HTM5やCSS3と同程度の知名度を得ています。
そんなBootstrap...
Macユーザー必見!フリーで使える画像編集アプリ 12選
画像編集ツールといえばPhotoshopが最も有名です。Web制作の現場でもWebデザインにはPhotoshopが利用されることがおおいですよね。ただ、Photoshopを使うには...
Web・アプリ開発に使える無料のワイヤーフレームツールまとめ
Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、そ...
フラットデザインのアイコンが無料でつくれる、Flat Icon Maker
最近流行のフラットデザイン。大手のサイトでも採用されるようになってきてますます需要もたかまってます。Webサイトで使われるアイコンもフラットデザインのものが多くなってきていますが、...
もうウソつけない!?アクセス数暴露ツールsimilarweb使ってみた
photo credit: thejbird via photopin cc
これまで多くのブロガーが読んできたサバの1つであるアクセス数。一番アクセスの多かった日に30かけ...
Webデザインの背景作りに活用したいパターンジェネレーター10選
Webデザインで背景を作成するときは、基本的にPhotoshopなどでデザインしたものから画像を書き出し、CSSで繰り返し表示をします。一方でPhotoshopを使わずにブラウザ上...
今までとは一味違う!最新のCSSジェネレーター ENJOYCSS
CSSジェネレーターといえば、画面を見ながら簡単にオシャレなスタイルを作れるので、ちょっとしたボタンやパターンなどを作りたいときに重宝しています。
CSSジェネレーター ENJ...
Bootstrap3のコードを書き出してくれるLayoutItの使い方
Web制作でいつもお世話になっているBootstrap3。もう使い慣れすぎてこれ無しで作るのがめんどくさくなるほどでまさにBootstrap中毒と言えます。
そんなただでさえ便利...
これはやばい!数百もの中から自分だけのオリジナルicon fontをつくれちゃう...
アイコンって実は使いにくい
Webデザインの素材としてよく使うのがアイコン。ネット上を探せばフリーで使用できるものがたくさんあり、それらを落として一つずつ使っている方もいるの...
Bootstrapを使うなら絶対ブックマークしておきたいリソース集13
プロトタイピングやレスポンシブレイアウトでお世話になっているTwitterBootstrap。しかし、ボタンなどのデザインは毎回同じなので何か味気なかったりしますよね。
そこで役...
ブラウザでいつでもどこでも使えるオンラインコードエディター 14
無料で使えるコードエディターといえば、フリーのテキストエディターを使うのが一般的ですよね。しかし、PCがある所でないと使えないためスマートフォンやタブレットでサクッとコーディングし...