タグ

コーディングに関するsaseのブックマーク (4)

  • こんなHTMLとCSSのコーディング規約で書きたい - Qiita

    HTMLCSS のコーディングルールを作ろう HTMLCSS のコーディング規約を中心に、メンテナンス性の良い HTMLCSS をコーディングする際に重要だと思うポイントをまとめています。 誰に向けた記事か この記事には、HTMLCSS を書く人に役立ちそうな内容が書いてあります。 特に初級者から中級者の方で、HTMLCSS を一通り学習した方からの反応が良いです。 まだ HTMLCSS の学習を始めて間もないという方は、先に案件やプロジェクトをこなしコーディング経験を積むことをお勧めします。経験を積むとよりこの記事の内容への理解が深まるはずです。 HTMLCSS を書くときに大切なポイント2点 HTMLCSS を書くときに大切だと思うことを書きます。 1. HTMLCSS を書かない あなたがいま書いている HTMLCSS は、

    こんなHTMLとCSSのコーディング規約で書きたい - Qiita
    sase
    sase 2017/03/28
    わかりやすく納得感ある
  • 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 | DevelopersIO

    こんにちは、ちょっと年末前くらいから、「Emmet」というキーワードを聞くようになり、 日頃お世話になっている、sublme text 2でも使えるということで今回、上下巻に分けてご紹介したいと思います。 アジェンダ Emmetとは? 誰が開発してるの? Emmetプラグインのインストール! インストール後の設定 どんな感じがさわってみる。 おまけ Emmetとは? はじめて「Emmet」を聞いた方は「Emmetってなに?」となるかと思いますので、簡単にご説明をできればと思います。 それでは、「Zen Coding」はどこかでお聞きしたことがあるのではないでしょうか? 「Zen Coding」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLCSSのマークアップ手助けしてくれる、すごいツールで認知度も高いと思います。 その「Zen Coding」が名前を変えて&進化

    sase
    sase 2014/06/04
    Emmetたしかにいい
  • HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhoneAndroidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる? 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は? Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ

    HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • IE6で背景が出たり消えたりする件について

    DoRuby! (ドルビー!) は現場のエンジニアによる、主にRubyなどの技術に関する様々な実践ノウハウを集めた技術情報サイトです。 こんにちは。maiです。 cssでレイアウトを組んでいるとIE6とは日々戦いです。 今回は、スクロールしたりリロードしたりしたときに、 IE6だけ背景が表示されないことがあるという めんどくさいバグ(通称いないいないばあバグというらしい)の対処法について。 このバグの原因は、該当する要素のhaslayoutがfalseになっていることのようです。 haslayoutとは平たく言うと、レイアウトに関する情報を持ってるか?ということで、IEがもっているプロパティです。 持っていればhaslayoutはtrue。持っていなければfalse。単純ですね。  なので、対処法としてはバグが起こっている要素のstyleにhaslayoutがtureになるプロパティ&値

    sase
    sase 2011/09/28
    haslayoutをtrueにするプロパティと値
  • 1