dev.toと阿部寛のホームページどっちが速いですか？ - くうと徒然なるままに
dev.toと阿部寛のホームページどっちが速いですか？— あれからのぐりだけど (@_guri3) 2017年11月15日 という内容のツイートを見つけたので計測してみる。 ずっとパソコンに向かってて飽きてたので息抜きで。 dev.to というのは、 Qiita の海外版みたなやつです。一番の特徴はナビゲーションの速さ。 対抗するのは、 THE Traditional Web Site というたたずまいで有名？な 阿部寛のホームページ 計測 今回は、Google の PageSpeed Insights を利用していきます。 dev.to まずは、dev.to から 86/100 です！ 阿部 寛 のホームページ 92/100 です！ まとめ 伝統的ウェブサイトの方が早かった！
はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。 いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。 以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。 アイコンicon-arrow :: 矢印 icon-tag :: タグ icon-folder :: フォルダ icon-keyword :: キーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンロード out :: アウト フォントhatena-asin-detail-title :: 太字 synStatement
【続・誤植】Adobeの提案する新しい＜br＞の世界が酷すぎて泣ける。
【閲覧時腹筋注意】Apple新商品のキャッチコピーが直訳すぎて気になったので集めました。 それに引き続き今度はAdobeのサイトにも似たような面白いものがあるということで見てきたました。 今回は前回ほどでは無いのですが、修正される前にキャプチャーを撮ったのでよろしければどうぞ。 これを見て、分かる人は分かると思います。 この＜br＞というのは、ホームページなどをつくるHTML等で使う改行のこと。 本来ならこの＜br＞というのはこのように表示されず、そこの部分が改行されるのですが、 ＜＞が全角なんでしょうか？とりあえずそのまま表示されちゃっているので、こんな奇妙な文章に… とりあえずAdobeが提唱する＜BR＞の新たな次元をご紹介しましょう。 なるほど。＜br＞は効率かつ柔軟なんですね。 最高峰の＜br＞には世界が驚きます。 Adobeを使えば＜br＞が効率良く作れます。 ＜br＞というのは
寄せては返す館主専用 - なぜ人はテーブルタグで日本地図を作るのか(コメント欄)
そこにテーブルタグがあるからだ。……ということなのだろうか。 とかく人はテーブルタグで日本地図を作りたがる。テーブルタグで作った日本地図がちゃんと日本地図になっているというのも考えてみればふしぎではある。 というわけでテーブルタグ日本地図の紹介。 「Template:日本 - Chakuwiki」を追加 (3/10) 「地図の検索 - goo 地図」を追加 (3/11) 「道州制」を追加 (3/11) 「『A day of rest』」を追加 (3/12) 「いつもガイド」を追加 (3/13) 「トップページだけでもなんとかしたいのよ」を追加 (4/10) 素材散策：資料＆テキスト／日本地図（HTML）（TSUKURUの素材散策より） 自分の見た限りではもっとも出来のよい日本地図。テーブルタグという制約の中で最大限日本地図たりえんと創意工夫を凝らしている。至極の出来栄え。地域ごとに色分けし
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) 結果 こんなHTMLどうやって作ったんだろうか。 もし手打ちなら根気の居る作業だったんだろうなぁと思いました。 追
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
築地本願寺のHTMLソースわろたw
サービス終了のお知らせ
