HTML+CSS– category –

CSSにも実線、二重線、破線と罫線（border）の種類がありますが、ちょっとおしゃれな感じの二重罫線をCSSだけで実装してみましょう。 【CSSだけでいい感じの二重罫線を実装】 あのいい歯トゥースのすきとおった風 今回作るのはよくあるこんな二重罫線です...

この記事はIonic Advent Calendar 2017の19日目のエントリーです。 HTML5でwebアプリ、Android、iOSのネイティブアプリを作成できるIonicは今注目のフレームワークです。面白そうな技術だと思って調べてみても、ターミナルを前提としたMacベースの記事が多...

CSS Variablesによって、Sassを使わずともCSSで直接変数を扱えるようになりました。IE以外のモダンブラウザでは対応しているので、これからはCSS Variablesを使う場面が増えてくるかもしれません。Sassと違い、ブラウザ上でJavaScriptによる変数のコントロ...

楽天市場へ出店しているEC店舗さんへ送る、iframeのheightの自動調整方法です。 楽天市場のスマホページと言えば、文字数と使用できるタグの制約が非常に厳しいですよね。楽天Goldでページを作成してiframeで全体を表示させるとしても、デバイスごとにifra...

手持ちのiOS8.1のiPhone5sとiOS8.4のiPad Air2実機でtrasnformプロパティが上手く機能せず、予想外にハマってしまったので、メモ書きに。   例えば簡単なメニューを作成する際に"▲"をrotate(90deg)させて使ったりすると、手軽で便利ですよね。 リスト...

古くからHTMLに触れている方に聞くとかなり意見の違うalt属性ですが、実際、HTML5ではどのように扱われているのでしょうか？ 遥か昔、SEOを考慮し、画像をh1タグで挟んでalt属性でキーワードテキストを入れるという手法が流行りました。現在この手法が通用...