初めてのjQuery第二回目、なんとなく理解してみよう編です。 今回は前回書いた事の意味をなんとなく理解しつつ進めていきます。

オレの若い頃ハナ…。若者にもの申したいおじさんWeb製作者に送る。懐かしのテーブルコーディング時代の思い出。

GitLabを試すならDockerが便利！ということで実際にインストールから動作するまでの流れです。

ブレイクポイントを効率よく管理するために、mixin を作りました。メディアクエリの様々なパターンに対応できるように作ってみましたので、ご活用いただければ幸いです。

jQueryアレルギーに向けた とりあえず難しいことは考えずjQueryを触ってみよう的なアレ

見やすいHTML・CSSを書くために意識している事を少し書いてみました。

flexの順番指定 order が思った通りに動作しない原因とその解決方法をご紹介します。

この写真、これさえ写ってなければ傑作なんだけど。。そんな悩みを簡単に解決できる方法をご紹介します。

最近よく見るメガメニューですが、簡単なものならCSSだけで実装できます。

更新日から一定の時間「NEWマーク」を表示することがよくありますが、静的に構築されたサイトのグローバルナビにつけるとなると少し面倒です。

jQueryで感圧タッチの値を取得してみました٩(‘ω’)و

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

最近では縦書きを取り入れてるサイトも多くなってきた印象を受けます。 今回は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だけで再現してみました。