This domain may be for sale!
使い方は上記リンクから「BigWebStats」へアクセスして調べたいURLを入力するだけ。 URLを入力すると、サイトの評価が表示されます。全ての項目を紹介するには膨大な量になってしまうほど見応えのある量の評価がされます。 下記画像のようにPCディスプレイの画像の中にサイトのキャプチャが表示、横には英語ですがサイトの特徴が記述されます。面白い。 まず1番最初に表示されるのが、サイトの重要な最適化施策。 「BigWebStats」で評価してくれる項目は以下の11項目です。 訪問者ソーシャルバズSEOの基本部分内部SEO外部SEOキーワードランキングドメイン情報似ているサイトユーザビリティセキュリティテクノロジー特に面白いなと思ったのがキーワードランキングです。 自分のサイトのキーワードランキングを見ているだけでも面白いのですが、そのキーワードがどのくらいのインパクトがあるキーワードなのかも
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ(いやそのまえにフォトショなりなんなりでデザインカ
ブログを書いている人ならAmazonのアフィリエイトである「Amazon アソシエイト」をやっている人も多いのではないでしょうか。 そんなAmazonのアフィリエイターにオススメのWebサービスがあります(´∀`) Amapic(あまぴく) - Amazonの画像リンクを簡単にブログに貼ろう どんなサービスかというとAmazonのアフィリエイトリンクを「サイズの大きい画像」で作ってくれるという内容です。 というものの、Amazon公式のアフィリエイトリンクは画像が小さいんですね。 例えばこんな感じです。 一番最大の画像サイズでこれなので、小さく感じる場合もあります。 そんな画像の小ささを解決してくれるのがAmapicです。 【使い方】使い方は簡単です。 リンクを作りたい商品の商品名、自分のAmazonアソシエイトIDを入力します。 すると自動的に商品検索して3種類の画像サイズの商品リンクを
Moqupsは動作も軽く、直感で使えるモックアップ作成ツールです。ドラッグ&ドロップで楽に操作することが出来て、基本的な機能も全て揃っています。ただし、画像をアップロードするにはユーザー登録が必要となります。 Moqups
はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、本連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 本連載の流れ 本連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と
SnipSaveは、スニペットコードを保存できるシンプルなコード共有サービスです。ユーザー登録も無料。高機能では有りませんが、使いやすく、広告も無いので見やすいです。 SnipSave
「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか? 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い(ページを開くのに時間がかかる) 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、
Web業界にいると、常に新しい情報や技術が生まれるため、 必要な知識の移り変わりが速いです。 そこで、最新技術に乗り遅れず、知識を吸収するためにも フォローしておくと便利なtwitterアカウントとWebサイトを紹介したいと思います。 ①Webクリエイターボックス Webクリエイターボックス Web制作のテクニックやコード集を記事にしてくれています。 分量もちょうど良く、さくさく読み進める事が出来ます。 twiterアカウントはこちら。 @webcreatorbox ②Webデザインレシピ Webデザインレシピ 美人デザイナー「のりさん」が運営するサイト。 CSSやらデザイン系のTipsを中心にWebデザインのテクニックをわかりやすく解説してくれてます。 個人的に非常に助かったのはこちらの記事。 CSSは分かるけど jQuery は苦手 … という人が jQuery
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか?なぜ勉強するのか? まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
ダミー画像のサービス。犬の写真を手軽にダミー画像として表示させる事が出来る、というもの。以前にも同じようなサービスをご紹介しましたが、こちらはワンコの写真です。この手のは沢山あると助かります。 ダミー画像生成サービス。たまに落ちてるサービスも見かけるので、沢山種類があると助かります。 ワンコ写真のダミー画像サービスです。以前ご紹介したPLACEHOLD.ITと同じタイプのやつですが、これはどうやら停止してしまったみたいです。 ↑ このように、ダミー画像をURLで表示させることが可能です。 URLは以下の様にするだけ。 http://placedog.com/500/300 PLACEHOLD.ITのように任意のテキストや色を変更する、等は出来ませんが、ダミー画像として写真の方が望ましい場合は使いたいですね。 ちなみに、猫や猿のもあるみたい。 Placeholder DOGS(via:Pau
Googleドライブに公開設定のフォルダを作り、Webページの構成要素をアップロードすることで、Googleドライブ上でWebページを公開できるようになった。 米Googleは2月5日(現地時間)、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリックする(下図A) 表示されたページのURLが公開ページのURLになる(下図B)
最近、エロサイトを作ってみた系の話題が多く飛び交っているのをみて、なにか自分でも作ってみようと思ってノリでエロサイトを作りました。この乗り遅れた感はどうにもできないですが、読んでいただけるとうれしいです(まあまあ長い)。--------------------制作したサイト--------------------TENYAWANYA ARCHIVES(てんやわんや アーカイブス)http://www.10ya18.com 自己紹介というかスペックですが、23歳ふつうの新卒ギリギリ会社員です。みなさんと同じように「エロ」が大好きなため、エロサイトを作ろうと思ったのと最近の流行に乗っとけって感じで作った、この2つが今回制作しようと思った理由です。 参考にした記事はやはり最近話題になっていたものを含め、以下になります。 ・独学のプログラムでエロ動画検索を作ってみた!http://anond.ha
あなたのWebサイトの脆弱性を調査してくれるサービス『Detectify』 『Detectify』はあなたのWebサイトの脆弱性を見つけてくれるサービス。 サービス側がハッカーに成り代わってあなたのWebサイトにセキュリティーホールがあるかどうかを徹底的に調べ上げてくれます。 使い方はまず調査するWebサイトを追加することから始まります。 トップページからサイトのURLを入力しアカウントを作成しましょう。 次に自分がこのサイトの管理者であることを証明するために、3つの方法の中から選んで指示通り行ないます。 ダウンロードしたテキストファイルをサイトのルートに置く トップページのヘッダにメタタグを挿入する 各CMS用のプラグインをインストールする それが済んだら『Verify...』をクリックし確認が取れると、アカウントの確認コードがメールで送信されるので、そこに記載されているコードをペースト
Conferenceはカンファレンスサイトです。ノート機能やオフラインでも使える機能があります。 日本でも随所で行われているカンファレンスですが、その紹介サイトにConferenceを使ってみるのはいかがでしょう。すっきりとしたUIで使い勝手が良いです。 トップページです。日ごとのスケジュールが一目で分かります。 スピーカーの一覧。 ノートを残しておけます。 ユーザ登録もできます。 オフライン対応です! Conferenceはカンファレンスの紹介ページであり、利用者はノートを残しておいたり、ブックマークしておくこともできます。GOOD/BADをつけることもできるので、面白そうなセッションを見つけたりするのにも役立つでしょう。 Conferenceはnode.js製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFTはこう見る よくあるカン
最近上京してきたんだけど、入谷から会社までくるのに徒歩10分の道のりで迷子になっちゃって、なんか知らない間に浅草の方まで行っちゃって、会社に遅刻しちゃって、東京ってマジ迷路だよね。あ、どうも、僕です。 今日はWebサービスを開発する上で最低限おさえておきたいセキュリティ対策について書こうと思うよ! セキュリティホールって、 案外簡単な見逃しでできちゃうんだよね。 バリバリのハッカーしかハッキングなんてしないから、 うちのサイトは安全だなんて思ってたら大間違いだよ! 今回は、その攻撃方法と、 それを防ぐための対策方法をセットにして書こうと思うよ! 最低限、これだけは守っとかないと、 あなたのWebサービス、攻撃されちゃうよ! ちなみに、言語はPHPを例とするよ! ほかの言語にも当てはまるから、 攻撃方法と対策をセットで頭に入れておくこと! クロスサイトスクリプティング (XSS) よくきくよ
あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。 サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語(buttonとかsearch formとか)ですし、 ライセンス表記もぱっと見て分かるところ(サイドバー最上部)にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ! もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く