タグ

ブックマーク / hyper-text.org (6)

  • ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験

    スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。 タイトルが (謎) な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScriptCSS アニメーションの組み合わせや、JavaScript (というか jQuery) でというのが多いと思いますが、今回はそのスムーズスクロールの実装方法はどれが良いの

    ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験
    deep_one
    deep_one 2015/05/15
  • position: absolute; の指定で要素が上下左右中央配置になる理由

    人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSblock 要素を上下左右中央寄せにする、イマドキの方法。 : バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSblock要素を上下左右中央寄せにする、イマドキの方法。 : バシャログ。 何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。 「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」 で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。 なので余計なお世話なんですが、下記に小難しく書きます。 解説のためのサンプルソース 例えば、下記の

    position: absolute; の指定で要素が上下左右中央配置になる理由
    deep_one
    deep_one 2014/08/07
  • Chrome などで保存したパスワードが丸見えだから危険とか言われている件について

    Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて危ないっていう件について誤解されていそうな点をまとめてみたいと思います。 ソフトウェア開発者の Elliott Kember 氏が自身の Blog に「Chrome's insane password security strategy」 というタイトルで指摘する記事を書き、日ではギズモード・ジャパンで翻訳記事が上がったことで話題になった、「Google Chrome では設定画面からブラウザに保存してあるパスワードを簡単に見ることができて、マスターパスワードの設定もないから危ない」 っていう件。 Chromeでは自動保存のパスワードが丸見え。サーッと血の気が引いたわ : ギズモード・ジャパン Chromeブラウザの「パスワード丸見え」問題にGoogleが釈明 : ITmedia ニュース

    Chrome などで保存したパスワードが丸見えだから危険とか言われている件について
    deep_one
    deep_one 2013/08/19
    私は二重にロックするよ。自転車だって保険会社はツーロック推奨だろ。/ログイン済みのユーザーというのはそれだけでは信用しないというのが最近のWinの考え方です。UACだっけ?
  • HTML5 でやりがちな間違い

    HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日語にしたものではあり

    HTML5 でやりがちな間違い
    deep_one
    deep_one 2011/07/27
    「見出しが1つしかないので、hgroup 要素を使う意味がありません。」機械的に展開するソフトとかが全部これにするような気がする…/HTML5って、XMLよりもSGMLの頃の考え方だなぁ
  • HTML5 におけるアウトラインに関して簡単解説

    HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

    HTML5 におけるアウトラインに関して簡単解説
    deep_one
    deep_one 2011/07/14
    headerが閉じてないのは書き間違いか?/コメントを見ると、divではセマンティックスに欠けるからsectionとかに分類されたということの理解が薄いことが分かる。/階層を数えるなら、h1とかの数字部分がもはや要らんな…
  • iPad 用にスタイラス自作してみた

    iPadiPhone で使える静電容量式タッチパネル対応のスタイラスを買いたいなと思っていたのですが、タップは問題なくても文字を書いたりという操作に適した物がなかなか見つからなかったので、自作してみました。 iPad の手書き系アプリでメモなどを書く際、指でもいいんですけど、手元が見にくかったりして書きにくいことがあったりするので、スタイラスが欲しいなと思っていました。 ところが、iPadiPhone のような静電容量式タッチパネル用として市販されているスタイラスは、キーボードのタップなどには向いていても、文字を書いたりすると画面に引っかかってスムーズに行かなかったり、なかなかいい物が見つかりませんでした。 そこで、もう面倒なので自分で作ることに。要はスタイラスの先端から自分の指に電気が流れさえすればいい訳ですから、市販の導電スポンジ(IC とか CPU とか刺しておく導電性の

    iPad 用にスタイラス自作してみた
    deep_one
    deep_one 2010/10/08
    十字に切るというのはちょっと思いつかなかった。壊れた金属軸のボールペンとかシャーペンの軸に詰めるという案もどこかで見た。/銅線は必要か?
  • 1