WEBデザイン
-
【html/css】サイトの高さが足りないときでもフッターを画面の一番下に固定したいときのHTMLとCSS【スマホでもOK】
よくあるレイアウトで「ヘッダー」「コンテンツ」「フッター」という構成がありますよね。 ヘッダーは常に先頭にあるから問題ないけど、フッターはコンテンツの最下部に鎮座していてほしいのに、コンテンツの情報量 ...
-
-
iPhoneで電話番号に勝手に電話発信のリンクが付いてしまう余計なお節介を無効にする方法
headタグ内に以下のメタタグを挿入。 <meta name="format-detection" content="telephone=no"> これだけ。 商品コードとか品番などの数字の連続 ...
-
-
WEBサイトのデザイン、どのソフトでPC・スマホ・タブレット横幅サイズどれくらいって話(2019年現在)
WEBデザインで悩ましいことのひとつに、「どれくらいの幅でデザインしたらいいの?」ってのがありますよね。 レスポンシブデザインが主流になっている現在では、ページ幅に合わせてレイアウトを調整できるように ...
-
-
animate.cssでスクロールに合わせてアニメーション表示しようとしたらiPhoneで変な挙動になったけど解決したメモ
手軽にCSS3のアニメーション効果を導入できる「animate.css」って便利ですよね。導入も簡単だしアクションも面白いのでサイトにガンガン使いたい感じでいいです。 そこで、スクロールして表示された ...
-
-
JavaScriptとPHPで現在時刻をリアルタイムで時計表示する
2019/9/20 JavaScript, WEBデザイン
WEBデザイナー歴ほぼ20年の皆川(@minagawa_osamu)です。 WEBデザイン・ホームページ制作に使える小技として、JavaScriptでリアルタイム時間表示するという記事を以前書きました ...
-
-
サラリーマンWEBデザイナー当時の月収
2019/10/22 WEBデザイン
うつ病で4回会社を辞めました、皆川(@minagawa_osamu)です。 ブログやアプリの広告でよく「3ヶ月でWEBデザイナー」とか「未経験から高収入」とかいう謳い文句でスクールの宣伝をみますけど、 ...
-
-
無料でいろんなアイコンをWebフォントとして使える「Font Awesome」が便利だなーって話
2019/10/22 WEBデザイン
https://fontawesome.com/ カタカナで書くと、フォントオーサム。僕の名前は皆川オーサム。普通のWebサイトではあまり使う場面はないかもしれませんが、スマホアプリやブラウザアプリや ...
-
-
現在時刻をリアルタイムで時計表示するJavaScript(jQueryで簡単)のメモ
2019/9/20 JavaScript, WEBデザイン
JavaScriptではDate関数で現在時刻を取得して時間表示できますが、時間表示の形に整形するのがjQueryだとシンプルに記述できるのでメモ。 現在時刻をリアルタイム表示するJavaScript ...
-
-
画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション
どうもWEBデザイナーやって約20年、皆川(@minagawa_osamu)です。 画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション 当サイトのトップペー ...