ボタンを押して意図的に開いたときにはスクロールしても閉じないようにしています。

最近では縦書きを取り入れてるサイトも多くなってきた印象を受けます。 今回はCSSを使って縦書きを実装する方法を紹介します。

別サーバにあるファイルでは使えない filemtime() の代わりにLast-Modifiedを取得することで対応します。

location.pathname を使って現在のパスを取得すると、htmlのファイル名まで取得します。 ディレクトリのパスだけ取得したい場合は substring を使うと便利です。

普段何気なく使っている疑似要素のcontentプロパティ。 このcontentで使えるプロパティの紹介です。

アクセスしたファイルが更新から24時間以上経過していたら、という処理をjQueryで書く必要があり、色々努力した結果このようになりました。

scrollで簡単に作れる追従するナビゲーションを紹介します。

配列に入れた複数のURLから foreach を使ってXMLを結合する方法。

CSSだけで高さ可変のアコーディオンを作る方法をご紹介します。高さが可変なのでjQueryの slideToggle() などを使わなくても大丈夫なんです。

ウィンドウサイズでタブとアコーディオンを切り替えてくれるjQueryのプラグイン、「Easy-Responsive-Tabs-to-Accordion」をCSSだけで再現してみました。

ピュアCSSでアコーディオンを作ってみました

ATOMを使う上でなくてはならないパッケージをまとめてみました。

今年の前半はIE7とAndoroid2.3の対応していたような気がします… そんなわけで彼らの話を少ししようと思います。

iPhoneのChromeでブラウザチェックしますと、なんだか寒気がしまして、ヤダなー、コワイなー、と思っておったんですが、そこに居るはずのない何かが居たんです。

videoタグのcontrols属性はたデザイン上、邪魔になることが多いです。そこでマウスオーバーしている間だけ、コントロールを表示する方法をご紹介します。

要素の中身が空の時に要素を非表示にしたいなーと思っていろいろ調べてたらCSSで実現出来たので紹介します。

今年でコーダー二年目になり今では後輩に教える身です。 去年は後輩と同じところにいた私が日々意識していたこと等を振り返りつつまとめてみました。

poster属性で指定した画像に自分でデザインした再生ボタンがある場合、 これって邪魔になっちゃいますよね。このボタンを消す方法をご紹介します。

“Match Font”は写真やスクリーンショットで使用しているフォント + 似ているフォントを見つけることが出来ます！

実際にリセットCSSやNormalize.cssに書いてあるすべての記述が必要になるのでしょうか？

幅が100%のページをコーディングする際に、何ヶ所にwidthを指定していますか？　面倒な指定から解放される小技をご紹介します。