[CSS] Adblock有効時にコンテンツを表示させない方法

Adblock taisaku

iOS 9にコンテンツブロックアプリが登場したことで、Webでの広告の扱いがややシビアになりつつあります。そこで、Adblock系アドオンを有効にしている場合に、コンテンツを非表示にするという手法をとるブログなんかもチラホラ見掛けるようになってきました。

この方法は、CSSを使えば案外簡単にできるので、試験的に導入してみるのもいいかもしれません。

続きを読む →

[CSS] 丸や三角など任意の形にコンテンツをレイアウトできる「shape-outside」

Shape outside

こちらの画像は、CSS Shapeのshape-outsideという属性を使った一例。

斜めにカットされた透明png画像のカットラインに沿って、テキストがレイアウトされています。通常であれば下のラインに沿ってレイアウトされますが、shape-outsideを使うと雑紙のようなレイアウトも可能になるんですね。

続きを読む →

[HTML] ブラウザから使える、オンラインHTMLエディター「CODECAST」

CODECAST

ブラウザから使えるオンラインのHTML&CSSエディター「CODECAST」がローンチしました。

左にコード、右でリアルタイムプレビューというシンプルなデザイン。HTMLタグを入力すると自動で閉じてくれます。段落も綺麗です。

本格的なサイト構築に使うのでは無く、ブログ記事などを作成するのに使うと便利かな〜という感じですかね。

Source: CODECAST