• javascript

Vue.jsでTableをソートしたり検索したりしてみる

Vue.js 2.0 を使用してTableで並べたリストの検索フィルターとかソートなどをやってみます。

• 投稿日2017年01月16日
• 更新日2017年01月16日

• Web Topics

2016年12月 webトピックス

2016年12月、個人的に気になった記事のまとめです。

• 投稿日2017年01月03日
• 更新日2017年01月03日

• javascript
• jQuery

jQueryでスクロール量に応じて拡大するヒーローイメージ

最近はトップページでメインビジュアルを画面いっぱいに表示することが多いですよね。
ヒーローイメージというらしいですが、今回はjQueryを使用してスクロール量に応じて画像を拡大する方法をご紹介します。

• 投稿日2016年12月28日
• 更新日2016年12月28日

• HTML&CSS
• CSS3

CSSでチェックボックスをアニメーションするカードタイプにしてみる

チェックボックスをCSSでカスタマイズしてカードタイプ風にしてみます。
ついでにチェックした時のアニメーションも作ってみます。

• 投稿日2016年12月14日
• 更新日2019年04月13日

• WordPress

WordPress の Contact Form 7 でRFC準拠のメールアドレスをチェックする

WordPressは Contact Form 7 という有名なフォームプラグインがあります。 通常使用する分にはメールアドレスの形式をチェックしてくれますが、RFC準拠も弾きたい場合のカスタマイズ方法です。

• 投稿日2016年12月09日
• 更新日2016年12月09日

• Web Topics

2016年11月 webトピックス

2016年11月、個人的に気になった記事のまとめです。

• 投稿日2016年12月01日
• 更新日2016年12月01日

• HTML&CSS
• CSS3

Flexboxでコンテンツ量が少ない時はフッターを画面下に固定する

コンテンツがウィンドウの高さより少ない時だけ画面下にフッターを配置する方法はいろいろありますが、CSS3のFlexboxレイアウトを使用すればかなりスマートにできます。

• 投稿日2016年11月28日
• 更新日2016年11月28日