HTML5 Form Validationサンプル(Bootstrap 4.0 + Constraint Validation API)

2017/09/22 HTML5 No comments ,

フォームのバリデーションを自前で実装せざるを得ない場合に使える Constraint Validation API のサンプルを作った。
ついでに Bootstrap 4.0の Forms Validation との連携もしてみた。

See the Pen Bootstrap 4.0 + Constraint Validation API Sample (ja) by Tenderfeel (@Tenderfeel) on CodePen.

(さらに…)

VirtualBoxの仮想マシンにSSH接続する

2017/07/06 Memo No comments ,

※VM設定済みとする。
(さらに…)

[css] 斜めの背景を描く

2017/06/30 CSS No comments ,

斜めに大きくストライプするような模様の背景をCSSだけで作るにあたって、
新単位使ってみたサンプル

(さらに…)

スクロール催促ボタンとページトップへ戻るボタンの出し分け

2017/06/13 jQuery No comments

See the Pen GoToTop by Tenderfeel (@Tenderfeel) on CodePen.

某サイトで使っているボタンを要点だけ切り出してみた。

以下が指定された挙動だった:

  • 初期状態は下へスクロールするボタン
  • ファーストビューが消えるくらいスクロールしたらトップへ戻るボタンにする
  • フッターにトップへ戻るボタンを被せない

Twitterのタイムラインをグリッドレイアウトさせる

2017/04/21 Memo No comments

グリッドレイアウトで著名なプラグインMasonryを使うだけの話。

(さらに…)