うつ病WEBデザイナーがうつ病を克服するため独学で学んだことをアウトプットして共有するためのブログ

うつWEB

html

CSS WEBデザイン

【html/css】サイトの高さが足りないときでもフッターを画面の一番下に固定したいときのHTMLとCSS【スマホでもOK】

2019/9/21    , ,

よくあるレイアウトで「ヘッダー」「コンテンツ」「フッター」という構成がありますよね。 ヘッダーは常に先頭にあるから問題ないけど、フッターはコンテンツの最下部に鎮座していてほしいのに、コンテンツの情報量 ...

iPhone WEBデザイン

iPhoneで電話番号に勝手に電話発信のリンクが付いてしまう余計なお節介を無効にする方法

2019/10/22    , ,

headタグ内に以下のメタタグを挿入。 <meta name="format-detection" content="telephone=no"> これだけ。 商品コードとか品番などの数字の連続 ...

WEBデザイン

WEBサイトのデザイン、どのソフトでPC・スマホ・タブレット横幅サイズどれくらいって話(2019年現在)

2019/10/22    ,

WEBデザインで悩ましいことのひとつに、「どれくらいの幅でデザインしたらいいの?」ってのがありますよね。 レスポンシブデザインが主流になっている現在では、ページ幅に合わせてレイアウトを調整できるように ...

animate.cssトップ画面

CSS iPhone WEBデザイン スクリプト

animate.cssでスクロールに合わせてアニメーション表示しようとしたらiPhoneで変な挙動になったけど解決したメモ

2019/10/1    , , ,

手軽にCSS3のアニメーション効果を導入できる「animate.css」って便利ですよね。導入も簡単だしアクションも面白いのでサイトにガンガン使いたい感じでいいです。 そこで、スクロールして表示された ...

WEBデザイン スクリプト

HTML5のaudioタグで効果音の出るボタンを設置する方法

2019/9/20    

クリックすると音がなるWebサイト。一昔前ならJavaアプレットでauファイルを読み込んで~、もしくはフラッシュで作ったり~とちょっと敷居が高い印象でしたが、HTML5では割と簡単に設置できますのよ。 ...

CSS WEBデザイン

画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション

2019/9/20    , ,

どうもWEBデザイナーやって約20年、皆川(@minagawa_osamu)です。 画像のゆっくりズームイン/ズームアウトはJavaScriptじゃなくてCSS3のアニメーション 当サイトのトップペー ...

Copyright© うつWEB , 2019 All Rights Reserved Powered by AFFINGER5.