Soft 404 error(ソフト404エラー)とは？その概要と確認方法、対処の手順を詳しく解説
Yoast The mission of Yoast is SEO for Everyone. We want to give everyone the opportunity to rank in the search engines. Our SEO plugin, blog posts, and online courses should enable both large companies as well as small websites to attract the traffic they desire. サイトを利用したことのある人なら誰しも、ソフト404エラーに遭遇したことがあるはずです。Googleのサーチコンソールからも、メールで大量の通知が来たことがあるかもしれません。ところで、この404エラーとは一体なんなのでしょうか？特に”ソフト”は何を意味するのでしょうか？
デザインの工夫でマウス操作が楽しくなる動作の変化 海外の事例に学ぶマウスインタラクション
Designmodo Designmodo publishes web design articles, tutorials and has a great shop with the best WordPress and Bootstrap themes, plugins, UI Kits and more. マイクロインタラクションは、最も大きなトレンドの１つです。ビットコインのように、オフィスの話題です。その目撃者となりました。開発者がUXをより良いものにしたいと望んだからです。聡明で包括的なインターフェイスの時代になりました。 良いユーザーエクスペリエンスにもたれかかり、マイクロインタラクションは疑っています。フレンドリーに見えるwebサイトを作り、ヒューマンライクでエンゲージングは力強いです。インターフェイスを直感的に楽しくしましょう。 インターフェイスの異なる種類があります。し
UIを重視したボタンデザイン ユーザーを正しく誘導してスマホで押し間違えを防ぐ工夫
UX movement UX Movement is a user experience blog that publishes articles showing how good and bad design practices affect user behavior. モバイルアプリを設計したことがあるなら、アイコンボタンがどれほど便利で普及しているか分かるでしょう。でもアイコンの並びが近すぎると、ユーザーが押し間違えてしまうことは意外と知らないと思います。 アイコンボタンが一列に並んでいるときによく起こる問題です。ボタン同士の間に十分なすき間がないと、ユーザーは隣のボタンを押しやすいのです。このような間違いをするとユーザーはイライラし、作業効率が悪くなってしまいます。 アイコン間に余分なすき間を加える ユーザーがアイコンボタンを間違えないようにするには、すき間を加えます。アイコンの
【配色の基本】Webデザインにおいて彩度と光度の高い背景色を避けるべき理由
UX movement UX Movement is a user experience blog that publishes articles showing how good and bad design practices affect user behavior. あなたはWebデザインのUIにおいて閲覧者の目に負担をかけるような色の選択をしていませんか。特に、背景色としてに彩度も光度も高い色を使用している場合、ページへの訪問者は長くその画面を見ていられないものなのです。 彩度も光度も高い色はユーザーの注意を引きますが、その色合いが広範囲に渡ってしまうと、網膜に過剰な刺激を与えてしまい、目に負担をかける可能性があるのです。 例として画像の色の見本をご覧ください。左列は最大の光度と彩度の色合いの配色となっています。右列は、光度と彩度が80％に抑えられた配色となっています。光度も彩度
レスポンシブ対応のナビゲーションメニュー用スニペット20選！便利で楽しいサイトを簡単に
ドロップダウンやスライドアウトなど、様々なアニメーション付きのメニュー構成となった縦向きや横向きのナビゲーションバーを作れるCSSスニペットを見ていきましょう。 レスポンシブウェブデザインは何年も前から出回っていますが、今もなおとてつもない成長過程にあります。この技術を知らないウェブデザイナーたちは何とかして構築しようと一生懸命になっています。ウェブページの反応速度はもはや必須ですが、ナビゲーションメニューは特に注力すべき部分です。 以下に挙げるレスポンシブコードスニペットは、いかなるウェブページにも最適です。 ドロップダウンやスライドアウトなどあらゆるアニメーション効果を使った縦向きや横向きのナビゲーションバーを見ていきます。レスポンシブデザインは、新興技術でありながら毎年のように魅力的なトレンドを生み出しています。 ぜひとも、そこから取り出してそのまま使うのに持って来いの、便利なスニペ
アニメーションにはCSSとJSどっちを使うべき？サイトアニメーションを最適化しより有効にするためのポイントを解説！
CSSアニメーションとJavaScriptアニメーションの比較 JavaScriptで作成されたアニメーションは、命令型アニメーションとも呼ばれ、CSSで作成されたアニメーションは宣言型アニメーションと呼ばれます。 CSSアニメーションは、ペイントやスタイリングを担当するメインスレッドではなく、ブラウザのコンポジットスレッドによって処理されます。したがって、そのようなアニメーションは、メインスレッドの、もっと処理に時間がかかるタスクの影響は受けません。もちろん、ペイントやレイアウトイベントをトリガーするアニメーションは、メインスレッによる処理を必要とするため、CSSアニメーションを使用する利点を打ち消してしまいます。 一方、JavaScriptは常にメインスレッドによって実行されます。しかし、JavaScriptを使用すると、アニメーションをより細かく制御できるため、状況によってはJava
単純なトグルスイッチを実用性はそのままに魅力的に変えるCSSスニペット集
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. トグルスイッチは、フォーム内で一番目立つUI要素というわけではないかもしれませんが、つまらない作業を面白くするということに関しては、おそらく他のどの要素よりも貢献してきました。トグルがまだなかった頃には、私たちは、チェックボックスを使用して、オン・オフを切り替えていました。作業を終わらせるにはそれで十分でしたが、見た目はそれほど魅力的ではありませんでした。 一方トグルスイッチは、デザイナーにウェブサイトの他の部分とマッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
