続きを読む
videoタグにautoplayを指定しても動画が自動再生されないときの対処法
ウェブサイトに動画を埋め込んだけどスマートフォンで自動再生されない…なんてときは、ブラウザに対応した...
WEB DESIGN
続きを読む
全ウェブデザイナー必見！デジタル庁から学ぶデザインプロセス
2023年6月現在、マイナンバーカードのトラブルで何かと世間を賑わせているデジタル庁ですが、Qiit...
続きを読む
なぜmargin:0 auto;がセンタリングされるのか？
CSSのmarginは外側に余白を空けるプロパティです。このmarginを使って要素のセンタリングを...
続きを読む
余白を空けるmarginとpaddingの特徴とそれぞれの違い
CSSのmarginとpaddingはどちらも余白を空けるためのプロパティですが、特徴を理解していな...
続きを読む
初心者なら絶対に知っておきたいベンダープレフィックスのこと
CSSのプロパティの前に「-webkit-」や「-ms-」などを付いているのを見かけたことがあると思...
続きを読む
2021年に廃止されたHTML5とHTML Living Standardの違い
「HTML5」という言葉を聞いたことがあっても「HTML Living Standard」は聞いたこ...
続きを読む
WordPressの自作テーマでやっておきたいSEO最適化
WordPressはSEOに強いと言われていますが、ただインストールするだけでは検索の上位に表示され...
続きを読む
ウェブサイトを設計しよう
ウェブサイトを制作する前には必ず設計を行いましょう。設計を行うことでメンバーが変わってもクオリティを...
続きを読む
タイポグラフィで困ったときのデザインアイデア
タイポグラフィでレイアウトに困ったときのデザインアイデアです。引き出しが少ないなと感じたら、ぜひ、参...
続きを読む
デザインはこれだけで変わる！余白を活かしたデザインのコツ
制作したデザインがどこかしっくりこないなーと思ったら、適切な余白が設定されてないのかもしれません。余...
続きを読む
カラープロファイルの「CMYK」と「RGB」と「HEX」の違いを知ろう
DTPやウェブで出てくるカラープロファイル、「CMYK」と「RGB」と「HEX」の違いを知っておきま...
続きを読む
序破急を使ってデザインプロセスを考えよう
ひとつのデザインをストーリーとして組み立てようというプロセスがあります。序破急に似た用語の起承転結に...