remを使ってCSSの文字サイズ指定 | パソコン工房 NEXMAG
rem（レム）はCSSにおけるhtmlタグの文字サイズを基準とする相対的な文字サイズ指定の単位で、親要素の影響を受けないため個々の要素のサイズ設定を把握しやすく、htmlタグの文字サイズ設定を変更することでサイト全体の文字サイズ調整を行うことも可能です。 今回はレスポンシブサイトの構築やウェブアクセシビリティへの対応時にも有効な「rem」を用いた文字サイズ指定についてご説明します。 文字サイズ指定の単位rem（レム）とは rem（レム）は「root em」の略で、名前のとおり「最上位階層の『em（エム）』」を意味します。 （emは活字で用いられていた大文字「M」の大きさを基準に１文字分の大きさを表す単位） remはCSS3から利用可能になり、最上位のHTML要素である「HTML」の文字サイズを基準とした相対値で文字サイズを規定するため、親要素の指定の影響を受ける「%（パーセント）」や「em
「誰もマインクラフトだと信じてくれない」 2年半かけて作った「マイクラ」アートが衝撃の美しさ
「誰もマインクラフトで作ったということを信じてくれません（笑）」と投稿された東京の夜景に、「やばい」「よく見るとブロックでびびった」とTwitterユーザーの間で衝撃が走っています。え、写真じゃないの……？ このキレイな夜景をマインクラフトで作っただと……？ 東京タワーから遠くの建物の灯りまでを捉えた、美しい1枚の写真……のように見えますが、なんとこれ、ブロックを手作業で並べて完成させたピクセルアート（モザイク画）。約2年半かけて完成させたということですが、その製作時間も納得の壮大さです。ヤバすぎる……。 拡大した画像 ズームしても「確かにブロックっぽい……」と戸惑うレベルで、1個のブロックがとんでもなく小さいことからも、その圧倒的なスケールの大きさがわかります。 よく見るとブロックが……！ ワールド上空から見た様子や、製作時のキャラクターが夜景のピクセルアートを見下ろすような姿も公開して
現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 - JavaScript TIPSふぁくとりー
《2017年6月15日 11:30 AM 公開/更新》 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 [日付・時刻] JavaScriptを使えば、現在時刻をテキストでリアルタイムに表示し続けるデジタル時計をウェブページ上に作ることも簡単にできます。現在時刻を得て、ページ上の文字列を書き換える処理を、1秒毎に自動実行するよう記述すれば良いだけです。 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 現在時刻を得て表示する方法 1秒毎に特定の処理(関数)を実行する方法 1秒毎に描画を更新して、リアルタイムに表示し続けるデジタル時計を作るHTML＋JavaScriptソース 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 JavaScriptを使えば、現在の日付や時刻が得られます。一定間隔ごとに特定の処理を自動実行する方法は、記事「経過時間(秒数)をリ
マウスクリックで表示画像を差し替える方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 1:00 PM 公開/更新》 マウスクリックで表示画像を差し替える方法 [装飾・内容変更] 表示されている画像を別の画像に差し替えたい(変化させたい)場合は、JavaScriptを使って対象の画像(img要素)のsrcプロパティに新画像のURLを代入するだけで簡単に実現できます。ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。 マウスクリックで表示画像を差し替える方法 あるIDが付加された画像を差し替える(変化させる) 指定IDの画像を差し替える汎用関数を作る マウスクリックで表示画像を差し替える方法 単一の画像表示スペースに次々に画像を表示させたい場合など、表示されている画像を別の画像に差し替えたい(変化させたい)ことがあります。 ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。すごく
違法建築
美術警察さん？事件です。海に浮かぶこの巨大な建築物。圧倒されすぎて、目が離せません。すごすぎます！ 海から出現したこの街にギョっとしましたか？しかし、驚くポイントは浮いていることだけではありません！よく見てみると、この作品はさまざまなスタイルが共存している建築物であることがわかります。日本の仏閣の隣りにはドイツのお城にあるようなタレットがあり、アメリカっぽい高層ビルも建ち並んでいます。この作品のタイトルは、「違法建築」です。そもそも実生活では、厄介な物理法則のおかげでこうした建物を建てることは無理でしょう。でもご心配なく。Minecraft 内では何を作ろうが、今日紹介する才能あるクラフターたちは捕まることはありません。逮捕しようにも、多すぎてパトカーに乗り切らないですし。 「違法建築」は日本のマインクラフト建築コミュニティの呼びかけで、なんと 145 人が集まって完成させました。主催者の
【マイクラ】簡単にキレイな円(マル)を作る方法【設計図付き】 | 脱・初心者を目指すマインクラフト
簡単にキレイな円を作る方法を解説します。 マイクラで建築をしていると、定期的に円を作る必要があるときがきます。ですが、キレイな円を作るのは意外と難しくて、ゆがんでしまったり、不格好な円になってしまいますよね。 そこでこの記事では、キレイな円を作るための方法について解説します。 キレイな円を作る方法 キレイな円を作るには「円の設計図」を見るのが簡単です。 誰だって最初からキレイな円なんて作れません。まずは、設計図を見ながら円を作ってみましょう。たとえば、上の画像では直径10ブロックの円を、設計図を見ながら作ってみました。 １マスが１ブロックと考えて設置すれば、誰でも簡単にキレイな円が作れます。 キレイな円の設計図 キレイな円の設計図が作れるサイト 円の設計図が作れる「Plotz Modeller」というサイトを紹介します。 このサイトは、WEB上で円の設計図が作れるサイトです。このサイトを使
薗部式ユニットの作成（１８枚組） : ユニット折り紙好きの隠れ家
2018年12月06日18:40 カテゴリ北條敏彰先生著「かならず作れるユニット折り紙」 薗部式ユニットの作成（１８枚組） 正方形の紙１８枚組（３種類６枚ずつ） 出典：北條敏彰先生著「かならず作れるユニット折り紙」 「北條敏彰先生著「かならず作れるユニット折り紙」」カテゴリの最新記事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
