スムーススクロールの実装例 ｜ TAKLOG

2024/04/15 7 users スムーズスクロール smooth TAKLOG CSS ゴス

html要素にscroll-behavior:smoothを指定するだけのコストの低さ、それでいて従来のアンカーリンクの機能を損ねないことから「スムーススクロールはCSSのみで十分」といった技術記事やポストが多く広まっています。 ただ、そういった技術記事やポストは「CSSのみで対応できる」「ワンライナーで実装できる」と言ったコス... 続きを読む

待望のアンカーリンクとオーディオ機能が登場！ Adobe XDでプロトタイプに役立つ新機能まとめ - ICS MEDIA

2020/03/30 8 users プロトタイプ オーディオ 待望 アクション Adobe XD

先日、Adobe XDの2020年3月の大型アップデートが公開されました。今回の目玉機能は「アンカーリンク」そして「オーディオの再生」です。これらのプロトタイプの可能性を拡げてくれる機能の使い方と注意点を紹介します。 その他にも「タップトリガーでの複数のアクション」「コンテンツに応じたエリア内テキストのサイズ... 続きを読む

【SEO】Googleのモバイル検索結果に「～に移動」というページ内のid属性（アンカーリンク）が表示可能に - 検索サポーター

2017/01/19 28 users ID属性 SEO 検索クエリ 検索サポーター Google

2017 - 01 - 19 【SEO】Googleのモバイル検索結果に「～に移動」というページ内のid属性（アンカーリンク）が表示可能に SEO 検索 Google スマートフォン コンテンツ ブログ運営 list Tweet 従来のGoogleモバイル検索では検索結果をタップすると、そのページの頭の部分から表示されるのですが、今回より 検索クエリに該当するページ内にid属性（アンカーリンク）が... 続きを読む

潜在意識を味方にする。『アンカーリング』の力 - はたやんの手帖

2016/11/29 6 users 行楽シーズン ゴールデンウィーク 手帖 毎回 バタヤン

2016 - 11 - 29 潜在意識を味方にする。『アンカーリング』の力 潜在意識 渋滞20キロメートルという数字の影響力 ゴールデンウィーク や夏の行楽シーズンともなると毎回起きるのが高速道路の渋滞です。 案内板に 「渋滞20キロメートル 」等と表示されているのを見ると、 うんざりしてしまいますね。 その数字を見て近くのICから下り、 一般道路を走ろうとする人が出てきます。 しかし、 交差点等... 続きを読む

クリック可能な箇所でa要素を使用しない時に気をつけたい3つのポイント | コリス

2011/08/25 72 users コリス セマンティック a要素 箇所 定義

リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。 下記は各ポイントを意訳したものです。 a要素は、いつ使うべきでしょうか。 私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし、a要素の定義を考えてみると、セマンティックではない使い方をしている場合があるのではないかと思いました... 続きを読む

URLをアンカーリンクとIMGタグに置換 « python練習帳

2011/03/09 10 users 置換 ttp python練習帳 IMGタグ プロトコル

テキスト内のURLを、アンカーリンクとIMGタグに置換するサービスをリリースしました。なお、ttpで始まるプロトコルは、httpに自動修正します。ソースコード1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 4... 続きを読む