パンダの肉球がかわいいオンラインサービスを紹介します。 Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。
Webページやスマホアプリ、UI Kitのカラーの組み合わせをいろいろ試せる -Panda Colors（肉球かわいい）
パンダの肉球がかわいいオンラインサービスを紹介します。 Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。
ものの数分でクオリティの高いロゴが作成できるサービス「Logo Garden」 : 二十歳街道まっしぐら
Logo Gardenはウェブ上で簡単にロゴが作れるサイトです。 ロゴを作るだけでなく、作ったロゴを入れた名刺やTシャツも作ることができます。 作ったロゴは無料でダウンロード可能（ちょっと小さいけど）。 どういうロゴを作ろうかなぁと考える際にも使えそうです。 以下に使ってみた様子を載せておきます。 まず「Logo Garden」にアクセスしましょう。 まずどういったジャンルのロゴかを選びます。 次にロゴに使いたいイメージを選択します。 たくさん種類があるのでじっくり選んでみましょう。 あとは色や文字を入れて微調整をしたら完成。 その後、ロゴをJPG画像としてダウンロードできますよ。 さらに、ロゴを使った色々なアイテムも作れるみたいです。（有料ですが） ロゴ作成の際にぜひご活用ください。
ウェブページをキャプチャ・編集できるツール「Aviary.com」（無料） | ライフハッカー・ジャパン
ライフハッカー過去記事「軽くて速くてブラウザで使える画像編集ツール『Aviary Falcon』」でご紹介した画像編集ツール「Aviary Falcon」のメーカーAviaryがまたまた便利なツールをリリースしました。ウェブページのコンテンツをキャプチャしたり編集したりする際に使えるウェブツール「Aviary Screen Capture:Talon」です。 使い方はシンプル。たとえば、「aviary.com/http://www.google.com」といった具合に、キャプチャしたいページの前に「aviary.com/」をつけたものをブラウザのアドレスバーに入力してEnterキーを押せばOK。ウェブコンテンツはフルレングスでキャプチャすることができ、編集画面での編集はもちろん、デスクトップへの保存もOK。ユーザ登録すれば、オンライン上にキャプチャ画像を保存しておくこともできますよ。 米L
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
日本語もOK！ウェブサイトをPDFに変換してくれるサイト「CreatePDF.in」*二十歳街道まっしぐら（FC2ブログ時代）
「CreatePDF.in」はウェブページをPDF化できるサイトです。 PDFにしたいサイトURLを入力して、変換ボタンを押すだけ！簡単にPDFに変換できますよ。 日本語もバッチリ対応していて、綺麗に仕上がります。 以下に使ってみた様子を載せておきます。 まず「CreatePDF.in」にアクセスします。 PDF化したいウェブページのURLを入力。 「Create PDF」をクリックすると、変換開始です。 変換後、自動的にローカルに保存されます。 通常モードでPDF化したら、このようになりました。 「landscape」にチェックいれると横向きになります。 日本語も綺麗に表示されています。 手軽にウェブページをPDFにできるので、覚えておくと便利！ （本記事で紹介したサイト：CreatePDF.in）
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
資料作りに便利なキャプチャーツール・加工ツール : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部の河野です。 説明や提案など資料を作る際に、Webページやアプリケーションの画面のイメージを取り込んだり利用することは多くあると思います。 今回はそのような場面に役立つツールをご紹介したいと思います。 画面キャプチャーツールの使い分け 窓の杜には「画面キャプチャー」、ベクターには「グラフィックセーバ(キャプチャ)」と、キャプチャーツールは、数多く紹介されています。それぞれ、細かいところで特徴に違いがありますので、自分の好みに合わせて使えばいいと思います。 私の場合は、キャプチャ対象がWebページかそれ以外のデスクトップアプリか範囲がユーザー指定か全画面か、或いは、表示されないページ全体部分も含むかキャプチャした画像はファイルとして保持したいか、クリップボードに保持でOKかなどによって、いくつか使い分けをしています。 【1】WebページのキャプチャーWebページの
サイトのメニューやサイトマップのプロトタイプがサクっと作れる「Naview」
何らかのサイトを制作しようといったとき、構想を練ったり、ナビゲーションを考えたりするのにカンタンにできるのであれば、リアルに再現できた方がイメージがわきやすいですよね。 これまでにも、WEBサイトの構成図を作成できるソフトなどをご紹介しましたが、さらに手軽に作ることができるものをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイト構成のイメージをカンタンに視覚化できる「Naview」 「Naview」は、サイトのナビゲーションメニューやサイトマップのプロトタイプを、テキストベースでカンタンに作成できるサービス。 ログインは必要ですが、公開用のURLを発行することも可能なので、遠方のかたとやり取りする際にも便利です。 テキストエディタだけでサイト構成を作成できる ↑サイト構成の作成
iPhoneサイトを無料作成！Dreamweaver拡張機能が登場
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション（拡張機能）「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
Visualize Website Structure – Sitemap
2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編２：Webサイトの構成図（サイトマップ）。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その2 目標：Webサイトの構成を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法
サイトやサービスのパフォーマンスをチェックして改善点を教えてくれる『GTmetrix』 | 100SHIKI
サイトやサービスを作ったらまずはこれを試してみるといいかもしれない。 GTmetrixはサイトのパフォーマンスをチェックし、どこを改善したら良いかを教えてくれるツールだ。 診断結果ではさまざまな施策を教えてくれるが、優先順位までつけてくれるのはなかなか便利だろう。 また会員登録することで、診断結果の履歴をとることも可能だ。時間をおってどのようにパフォーマンスが改善したか、報告するのに良さそうだ。 最近のサイトにおいては「速度は機能」というのは間違いない。こうしたツールをうまく使いこなしたいですな。
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
0to255
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
HugeDomains.com
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
アイコンをデザインする人のためのツールキット – creamu
アイコンを自分で作りたい。 そんなときに使えそうなのが、『The Icon Designer’s Toolkit』。アイコンをデザインする人のためのツールキットです。 面白い感じのが揃っているのでご紹介しますね。 IconBuilder Mac版が$79、Windows 版が$49のソフト。Photoshop、Fireworksと連携可能 Icon Machine Mac OS X 10.2以上で使える、Mac用のソフト。$25 IcoFX MSのペイントアプリを拡張したようなインターフェースのアイコン作成ソフト Favicon Generator faviconが作成できる無料のオンラインツール Photoshopなどを使わずにアイコンを作りたいときに、いかがでしょうか？ The Icon Designer’s Toolkit 天気がよかったので、仕事終わりにお花見に行ってきました。皇居
Flash知識がなくても携帯Flashサイトが作成可能--「Fi:Mo」提供開始 | クリエイティブ | マイコミジャーナル
CELLは、Flashの知識がなくても携帯3キャリアに対応したFlashサイトを作成できる、携帯電話向けFlash作成支援ツール「Fi:Mo」のサービス提供を開始した。価格は月額88,888円。 「Fi:Mo」イメージ図 Fi:Moは、Flashの技術や専門知識がなくともFlashページの作成、更新ができるFlash作成支援ツール。Flash Lite1.1以上のドコモ、au、softbankの3キャリアに対応し、デバッグが不要の端末最適化機能を搭載する。 また、コンテンツプロバイダーの2階層目にあたるランキングページ、特集ページなどをFlash化することによりサイト全体の遷移の複雑化を解消し、ニュースやランキング等の即時性の高いページを自動更新する機能も搭載。 なお、同ツールは取次店として、ドコモ・ドットコムの協力を得て提供されるとのこと。価格は、月額88,888円。詳細はこちらより。
WEB制作、プロの無料サービス活用術 第1回 - MdN Design Interactive
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 Tweet [technique 01] オンラインで本格的な画像編集をする 「pixlr」 [technique 02] 繰り返し用の背景画像を作成する 「Tiled backgrounds designer」 [technique 03] カラーパター
チャート・グラフが作れるオンラインツール22 – creamu
97859900/ iStockphoto/ Thinkstock チャートやグラフを手軽に作りたい。 そんなときにおすすめなのが、『22 Useful Online Chart & Graph Generators』。チャート・グラフが作れるオンラインツール集です。 便利そうなのが揃っているのでご紹介しますね。 Rich Chart Live Flashでチャートが作れるツール Online Chart Generator 素晴らしいジェネレータ。かっこいい3Dのグラフを簡単に生成できる Chartle.net シンプルに使えるオンラインチャートジェネレータ JS Charts 棒グラフや円グラフなど、様々なタイプのチャートが作れるJavaScript Google Chart Tools Webサイト上でライブチャートが作れるGoogle Chart Tools Google Char
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI
CSS3を使用した美しいフォームが簡単に作成できる -FAARY