-
HTMLとCSSを身につけるためにやった勉強・学習法、実績をつけるまで【意外と難しくない】
現在、Webデザイナー兼コーダーとして勤めている私ですが、このコーディングの知識は学校でも習っていないしプログラミングスクールを受講していたわけでもありませんでした。 独学で、かつ本一つでHTMLとC ...
-
Webページのデザインをより引き立てる！box-shadowをさらに自然な影に。CSSで簡単に作れる！
2020/1/26 box-shadow, CSS
CSSでボックス要素の影を作る場合、一般的に使われるbox-shadow。 手軽に影を付けられるため非常に便利なのですが、この影が妙に不自然というか… 安っぽく感じてしまう気がする方は多いのではないで ...
-
カンタン！CSSだけでWebサイトをダークモードに対応させる方法 〜目に優しく省エネにも〜
画面全体の色合いを暗く変更できる「ダークモード」は、iOSやMac、WindowsなどOSレベルで対応しています。 こういったモードが用意されている理由は、見た目がクールでカッコいいという他にも 暗い ...
-
CSS HTML IT関連 Mac Web Windows 紹介など
Webデザイナー・コーダーのデスクトップ環境・使用ツールを覗いてみよう
実際Webデザイナー・コーダーってどういう環境でデザイン＆コーディングしてるの？といった実際を知りたい方もいるかと思います。 今回は画面キャプチャをしつつ紹介していきたいと思います。 iMac 5Kを ...
-
【初心者向け】ノーマライズCSSとリセットCSSの違いとは？どちらが良いの？使い分けなど。
Webページをコーディングする時に読み込んでおきたいCSSと言えば？ そう、リセットorノーマライズCSSですよね！ 世の中に様々なブラウザが存在する以上はこれらのCSSファイルが無いとレイアウト上の ...
-
異なる大きさの各画像を比率を保ったまま枠いっぱいかつ中央に表示させるCSS
2019/5/26 CSS, HTML, object-fit, Web, 画像
なんのこっちゃ…というタイトルですが、CSSコーディングしていて悩んでいたことがある日あっさり解決したので、備忘録も兼ねて書き残しておきます。 要するに、決まった大きさの枠の中に、大きさがランダムな画 ...