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

Webサービス・ツール

コードを簡単に共有できるWebサービス5選

コードを簡単に共有することができるWebサービスまとめ。 コードを公開できるWebサービスと言えばGitHubが有名ですが、ここでは実際に動作している画面も合わせてみることができ...

初心者でも簡単に使えるロゴ制作ツール&リソース

デザイン初心者でも簡単に使えて高品質なロゴが作れるロゴ制作ツール&ロゴリソースを紹介します。 ロゴ制作でよく使われるツールと言えば、IllustratorやPhotoshop。こ...

Webサイトの表示速度を改善するプロの技 10選

Webサイトの表示速度を改善する10の技まとめ。 Webサイトの表示速度(ページスピード)の改善はSEOにも影響を及ぼす重要な要素。読み込み速度が遅いと離脱につながることもあるた...

Webデザイナーのための最新UXツール 10選

めちゃくちゃ便利で使いやすくなった最新UXデザインツールを見つけたので紹介します。 一昔前のUXデザインといえばワイヤーフレーム使ったり、ペーパープロトタイプやったり、無駄な作業...

背景パターンを無料で作れるパターンジェネレーターまとめ

無料で使える背景パターンジェネレータを集めてみました。 背景パターンはWebサイトに限らず様々なところで使われます。ざらざらした感じのテクスチャやストライプ模様、イラストのリ...

自分でできる!おすすめホームページ作成ツール・サービス 6選

Embed from Getty Images 自分で簡単にホームページを作成できるツール・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がある所でないと使えないためスマートフォンやタブレットでサクッとコーディングし...
デザイナーなら絶対ブックマークしておきたい 色指定で画像を検索するツール5つ04

デザイナーなら絶対ブックマークしておきたい 色指定で画像を検索するツール5つ

デザイナーのかたであればお世話になることが多いフォトストックサイト。キーワードで画像を検索してほしいものを見つけます。ここで紹介するのは画像の検索にカラーの指定もできるツールです。...

最新記事

Bootstrap3 テーブル(表)の書き方、使い方

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

Markdownで書いた記事はSEO的に問題ないのか?調べてみた

最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。 MarkdownはHT...

ひとつ上の Bootstrap3 グリッドレイアウト使いこなし術

前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。 Bootstrap3では単に横並びのレイアウト...

もう一度確認しておきたい、Bootstrap3 レスポンシブの基礎知識

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

今度こそ覚える、Bootstrap3 グリッドシステムの使い方

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

はてな人気記事

人気テンプレート

COLOR MART Blue テンプレートプラス対応ブルーテーマ

COLORMARTはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。また、2カラム、3カラム両対応でレイアウトも自由に行えます。

WhiteCube EC-CUBE2.13 マルチカラムテンプレート

WhiteCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。

CUBESTORE minimal2 EC-CUBE2.13系対応 マルチカラム...

CUBESTORE minimal2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

COLOR MART Black テンプレートプラス対応ブラックテーマ

COLORMART Blackはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。また、2カラム、3カラム両対応でレイアウトも自由に行えます。

BlackCube EC-CUBE2.13 マルチカラムテンプレート

BlackCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。