トップ > HTML

CSSとHTMLでアンパンマン作成したよ！

CSS HTML

こんばんは、マークアップエンジニアの　　デス。


前回公開したnanndemoiikara.hatenablog.com

この記事の内容でWindows、Linux環境のFireFoxで
何故かbox-shadowのサイズが適切に取れない及び
overflow : hidden外に要素が行くとbox-shadowが消える問題に直面して戦慄しております。
解決しました。

続きを読む

CSSだけでradio chackboxをカスタマイズする内容ってほとんどがHTML構造気持ち悪いよね。

CSS HTML

マークアップエンジニアの　　です。

CSSだけでRadioボタンの作り方みたいな内容の記事をよくお見かけしますが殆どのマークアップが気持ち悪く感じるのは僕だけでしょうか？

大体が

<section>
    <input type="radio" name="hoge" value="テストRadio" id="radio_item" checked />
    <label for="radio_item" class="radio">TestRadio</label>
</section>

繰り返す様ですが
コレって気持ち悪いし使いづらいと思うのは僕だけでしょうか？

続きを読む

tidyる(tidyを使用してHTML5を整形する)お話

HTML コマンド 環境構築

あけましておめでとうございます。

マークアップエンジニアの　　です。



新年でいろいろな案件が溜まってしまっている事かと思います。
汚いソースコードの改修案件とか。

今回はマークアップが汚い案件の時に大変便利なtidyってコマンドを見つけたのでご紹介します。



tidyコマンドは、汚いマークアップを綺麗にしてくれる大変便利なコマンドです。
Mac環境だとデフォルトで入ってたりします。

そんなtidyを使ってみたお話
Mac環境でも古い環境だとHTML5に対応していなかったりするので、今回はtidy-html5を入れてみました。

続きを読む