HTML/CSS

##リストじゃないものにもCSSだけでリストマークを付けれないのかなっと思ったので実装してみた。
ul liには自動でリストマークが付きますが、これをもっと自由にデザインしたいなと思いました。
さらにたまにul liじ ...

CSS/Sass/Scss/mixin, HTML/CSS, Ruby

Koala
を使っていて最近になって
というエラーが起きるようになった方も多いんじゃないでしょうか?
ここではその解決策を探っていきます。

旧バージョンのCompassをインストールし

CSS/Sass/Scss/mixin, HTML/CSS, JavaScript, jQuery

サイトを開いた時にふわっと表示されるのを見たことないでしょうか。
あれがやりたいと思って色々調べてまいりました。

jquery.inviewが必要です。

コード見たほうが早いと思うので貼っつけ

CSS/Sass/Scss/mixin, HTML/CSS

CSSの横幅や高さで使われる単位の中にvw とか vh とか見たことないでしょうか?
今まで気にもしていなかったんだけどこれってなんなんだろう?と思って調べてみました。

Viewport-percentage le ...

CSS/Sass/Scss/mixin, HTML/CSS, JavaScript

なんかすっごく気に入りました。

See the Pen #Codevember 10 – Musical Particles by Sean Free (@seanfree) on CodePen.

HTML/CSS, SEO/SEM, WORDPRESS

今までサイトを沢山作ってきたのである程度作業をパターン化しておきたくてメモしておきます。

WORDPRESSのダウンロード

まずはWORDPRESSをダウンロードします。
もちろん最新版で問題ないです。

HTML/CSS

SNSなんかでシェアされる時にサムネイル付きでおしゃれにシェアされているのをよく見ますね。
あれってどうやって設定しているのでしょうか?
ってことでサイトにOGP(Open Graph Protocol)を設定する方法 ...

HTML/CSS

面白いものを見つけたので投下。

特定のクラス名を付与するだけでCSSブレンドモードを利用してデュオトーンのような表現が実装できる。

使い方は

実際にやってみた。

おお