サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
10,000個以上のフリーのTrueType Fontがダウンロードできる -Pimp Your Font
10,000個以上のフリーのTrueType Fontがダウンロードできる「Pimp Your Font」を紹介します。
ニールセン・ネットレイティングス | ネット視聴率 | 視聴者分析 | 広告分析 | ソーシャルメディア分析
メディア・視聴者分析 スマートフォンとPCの利用状況を測定し、消費者のメディア利用行動を明らかにしています。また、測定を通じて蓄積されたデータからデジタルマーケティング戦略に不可欠な分析とインサイトをご提供しています。 詳細はこちら ≫ 広告効果測定・最適化 デジタル広告の広告効果をリアルタイムで測定・分析し、消費者へ のリーチ、共感度、リアクションを指標化することで、デジタル広告の最適化施策をご提示しています。 詳細はこちら ≫
自分が死んだ後のメールアドレスやSNSアカウントはどうなるの？ : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
もし自分が死んだら、このメールアドレスやソーシャルネットワークのアカウントはどうなるの？ 日々の生活にネットが欠かせない人は、誰もが一度は想像したことがあるのではないでしょうか。例え本当に自分が死んでいなくても、使わなくなってしまったアカウントは"死にアカウント"と呼ばれているくらいで、ユーザーの生死に関わらず使われていないアカウントはネット上では"死んでいる"ということです。 しかし、いわゆる"死にアカ"と違って、死の直前までユーザーが頻繁に使っていたアドレスやアカウントには、死後も重要な情報が残されている訳で、それらは一体どうなってしまうのでしょうか？ ポピュラーなサービスである「Gmail」「Hotmail」「Yahoo」 のメールアドレス、「Facebook」「MySpace」のアカウントについて、それぞれの調査結果がありましたのでご紹介しましょう。 ■Gmail Gmailユーザ
Gyazoへようこそ : スクリーンショットの瞬間共有
Gyazoを使えば、スクリーンショットを撮ったり、ビデオを録画して、すぐにアップロードできます。どのアプリでも、新しいリンクを貼り付けるだけで共有できます。
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
容量無制限の無料オンラインストレージ firestorage
firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間に食われてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどん食われていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して
Client Side State - HTTP Cookies
This is the original spec once found on netscape.com but since they decided to not keep the original URL alive and working, we host it here and point to this URL instead. Go to curl.se for more curl info PERSISTENT CLIENT STATE HTTP COOKIES Preliminary Specification - Use with caution Cookies are a general mechanism which server side connections (such as CGI scripts) can use to both store and retr
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
あらゆるサイトから情報を収集できる便利検索サイト「Sputtik」*二十歳街道まっしぐら（FC2ブログ時代）
「Sputtik」はあらゆるサイトから情報をかき集められるサイトです。 ウェブサイトはもちろん、画像や動画などなどいろんなサイトから検索ができます。 以下に使ってみた様子を載せておきます。 まず「Sputtik」にアクセスしましょう。 検索ワードを入力して検索！（日本語は利用できません。） このように左側に検索メニュー、右側に検索結果が表示されます。 見ての通り、あらゆるサイトが盛り込んであります。 検索ワードを入力した後、マウスでぽちぽちサイトをクリックしていくだけでいろんなサイトから検索ができます。 Google検索からYahoo検索に切り替えました。 画像もこの通り。 アイコンだけを検索などもできます。 動画も同様に検索できますし、ファイルそのものの検索もあります。 いろんなサイトから情報を収集したいときには「Sputtik」はかなり重宝するはず！ 日本語が対応していないのが少し残念
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
無料でウェブページ内のユーザーの行動を可視化してヒートマップを見せてくれる「ユーザーヒート」
通常のアクセス解析は単純にどのページがどれだけ見られたかという程度のものですが、実際にユーザーがどこをクリックしているのか、どこから見始めているのか、どこを重点的に見ているのかなどを分析する「ヒートマップ」を無料で作成してくれるのがこの「ユーザーヒート」です。 実際にどのような感じで解析できるのかというサンプルは以下から。 ユーザーローカル、Webページ内の行動を分析する無料アクセス解析ツール「ユーザーヒート」を公開 User Heat : どこが読まれているか見える！無料ヒートマップ・ツール http://userheat.com/ マウスの軌跡・クリックが多い場所・熟読エリアの3パターンの可視化が可能となっており、それぞれ以下のようになります。 マウストラック分析。ページが表示されてから離脱するまでの訪問者のマウスの動き（ページを開いたときのマウス場所や移動箇所、クリックした場所）を表
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Webプロフェッショナルのための黄金則 Web配色デザインのセオリー (Web Designing BOOKS): 坂本邦夫: 本
CSS Minify!! - ありんく tech-tools
プロユースレベルの高品質なフリーのフォント集
【コラム】クラウドにデータを保存するのは“危険なこと”なのか : クラウド・コンピューティング - Computerworld.jp
Bit.lyピンチ。FacebookとGoogleがURL短縮サービスに参入
