サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」

2023/05/20 135 users Lighthouse アクセシビリティ スコア 速度 ツール

「Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse ·... 続きを読む

はてなブックマークのすべてのページで HTTPS が使われるようになりました - はてなブックマーク開発ブログ

2019/05/28 613 users https ログインページ SSL SSL接続 常時SSL化

本日、2019年5月28日から、はてなブックマークのすべてのページの通信に HTTPS が使われるようになりましたのでお知らせいたします。 これは「常時SSL化 (AOSSL: Always On SSL) 」と呼ばれるもので、SSL接続による通信の暗号化を、明確に秘匿すべき情報があるログインページや決済関係のページだけでなく、サイト全体に... 続きを読む

コンテンツSEOに強いサイト設計とSEO対策で理想的なリンク構造【失敗例も公開】 | アフィリノオト

2018/04/03 123 users 実例 本質 最低限 アフィリノオト 設計

サイト設計とは「サイトとして機能するだけの必要最低限の完成形の設計」。サイト設計でサイト全体のリンク構造が明確になります。リンク構造はウェブの本質であり、検索エンジンでも重要視されています。今回はサイト設計の考え方を仮想通貨サイトの実例と失敗例を交えながら解説します。 サイト設計の重要性は多くの人が知っていますが、実際にサイト設計をしている人はおそらくごくわずかだと思います。サイト設計は考え方や方... 続きを読む

Webデザインのアイデアに困ったら覗きたいサイト10選 | UX MILK

2016/07/18 306 users UX MILK インスピレーション webデザイン バナー

この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです... 続きを読む

SEO効果を最大化するための404エラーページのカスタマイズ方法

2015/03/11 149 users SEO効果 カスタマイズ方法 最大化 404エラーページ 役割

404エラーページはSEO内部対策の中でも重要なものの一つだ。 そして、サイトの利便性を高めユーザーに満足してもらうためにも、サイト内のクローラーの回遊性を大きく改善して、サイト全体のSEO効果を高めるためにも重要な役割を持つ。 そのため、あなたが完璧なSEO、そして最高の利便性を追い求めるなら404エラーページは欠かすことのできないものだ。 それにも関わらず、多くのSEO関係者、デザイナー、そし... 続きを読む

【サイト運営者必見】脅威のサイト丸ごと盗用プログラム現る！その手口と対策、受けた被害についてまとめました

2015/02/21 269 users 手口 パクリ 脅威 反響 丸パクリ

【サイト運営者必見】脅威のサイト丸ごと盗用プログラム現る！その手口と対策、受けた被害についてまとめました 先日当サイトを襲った、パクリブログ問題。 一般的によく聞くブログ記事のパクリというのは、人気記事だけを盗用したものが多く、僕もそういう認識だった。 ところが、今回当サイトを襲ったのは、特定記事だけではなくサイト全体の記事を盗用する、まさに「丸パクリ」というもの。この事実に対する反響はかなり大き... 続きを読む

CSSに死を！これはJSerの叫び！ #kbkz_tech

2015/02/16 234 users セレクター JSer 隠蔽 グローバル変数 kbkz_tech

CSSの問題 セレクター設計が辛い 特に大規模化する場合、「CSSの問題」===「セレクターの問題」と言っていい （それ以外にもあるけど、大規模化するとほぼ確実にセレクターは問題になる） なぜ大規模化するとセレクターが辛くなるのか 「隠蔽ができない」 サイト全体で使用しているグローバル変数に対する定義を書いているようなもの 続きを読む

素人っぽいサイトに見えてしまうWEBサイトのロゴ4つの特徴とノンデザイナーでも簡単にできるPhotoshopとGIMPの解決策。

2014/10/15 110 users デザインクオリティ ノンデザイナー ドロップシャドウ 書体

ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している ② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い） ③ 背景を透明にすることができず枠が浮いている ④ サイト全体とミスマッチな色とマークを採... 続きを読む

WEBフォントで簡単に！STINGER3の細かいところにアイコンを入れてみた

2014/04/12 114 users Stinger3 Webフォント 装飾 アイコン 細かいところ

WEBフォントを使って、簡単にアイコン装飾を行う方法をご紹介します。細かいところまでに気をつかえば、サイト全体の印象がグッと良くなりますよ！WEBフォントを使って、簡単にアイコン装飾を行う方法をご紹介します。細かいところまでに気をつかえば、サイト全体の印象がグッと良くなりますよ！ サイトのちょっとした装飾に使ったりする「アイコン」ですが、わざわざ画像を作成したり、素材を探してきたりするのは結構大変... 続きを読む

WordPressでビジネスサイトを作る際に、サイト全体の構造を考えよう！｜Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第2回目】 | HTML5でサイトをつくろう

