メールフォームプロ
無料の高機能で作り方も簡単なメールフォームプロCGIです。複数送信やアンケートフォームや応募フォームとして利用できます。文字コードUTF-8対応でレスポンシブWebデザインでスマートフォンにも対応。MTでもWordPressでも使えるショッピングカート機能付き高機能無料メールフォームCGIです。中国語や韓国語への対応やクレジット決済機能も。Googleスプレッドシートとの連携も可能。 メールフォームプロCGIの概要Perlで書かれたアンケートフォームや応募フォームとして無料で利用できるメールフォーム（エントリーフォーム）のCGI高機能版です。高機能と言うことで、DOMを駆使した確認画面と一般的なメールフォームにたぶんあまり付いていない効果計測機能が実装されております。簡単設置の概念を幾分抑え、全ての設定をCGI側に設定する必要がある点が大幅な変更点となります。 もちろんスマートフォンへも完
FlashのアニメーションをHTML5に変換するツール「Wallaby」をAdobeが公開 | ClockMaker Blog
FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。 速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。 インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
50 Powerful Time-Savers For Web Designers — Smashing Magazine
There are tools that make our lives much easier. However, finding those obscure time-savers which would save time in every single project isn’t easy and requires a lot of time. At Smashing Magazine, we are regularly looking for such useful tools, gather them, review them and eventually prepare for a truly smashing round-up. Such posts are quite lengthy and extensive, but they are always worth chec
国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ - かちびと.net
カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方
2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同
ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
CSS Sprite Generator
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
WebサイトのRFP（提案依頼書）作成時に必要な要素リスト｜大前創希ブログ（仮） Soki Ohmae Blog β｜Webコンサルティング・Webサイト構築のクリエイティブホープ
先日のセミナーにて、RFP（提案依頼書）作成時のチェック項目として利用していただける資料をブログで公開する、と発言していましたが。。。 申し訳ないです。。出していませんでした。 ここに貼り付けておくので自由に使って下さいませ。 RFPtable_20100205.pdf 利用許諾として、この資料を改変無くプリントや添付資料として使って頂く分には全く問題無いものとします。転載や一部抜粋にによる利用はお控え下さい。 RFP（提案依頼書）を書く際の留意点として、以下のことに注意してみて下さい。 ・提案を依頼する理由 ＞例：Webからのお申し込み数を増加したい たとえば「Webサイトリニューアル」といった漠然とした課題ではなく、その根底にある問題意識を共有できるように記述すると、より具体的な提案を得られます。 ・現状のWebサイトのアクセス状況 ＞例：PV 100万/月・UU 2万/月・申し込みC
GoogleAnalyticsのデータから、無料で「使える」分析レポートが作成出来る『Arest（アレスト）』レビュー - Real Analytics （リアルアナリティクス）
Sitegramというアクセス解析サービスを提供している株式会社HARMONYが作成した、アクセス解析レポーティングサービス「Arest（アレスト）」が昨日リリースされたので、早速レビューをしてみました。 概要・感想 GoogleAnalyticsのみに対応。GoogleAnalyticsのAPIを使ってログデータをダウンロード。それをArestにインポート。そうするとそのデータを元にプレゼンテーションや印刷用に使えるように整形をしてくれます。非常に多くのレポートがわかりやすい形で整形され、サイトの現状把握や課題発見に非常に有効なツールです。今までGoogleAnalyticsからCSVでデータをダウンロードして整形にかかっていた工数の削減や、今まで見たことない分析手法や気付きを得られサイトの事実や課題がより浮き彫りになるといったメリットがあります。 準備に少し手間がかかりますが、その労力
第1回 SEOツールを使いこなそう！（1）検索順位チェックツール―「順位チェック300」と「SEO Talk」 | gihyo.jp
2010年版SEO体得講座 第1回SEOツールを使いこなそう！（1）検索順位チェックツール―「順位チェック300」と「SEO Talk」 検索順位チェックツールの紹介 はじめまして。株式会社ディーボの藤沢です。今回から当コラムを担当させていただきますのでよろしくお願いします。コラムの内容ですが、当社でリリースしているSEOツールがたくさんありまして、そのツールの紹介をするのがひとつ、もうひとつは、毎月の検索エンジンのアルゴリズム動向を当社で継続調査しておりまして、そのレポート記事です。この2つを交互に出していこうと思っておりますのでよろしくお願いします。 今回はSEOツールのご紹介で、検索順位チェックツールです。 SEO対策は検索順位の向上を目指すものですので、その成果を確認するためには、検索結果の順位をこまめにチェックする必要があります。しかし、検索結果の画面で、対象のサイトが何位になっ
ワイヤーフレーム / モックアップを作成するためのフリーアプリ10 – creamu
ワイヤーフレーム / モックアップを作りたい。 そんなときにおすすめなのが、『10 Completely Free Wireframe and Mockup Applications』。ワイヤーフレーム / モックアップを作成するためのフリーアプリ集です。 なかなかいい感じのが揃っていますよ。 Pencil Project ワイヤーフレームが作れる有名なFirefoxアドオン Web Site Wireframe Tool オンラインでシンプルにワイヤーフレームを作って、パーマリンクで共有できるサービス Hot Gloo – The Online Wireframe App Flashベースのワイヤーフレーム作成アプリ。現在無料 DUB – DENIM Windows, Unix, Mac OS Xで利用できるデスクトップアプリ Mockingbird UIの綺麗なMockingbird
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://designaholic.cc/2011/03/webweb21.html
SEO無料分析ツール Pythagoras(ピタゴラス)
HTMLを読みやすく美しくする8つの方法 | AUTHORITY SITE