2015-08-01から1ヶ月間の記事一覧
(2020-04-21 加筆) float 並列させたい要素のスタイルに指定します 要素を回り込みさせることで並列にします 左寄せ、右寄せなど回り込みで横並びにさせます ＜html＞ <ul> <li>１番目の要素</li> <li>２番目の要素</li> <li>３番目の要素</li> </ul> ＜CSS＞ ul { overflow: hidden; } li { floa…
アイコンをつくらず時短 Webフォント awesome:有名なフリーアイコン pictonic:フリーは266種類 ポートフォリオで自分のスキルを表現するときは、これを組み合わせれば何とかなります 書体（アウトライン画像として使用） Zapf Dingbats:アイコン ornament fo…
HTML5の新属性 主なコンテンツ section要素：ページのメイン：セクション区切り article要素：独立した記事：ブログのニュースサイトの記事など、単独で再利用できる部分 周辺情報のコンテンツ aside要素：補足：本文とは別扱いのリードやコラムなど nav要素…
bodyの背景の色をブラウザの幅によって変更する 確認の仕方は、ブラウザを手動でスライドしていきます 1200px〜 黒 1000〜801px 赤 800〜601px 青 600〜401px 黄 〜400px 緑 PCサイズから作成する場合 <html lang="ja"> <head> <meta charset="UTF-8"> <title>レスポンシブウェブデザイン | メディアクエリーの</title></meta></head></html>…
メディアクエリー Webページの見栄えを記述するCSS3で追加された仕様 表示された画面環境に応じて適用するスタイルを切り替える機能 ブレイクポイントを使用してレイアウトを制御 ポイント 各ブレイクポイントで記述すると上書きで指定されます 上部に指定さ…
ベンダープレフィックスとは CSS3で採用される予定の機能は、前もって各ブラウザで先行実装されます。その機能を動作させるには、プロパティや値の先頭に接頭語を付けます。その接頭語のことをベンダープレフィックスといいます。 ベンダープレフィックスの…
↓自動で動きます Photoshopで素材を用意 Photoshopを開き200×200pxを新規作成 カスタムシェイプで、雲と飛行機をつくります png-24／透過で書き出します HTML+CSSで記述 HTMLを記述します CSSを記述します <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS3アニメーション</title> <style> body { background: #0CF;</meta></head></html>…
