検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
不思議な絵の解説
コピペすると、四角の枠の中にメッセージが現れる不思議な絵 コピペすると、四角の枠の中にメッセージが現れる不思議な絵 原理 Firefox1やIE6がdisplay:noneで消した箇所に含まれる文字列もコピペできることを利用しています（Opera8.5では無理）。 pre要素で整形したテキストをspanで囲み、display:noneで消します。□は全角スペース。 <pre> ■■■■■■■■■■■■■■ ■□□□□テキスト□□□□■ ■■■■■■■■■■■■■■ </pre> <pre> ■■■■■■■■■■■■■■ ■□<span>□□□テキスト□□□□</span>■ ■■■■■■■■■■■■■■ </pre> span {display:none;} 消した分のスペースを確保するために、全角スペース1個を適当なインライン要素で囲み、letter-sp
Web Page Development: Best Practices
アップルのSafari開発チームは、Web標準の実装に力を注いできました。これは、Safariでのページの最適表示を保証する最も簡単な方法は、標準に従うことだということを意味します。そうすることが、Mozilla、Opera、MacintoshのInternet Explorerで最適な表示を保証することにもつながります。もちろん、これらのブラウザのそれぞれに、独自の細かい例外事項や避けられない解釈の違いがあるため、作成したサイトをこれらすべてのブラウザでテストすることも必要です。 ちなみに、Windows OS用に最も広く使用されているWindowsのInternet Explorerでは、Webデベロッパは、いくつかの標準でない手法を使用したり、レイアウトの相違を受け入れたりすることをしばしば要求されます。この状況が近い将来に変わるとは考えられないため、当分は、Webデベロッパはこう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
