- 2023.10.31
- デザイン,
【PhotoShop/psd】2倍拡大書き出しで画像がボケるときの対策
PhotoShopで作ったWebサイトのデザインカンプから画像を書き出す際に２倍サイズなど拡大して書き出しをすると思いますが、この時拡大して書き出すと画像がボケてしまうことがありま […]
WEB DESIGN
CSSのみでページ内リンクのスムーズスクロールとヘッダー高さ問題を解決する
今回は、CSSのみでページ内リンクのスムーズスクロールを実装する方法です。jQueryなどは使いません！便利！ CSSのscroll-behaviorとscroll-padding […]
【HTMLのみ】PCとスマホで画像を切り替え！簡単にレスポンシブ対応する方法
レスポンシブデザインで画像を切り替える方法は色々ありますが、今回はHTMLのみで切り替えるとっても簡単な方法をご紹介します。 HTMLのみなのでCSSは不要です。コピペで使用できま […]
【CSS】FireFox対策！線（border）が表示されない・消える場合の解決方法
table(th,td)や、li、divなどにborderを設定したのにFireFoxで表示されない！を解決する方法です。 原因としては、borderを指定した要素に、positi […]
【初心者向け】参考になる！デザインの勉強に役立つおすすめの本5選（+1）
今回は初心者向けのデザインの参考になる本をご紹介します。 今回紹介する5冊（+1冊おまけ）は全部持っているのですが、実際過去にデザインの壁にぶち当たった時にかなり役にたったので、最 […]
- 2021.09.08
- 開発,
高速で軽量！PHP等のローカル環境を簡単に構築するLaragonの使い方
PHPなどのローカルテスト環境を作る場合、「XAMPP」や「MAMP」を使うのが一般的ではないでしょうか。 私も今まではそれらを使用してきましたが、最近になって「Laragon」と […]
- 2021.07.19
- フォント,
【Google Fonts】デザイナーおすすめ！Web制作で使えるおしゃれな欧文フォント5選
Googleフォントは無料で使えてWebサイトにも簡単に導入できるので、いつもお世話になっています。安心して利用できるのも良いですね。 Google Fonts https://f […]
- 2021.07.07
- WEBサービス,
直感的にグラデーションを作れるジェネレーター「CSS Gradient」
Web制作の現場ではよく使われるグラデーションですが、複数色が重なったグラデーションをcssで記述するのは結構面倒な作業です。 今回は、コーディングの際などに、さくっとグラデーショ […]
- 2021.06.26
- WEBサービス,
使えるcssサンプルで効率化！コピペできる「See-SS」
「See-SS」とは、ボタン・テキスト・リストなどからヘッダーまで、サイト制作でよく使うパーツのCSSがまとめられていて、コーディングを効率化するのに役立つサイトです。 ボタンひと […]