「Flask」は、Python上で動くWebアプリケーションフレームワークのひとつ。 Armin Ronacher（アーミン・ロンチャー）という人が作り、2010年に公開されました。...
Author - kubogen
スポーツジム・フィットネスクラブのWebサイトまとめ
コナミスポーツクラブ セントラルスポーツ ルネサンス ジョイフィット ティップネス カーブス 東急スポーツオアシス スポーツクラブNAS メガロス ホリデイスポーツクラブ ゴールドジム...
スマホ(iOS)では入力フォームのinputやselectにフォーカスすると画面がズームしてしまう？
iOSでは、入力フォームなどで使うinput要素やselect要素をタップしてフォーカスすると、フォントサイズが16px未満の場合は、画面がズームされてしまいます。...
WordPressサイトをhttpsに常時SSL化する方法
インターネット上では様々な情報のやり取りがされていて、中には個人情報もたくさんあります。...
placeholderの文字の色を変える方法【CSS】
入力フォームの入力欄にあらかじめ入力されている文字、placeholder（プレースホルダー）は薄いグレーなどの色になっていることが多いですが、場合によっては文字の色を変えたいということもあるかもし...
画像の下に謎の余白ができてしまうのを解決する方法【CSS】
下の例のように、画像の下に謎の余白ができてしまうのは、画像がインライン要素であることが原因です。 See the Pen img-bottom1 by KUBO (@KUBOGEN) on...
スムーススクロールで先頭(ページトップ)に戻るボタンの実装方法【jQuery】
Webサイトには、ページ下部にトップに戻るボタンなどがよく設置されていて、ボタンをクリックするとページ上部までスムーススクロールしながら戻るようになっています。...
aタグのhrefに「mailto:メールアドレス」を指定すればリンククリックでメーラーが起動する
Webページ内にメールアドレスを記載し、そのメールアドレスをクリックしたらメールソフトが起動するようにするには、リンクを指定するときに使うaタグのhref属性に「mailto:送信先のメールアドレス...
CSSで高さを指定せずに正方形を作る方法
次のような正方形をCSSで作る方法を紹介します。 See the Pen RwbrgGQ by KUBO (@KUBOGEN) on CodePen. HTML <div...
trでborderを使えるようにするにはtableにborder-collapseを指定する【CSS】
CSSでテーブル（表）を組むときに使われるtable要素。table要素以外にもいくつか関係する要素がありますが、その中で表の行を表すtr要素に線を引きたい場合、単にborderを指定しても適用され...
object-fitがIEやEdgeで効かないときは「fitie.js」を試してみよう
object.fitは画像や動画のトリミングができる便利なプロパティですが、残念ながらIEやEdgeには対応していません。 IEやEdgeに対応させる方法として、「object-fit...
WebフォントがIEで表示されないときの解決方法
追記:この記事では「.eot」を用意することでIEにも対応すると紹介していたのですが、IE9以降の対応なら「.woff」で十分そうです。...
ハンバーガーメニュー（ドロワーメニュー）の作り方
Webデザインにおいて、横棒の線が縦に3つ並んだメニューボタンのことを、ハンバーガーに見立ててハンバーガーメニューと呼んでいます。...
画像をマウスオーバーすると半透明の白いフィルターをかけたように見せる方法【CSS】
画像にリンクなどを付けているときは、マウスオーバー時に画像を拡大させたりフィルターをかけたり、何かしら変化をつけたいと思います。...
Google Fontsの使い方
サーバーからフォントデータを読み込んで表示できるフォントのことをWebフォントといいます。...
DVD-5に圧縮コピー！「Leawo DVDコピー」の使い方を紹介
動画や音声などのメディアファイルを変換したり、CDやDVD、ブルーレイに書き込んだり、コピーしたりできるソフトは無料から有料のものまで色々あります。 今回は、「Leawo Prof...