【小技】知ってた？Safariでリンクを2本指でタップすると…
iPhoneが登場してから約11年、iOSがアップデートするたびに新機能が追加されるものの、あっと驚くような小技はもはや出尽くした感が…。 しかし今回、便利に使えそうな小技が新たに発見されましたよ！ Safariでリンクを2本指でタップするとどうなるか、皆さんご存知でしたか？ 知らない人が多そうなSafariの小技 今回発見された小技は、Safariでのリンクを新規タブもしくはバックグラウンドで簡単に開く方法。 webページを閲覧中に気になるリンクがあり、あとで見よう…という時、リンクを長押しして「バックグラウンドで開く（もしくは新規タブで開く）」をタップしている方が多いのではないでしょうか。 これはこれでもちろん使えるんですが、これよりももっと素早くリンクを開く方法があるんです！ その方法とは、こんな感じで2本指でリンクをタップするだけ。 長押しよりもグッと時間を短縮できますよ！ 上記の
position:fixedでヘッダ固定時のページ内リンクのずれを解消したい ｜ Tips Note by TAM
position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 ヘッダを固定する案件が増えてきましたので覚書です。 CSSで調整する方法と、JavaScriptで調整する方法があります。 ヘッダの高さ：100px ■HTML <div id="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link01">なんとか</a> <div name="link01" id="link01">かんとか</div> </div> CSSで調整する padding-topでヘッダの高さ分ずらして、margin-topでマイナスの値をいれるとうまくいきます。 margin-top:-100px; padding-top:100px; ■CSS #header { width: 100%; m
[JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors
通常のハッシュリンクと違い、#のすぐ後に「.」があります。これは、そのclassをもった最初の要素にリンクしています。 また、右端の「#.hello｜5000」はスクロールの速度を設定しています。 リンクのパターンはさまざまなものがあり、各所に利用されています。 Arbitrary anchorsの使い方 実装は簡単で、classのリンクやスピード調整だけでなく、通常のハッシュリンクでもアニメーションでスクロールさせることができます。 Step 1: 外部ファイル head内に、jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="//code.jquery.com/jquery-2.0.3.min.js"></script> <script type="text/javascript
Nicotto Town - ニコッとタウン 絵本のような仮想生活コミュニティ
お探しの方のページが存在しません。 すでに退会された可能性がございます。 お探しの方のページが存在しません。 すでに退会された可能性がございます。 ＜ ＞ ＜ ＞ ＜ ＞ ● ● ● 運営会社情報 推奨環境 ポリシー・規約一覧 サイトマップ Copyright © 2024 SMILE-LAB Co., Ltd. All Rights Reserved.
「Bing」の検索リンクが青い理由--マイクロソフトが配色決定の裏側を説明
ラスベガス発--Microsoftは、検索の重要性について、単なる10の青いリンク以上のものであることをたびたび述べている。しかし、少なくともその「青色」の部分は非常に重要であることが分かった。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、ユーザーが最も関心を持つ色は実際に青であることが分かった。もっと具体的に言うと、それはGoogleが使用しているものと非常に近い色合いの青だった。 BingのユーザーエクスペリエンスマネージャーであるPaul Ray氏は米国時間3月16日、複数の色合いの中から特定の青色（色に詳しい人のために紹介しておくと、「#0044CC」）を選ぶことで、広告クリック数の増加やユーザー関与の増大により、年間売上高が8000万ドル増加したという。 「この青色には、少なくとも8000万ドルの価値があった」とRay氏は当地で開催
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cmd + Click not opening links in background inside gmail | Firefox サポートフォーラム | Mozilla サポート
Link Password :: Add-ons for Firefox