2012/11/14 536 users フォーマット レイアウト HTML 複数 見せ方

WordPressで一般的なよくあるブログを作成する際は、記事のフォーマットは1つで、そのフォーマットで記事を投稿していく場合が多いと思いますが、ビジネスサイトの作成では掲載にする内容によって見せ方が変わりますので複数のレイアウトのフォーマットが必要になってきます。 ですので、通常の静的なHTMLでサイトを作るように、サイト全体の構造をしっかりと把握できるようにサイトマップや、それぞれのページのU... 続きを読む

ウェブページ全体のスクリーンショットを手軽に保存できるサービス3つ*二十歳街道まっしぐら

2012/10/16 100 users ウェブページ全体 スクリーンショット 二十歳街道まっしぐら

Capture Full Page ウェブページ全体のスクリーンショットが撮れるサイト3つ ウェブページ全体のスクリーンショットが撮れるサイト3つを紹介しますね。 FirefoxやChromeの拡張機能を使えば、サイト全体のキャプチャを撮れますが、 そういうのを導入するのが面倒な方は下記で紹介するサービスを利用してみましょう。 Snagit 9  どれもURLを指定するだけでサイト全体のキャプチャ... 続きを読む

高品質なコンテンツとはどのようなものか | SEO 検索エンジン最適化

2012/08/07 143 users コンテンツ SEO 検索エンジン最適化 高品質 ソー 他者

関係構造による評価 利用者を変化させる情報 機械的処理による評価 サイト全体の評価 このページのまとめ 関係構造による評価 ごく端的に結論から言えば、SEOにおける質の高いコンテンツとは「利用者が他者と共有したくなるコンテンツ」という一点に集約します。この記事では、それを実現するコンテンツとはどのようなものかを考えていきますが、まずは関係構造に基づく評価についておさらいします。 リンクグラフやソー... 続きを読む

SkitchにURLをペーストするとサイトがまるごとスクリーンキャプチャされる | Lifehacking.jp

2012/01/03 218 users Skitch スクリーンキャプチャ Evernote 傘下

Evernote 傘下に入った Mac 用のスクリーンキャプチャ、編集アプリ Skitch はいろいろな隠れ技があるアプリです。 ところで、このワザはよく知られているのかどうかわからないのですが、Skitch を選択した状態で URL をペーストするとサイト全体のキャプチャ、ブログなどなら非常に縦長の画像を作ることができます。 なんのことか、Skitch で手順をご紹介します。 任意のページの U... 続きを読む

ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌

2010/11/15 307 users jQueryプラグイン phpspot開発日誌 ユーザ登録

ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体と... 続きを読む

ECサイトをデザインする時の8つのポイント | Webクリエイターボックス

2010/06/30 797 users Webクリエイターボックス ECサイト ポイント アンケ ８つ

プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう！ アンケ... 続きを読む

「はてなダイアリーに女性向けのかわいいデザインが無い」とか言われるけど、公開デザイン+テーマ1268個を全部チェックしたオレが全力でかわいいデザインを薦めるよ - 聴く耳を持たない(

2008/07/14 293 users おれ 全力 はてなダイアリー かわいいデザイン 女性向け

先日のメールマガジン週刊はてなで♪れいこん(id:reikon)のはてなピックアップ その169♪「女性向けのデザインが少ない！」「もっとお洒落にブログを飾りたい！」はてなダイアリーのデザインについて、しばしばそんなご意見をいただきます。どうやらトップページをはじめとするサイト全体の色合いがブルーが多く、ちょっとコンサバなデザインであることも手伝って、女性の方は物足りない、と思われることが多いみた... 続きを読む

背景にインパクトのあるウェブデザインいろいろ - DesignWalker

2008/06/24 204 users インパクト 背景 ウェブデザイン ヘッダ部分 バックグラウンド

最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。 今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。 まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。 イラスト編 Air Canada’s enRoute ... 続きを読む

画像を解析してカラーパレットを作ってくれる無料サービスいろいろ - GIGAZINE

2007/12/12 339 users GIGAZINE カラーパレット 要素 カラー 以下

アップロードした画像からその画像を構成する色の要素を抽出し、カラーパレットを作成してくれる無料のネットサービスいろいろです。サイト全体のカラーを統一するときなどに使うと、かなりいい感じです。 詳細は以下から。 Generate a Color Palette from an Image | Arno Nel 2.0 Color Palette Generator アップロードした画像を300ピクセ... 続きを読む

TableとCSSいろいろ - DesignWalker

2007/10/04 788 users table divタグ コーディング CSS 主流

サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。 例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。 っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。 1. 16 Sortable Table Techniqu... 続きを読む