CSSでtable幅を設定するためのまとめです。 以前、tableをレイアウトしたときに表示幅がなかなか思い通りにならず苦労したことがあったので、このエントリーにまとめてみました。 うまくまとまっていなかもしれませんが参考になれば幸いです。認識誤りがありましたらどこかでつぶやいてください。 記事中で使ったサンプルの表示は、Firefox/Google Chromeで確認しています。 １．table要素に幅を設定 table要素にwidthプロパティを設定すると、th要素/td要素の幅は次のようになります。 th要素/td要素の内容の幅が同じ場合は均等割りつけ th要素/td要素の内容の幅が異なる場合は長さに応じて割りつけ th要素/td要素にwidthプロパティを設定した場合、table要素に設定したwidthプロパティの値を超えない範囲で適用 例として、次のtable要素を利用します。

Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在使用している人は注目でしょう。Web制作者、デザイナー、イラストレーターなどに便利な新機能が盛りだくさんとなっています。 『新しい方法で、アイデアをすばやくカタチに』 上記のAdobe様の広告画像もCreative Cloudの最新画像です。 Photoshop CC 2018のスプラッシュスクリーン Photoshopの新機能が分かる1分動画 Illustratorの新機能が分かる1分動画 Adobe XDの新機能が分かる1分動画 撮影した画像から、好みのフォントが見つけられる Creative Cloudの新機能が分かる2分動画 Photoshopの新機能が分かる1分動

今日は、Webフォントでアイコンを表示するための「Font Awesome」を使った見出し(hタグ)の作り方をご紹介。手抜きシンプルなデザインがそれなりに頑張った感じに見えるので、デザインが面倒なあまり得意でない方にもおすすめ。 ※追記、かなり古い記事なので、参考にするなら「iタグを使わずに見出しを作る場合」の方を参考にしてください。こっちは今でも使えます。 準備 公式サイトからダウンロードして解凍。css、fonts、less、scssの4つのフォルダが出力されるので、cssフォルダとfontsフォルダを同じ階層に配置。あとはhtml側で設置したcssを呼び出せば準備OK。あとはhtml側でCSSを呼び出してやればOK

今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは？ ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。