「ma-san web design」の管理者。東京都・千葉県(千葉市・四街道市・浦安市・佐倉市)・宮城県(仙台市)を中心に企業のWebデザイン/マーケティング/IT戦略のプランニングからWebサイト構築・運用をしています。 「Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。 当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。
![お探しのページは見つかりませんでした - ma-san web design- 千葉県(四街道市・千葉市・佐倉市)でホームページ制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5244548e4256364377b368604435a4857b130b2/height=288;version=1;width=512/https%3A%2F%2Fma-san.org%2Fassets%2Fimages%2Fmain_ruri_gr.jpg)
仕事でWebデザイナーさんがもってきたHTMLに面白い書き方があったので紹介。 HTMLで文章の途中に改行を入れた場合、半角スペースと同様の空白が入ってしまうので、改行せずに長い行にしてしまいがち。 そこで以下のような方法で改行を入れる。 <p>あいうえおかきく<!-- -->けこさしすせそた<!-- -->ちつてと</p> HTMLのコメント中に改行を含ませている。これだと空白が入らないようだ。JavaScriptで文章を処理したりする場合は面倒だとかあるかもしれないけどね。 行単位のバージョン管理システムを使っているならこの方が楽じゃないかなー。 追記 はてな記法とHTMLのコメント記法が同じなのを忘れてた。
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く