[B! css][tips] morobitokozouのブックマーク

morobitokozou id:morobitokozou

cssとtipsに関するmorobitokozouのブックマーク (3)

検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当するエンジニアを集めた部署「HTMLファイ部」では、制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜と気づきを得るというフローでスキルアップしていくことがもっぱらだと思うのですが、学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜と気づきを得る ▼ 3. 制作の際に導入していくというフローを繰り返し実践していくことで、検索では気づけないことを学び、実装力アップ
morobitokozou 2015/02/04
HTML

CSS

JavaScript

Tips
リンク
不思議な絵の解説
コピペすると、四角の枠の中にメッセージが現れる不思議な絵コピペすると、四角の枠の中にメッセージが現れる不思議な絵原理 Firefox1やIE6がdisplay:noneで消した箇所に含まれる文字列もコピペできることを利用しています（Opera8.5では無理）。 pre要素で整形したテキストをspanで囲み、display:noneで消します。□は全角スペース。 <pre> ■■■■■■■■■■■■■■ ■□□□□テキスト□□□□■ ■■■■■■■■■■■■■■ </pre> <pre> ■■■■■■■■■■■■■■ ■□<span>□□□テキスト□□□□</span>■ ■■■■■■■■■■■■■■ </pre> span {display:none;} 消した分のスペースを確保するために、全角スペース1個を適当なインライン要素で囲み、letter-sp
morobitokozou 2006/03/07
HTML

CSS

tips
リンク
Web Page Development: Best Practices
アップルのSafari開発チームは、Web標準の実装に力を注いできました。これは、Safariでのページの最適表示を保証する最も簡単な方法は、標準に従うことだということを意味します。そうすることが、Mozilla、Opera、MacintoshのInternet Explorerで最適な表示を保証することにもつながります。もちろん、これらのブラウザのそれぞれに、独自の細かい例外事項や避けられない解釈の違いがあるため、作成したサイトをこれらすべてのブラウザでテストすることも必要です。ちなみに、Windows OS用に最も広く使用されているWindowsのInternet Explorerでは、Webデベロッパは、いくつかの標準でない手法を使用したり、レイアウトの相違を受け入れたりすることをしばしば要求されます。この状況が近い将来に変わるとは考えられないため、当分は、Webデベロッパはこう
morobitokozou 2006/03/07
この記事では、標準に準拠したWebサイトを作成する方法と、WindowsのInternet Explorerで生じるいくつかの問題に対処する方法について、実用的なヒントをいくつか提示します。

Web制作

ソフトウェア

tips

CSS

HTML
リンク
1