WEB制作基礎知識 イラストレーターでSVG画像を作ろう！
SVG画像を作ろう！ スマホ対応が必須となった現在の状況では綺麗に表示できるSVGを利用することが非常に有用です。 今回はイラストレーターによるSVG画像の作成方法についてまとめたいと思います。 今回はイラストレーターでこのような画像を作っ...
CSSテクニック
WEB制作基礎知識 
CSSレイアウトテクニック 画像にテキストをちょい被せ
画像の横にちょこっと文字を重ねます position:absolute;でやりたくなるところですが、position:relative;で最小限の移動に収めるとレスポンシブ等にも柔軟に対応できるようになります。 デモはこちら まずは普通に横...
WEB制作基礎知識 Basic認証をかける ※中級者向け
サイトの閲覧に簡易のパスワードをかけよう webサイトにパスワードの閲覧制限をかけたい場合はサーバーの設定ファイルを追加し、パスワードをかけます。 macの場合「.htaccess」という名称のファイルは非表示になってしまうため注意が必要で...
CSSレイアウトテクニック 背景色を交互にする
背景を交互にしましょう デモはこちら 背景を交互にするには背景をつけるdivと幅をつけるdivを二重にすることで実現できます。 HTML <div class="bg-gray"> <div class="container"> <h2>ダ...