ホーム webリソース Webサービス・ツール

Webサービス・ツール

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サービスを集めてみました。...
おすすめ時間管理ツール-5

無料で作業効率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使ってみた

もうウソつけない!?アクセス数暴露ツールsimilarweb使ってみた

photo credit: thejbird via photopin cc これまで多くのブロガーが読んできたサバの1つであるアクセス数。一番アクセスの多かった日に30かけ...

Webデザインの背景作りに活用したいパターンジェネレーター10選

Webデザインで背景を作成するときは、基本的にPhotoshopなどでデザインしたものから画像を書き出し、CSSで繰り返し表示をします。一方でPhotoshopを使わずにブラウザ上...
最新のCSSジェネレータ、EnjoyCSSの使い方

今までとは一味違う!最新のCSSジェネレーター ENJOYCSS

CSSジェネレーターといえば、画面を見ながら簡単にオシャレなスタイルを作れるので、ちょっとしたボタンやパターンなどを作りたいときに重宝しています。 CSSジェネレーター ENJ...
Bootstrap3を書き出してくれるWebツール

Bootstrap3のコードを書き出してくれるLayoutItの使い方

Web制作でいつもお世話になっているBootstrap3。もう使い慣れすぎてこれ無しで作るのがめんどくさくなるほどでまさにBootstrap中毒と言えます。 そんなただでさえ便利...
アイコンフォントの作り方

これはやばい!数百もの中から自分だけのオリジナルicon fontをつくれちゃう...

アイコンって実は使いにくい Webデザインの素材としてよく使うのがアイコン。ネット上を探せばフリーで使用できるものがたくさんあり、それらを落として一つずつ使っている方もいるの...
Bootstrapを使うなら絶対ブックマークしておきたいリソース集13-01

Bootstrapを使うなら絶対ブックマークしておきたいリソース集13

プロトタイピングやレスポンシブレイアウトでお世話になっているTwitterBootstrap。しかし、ボタンなどのデザインは毎回同じなので何か味気なかったりしますよね。 そこで役...
ブラウザでいつでもどこでも使えるオンラインコードエディター 14-08

ブラウザでいつでもどこでも使えるオンラインコードエディター 14

無料で使えるコードエディターといえば、フリーのテキストエディターを使うのが一般的ですよね。しかし、PCがある所でないと使えないためスマートフォンやタブレットでサクッとコーディングし...

最新記事

web屋必見!完全無料の超高品質な写真素材サイト10選

Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。 Web制作に限らずWebライティングでも必ず必要なのが写真素材。テキストコンテンツに画像を...

カラーミーショップ お気に入り商品の使い方とボタンの設置方法

カラーミーショップはスマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。 ここでは20...
カラーミーショップのカスタマイズ方法

カラーミーショップ レビュー機能の使い方とカスタマイズ

カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので完全オリジナルデザインのショップを自由に構築することができます。 このペー...

カラーミーショップ トップページバナーの使い方、設置方法

カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので頑張ればオリジナルデザインのショップを構築することも可能です。 このページ...
カラーミーショップに登録しよう

カラーミーショップ カレンダー機能の使い方

カラーミーショップはHTMLとCSSの編集ができ、オリジナルデザインのショップを構築することができるECサービスです。TetraThemesではレスポンシブに対応したデザインテンプ...

はてな人気記事