htmlに関するi_am_jellyのブックマーク (5)

  • これは凶悪……コーディングのヤバいバグ&仕様 Best5 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいとです。 コーディング中にバグやブラウザ仕様のせいで、「なんじゃこりゃアア」ってなること、皆さんありませんでしょうか。 今回は、その中でもとりわけ「なんじゃこりゃアア具合」が激しいトラブルを、僕の独断と偏見のランキング形式でお話しさせていただきます。 なんでランキング形式にしたかというと、そっちの方が面白いと思ったからです。面白くなかったらごめんなさい。 第5位 IE9.jsを入れると、IE7で謎の隙間が発生しまくる IE9.jsを採用したサイトをIE7,8で見ると、 <class="ie7_anon ie7_class6" id="ie7_pseudo2" style="overflow: hidden; display: block;"/> こんなものが追記されていたりします。 こいつに高さがあるせいで、隙間が生まれてしまいます。が、こいつがな

    これは凶悪……コーディングのヤバいバグ&仕様 Best5 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Zen-Codingの次期バージョン、Emmet について - kojika17

    Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、「Emmet」と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、

    Zen-Codingの次期バージョン、Emmet について - kojika17
  • Markdown記法

    HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。

    Markdown記法
  • HTMLの特殊文字 : IT用語辞典

    HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&amp;&#38;アンパサンド ¦&brvbar;&#166;破断縦線 µ&micro;&#181;マイクロ記号 ‰&permil;&#8240;パーミル ¤&curren;&#164;一般通貨記号 €&euro;&#128;ユーロ記号 ¢&cent;&#162;セント記号 £&pound;&#163;ポンド記号 ¥&yen;&#165;円記号 ©&copy;&#169;著作権記号 ®&reg;&#174;登録商標記号 ™&trade;&#8482;商標記号 ↑&uarr;&#8593;上向き矢印 →&rarr;&#8594;

  • 今更幅指定しないボックスの中央寄せ - oogatta のブログ

    今更ですみません。常識ですみません。 あれ、これ IE でどうやるんだろ。と思ったので近くにいた凄腕コーディング職人に訊いてみた。こうだった。 display:inline; zoom:1; へぇー!これで IE6/7 で inline-block をエミュレートできるんですね。知らなかった。 というわけで、 <!DOCTYPE html> <html> <head> <style type="text/css"> #outer { border:1px solid #f00; width:400px; height:400px; text-align:center; } #inner { border:1px solid #00f; display:inline-block; *display:inline; zoom:1; text-align:left; } </style> </h

    今更幅指定しないボックスの中央寄せ - oogatta のブログ
  • 1