searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

カテゴリーのご意見・ご要望はこちら
cancel

Web開発、Web制作、Webデザイン

THEME help
Web開発、Web制作、Webデザイン
テーマ名
Web開発、Web制作、Webデザイン
テーマの詳細
Web開発、Web制作、Webデザインに関することなら、どんなことでもOKですので お気軽にトラックバックやコメントしてください。
テーマ投稿数
3,420件
参加メンバー
249人
管理人
utainko管理画面

にほんブログ村 テーマ機能

テーマは、参加ランキングのカテゴリー・サブカテゴリーに関係なく、記事のテーマが合えばどなたでも参加することができます。

▼ ブログ村テーマへのリンク方法

あなたのブログに「Web開発、Web制作、Webデザイン」テーマのバナーを掲載しませんか?
テーマのバナーやリンクをINポイントランキングの対象にしたいメンバーの方は、ログインしてからリンクタグを取得してください。
・バナーを変更したい場合は、必ず画像に「テーマ」の文字かバナーロゴを重ねてください。
・テキストリンクに変更されたい方は、以下のテキストに変更いただき掲載してください。
 「Web開発、Web制作、Webデザイン ネットブログ・テーマ」
※以前より掲載いただいているテキストリンクについてはそのままご利用いただけます。

▼ リンクタグ … ここから下、リンクタグをコピーしてお貼りください

Web開発、Web制作、Webデザインの記事

1件〜50件

  • 職業訓練校(webデザイン科)の雰囲気、就職状況(2020〜2021)
    2021/06/01 16:52
    職業訓練校(webデザイン科)の雰囲気、就職状況(2020〜2021)

    最近webデザイナーを目指されている方が増えているようです。 在宅ワークができそうという点で惹かれるものがある […]

    ここな

    今をつづるdiary

  • ポートフォリオをwordpressのLightningで作成した際につまづいたことと解決方法
    2021/06/01 16:52
    ポートフォリオをwordpressのLightningで作成した際につまづいたことと解決方法

    職業訓練校を卒業していざ就活! 企業に提出しようと思っていた学校で作成していたポートフォリオがおかしなことにな […]

    ここな

    今をつづるdiary

  • アンカーポイントを削除する方法2種類。紛らわしいので注意(オープンパスとクローズパス)
    2021/06/01 16:52
    アンカーポイントを削除する方法2種類。紛らわしいので注意(オープンパスとクローズパス)

    初心者の私がつまづいたことを復習がてら記事にしていこうと思います。 今回はアンカーポイントの削除について。 初 […]

    ここな

    今をつづるdiary

  • 【試験二日前から勉強】目的は合格、満点は目指さないwebクリエイター能力認定試験
    2021/05/22 23:46
    【試験二日前から勉強】目的は合格、満点は目指さないwebクリエイター能力認定試験

    webデザイナー未経験就職を目指す方におすすめ。満点は目指さないウェブクリエイター能力認定試験。webデザインを勉強している方なら試験対策はほとんど必要ありません。

    うなぎ

    うなぎブログ

  • Photoshopを最新版(v22.4)にしたら落ちる(クラッシュ)するバグ発生
    2021/05/19 17:15
    Photoshopを最新版(v22.4)にしたら落ちる(クラッシュ)するバグ発生

    Adobe Photoshop CC(Adobe Photoshop 2021)を最新版にアップデートしたところ、落ちる(クラッシュする)ようになってしまいました。バージョンはv22.4になります。お使いの方はお気を付け […]

    Piyo

    WEB上手

  • フリーフォントのダウンロードやロゴ用透過画像作成までできるサイトがすごい
    2021/05/15 08:28
    フリーフォントのダウンロードやロゴ用透過画像作成までできるサイトがすごい

    会員登録なしでフリーフォントをダウンロードできる上、サイト上で透過画像も作成できる便利なサイトを紹介します。おしゃれなロゴの作成に役立ちます。

    笠矢サヤ

    Zuborashiki-家事しやすいおしゃれな注文住宅

  • おしゃれなアイキャッチ画像を作るためのフリーサービス3点セット
    2021/05/06 13:23
    おしゃれなアイキャッチ画像を作るためのフリーサービス3点セット

    おしゃれなアイキャッチ画像を作成するのに便利な無料ツールを紹介します。デザインセンスがなくてもOK!

    笠矢サヤ

    Zuborashiki-家事しやすいおしゃれな注文住宅

  • アイキャッチに使いたいおしゃれなフリー英字フォントまとめ
    2021/05/04 11:57
    アイキャッチに使いたいおしゃれなフリー英字フォントまとめ

    おしゃれなアイキャッチ画像を作るために使いたいフリーの英字フォントを紹介します。

    笠矢サヤ

    Zuborashiki-家事しやすいおしゃれな注文住宅

  • サーバーは『エックスサーバー』一択。
    2021/04/15 19:00
    サーバーは『エックスサーバー』一択。

    SCRATCH STUDIOでは、サーバーは『エックスサーバー』、ドメインは『エックスサーバードメイン』を指定させていただいております。運用サイト数190万件以上!国内シェアNo.1の高速サーバー一択を貫く訳を記載しています。

    SCRATCH STUDIO

    【フリーランスWEB制作】SCRATCH STUDIO

  • THE THOR  |この相棒を使う理由。
    2021/04/15 18:59
    THE THOR |この相棒を使う理由。

    WordPressの有料テーマで評判のSEOにも強い『THE THOR』(ザ・トール)を使用してWebサイト制作をしています。私がこの『相棒』を使用する理由を余すとこなくご紹介しています。

    SCRATCH STUDIO

    【フリーランスWEB制作】SCRATCH STUDIO

  • MariaDBとMySQLでWordPressのパフォーマンスを比較
    2021/03/28 09:03
    MariaDBとMySQLでWordPressのパフォーマンスを比較

    エックスサーバーが2021年3月24日から、今後の新規申し込みのサーバーのデータベースは、MariaDBになることがアナウンスされました。今まではMySQL 5.7だったのですが、MariaDB 10.5になるとのことで […]

    Piyo

    WEB上手

  • CSS色指定を一括変換
    2021/02/07 19:16
    CSS色指定を一括変換

    SE-X

    odoo 無料で使えるERP(業務統合パッケージ)

  • WebマーケティングとWebデザイナーの違いを簡単に説明します
    2021/02/01 22:46
    WebマーケティングとWebデザイナーの違いを簡単に説明します

    WebマーケティングとWebデザイナーの違いは何? どっちの仕事もよくわからない人にWebマーケティングとWebデザイナーの仕事内容、年収、なる方法を徹底解説致します。 まず、簡単に説明すると Webマーケティングはインターネットによる集客

    YOSHI

    Webマーケティングの森

  • Google Analytics(アナリティクス) 4 の設定方法
    2021/01/23 16:08
  • 【仕事がつらい?】Webデザイナーはやめとけと言われる3つの理由
    2021/01/13 21:40
    【仕事がつらい?】Webデザイナーはやめとけと言われる3つの理由

    Webデザイナーはやめとけと言われる理由について解説しています。Webデザイナーの仕事はつらいという印象を持たれがちですが、それには理由があります。体験談を紹介していますので、Webデザイナーを目指したい方はぜひご参考ください。

    Kizuki

    Sharestyle Kizuki

  • TCDのページビルダーで更新(保存)ができない場合の対処法
    2021/01/10 11:31
  • 【必見】独学でWeb制作を学び、副業で稼ぐロードマップとは?
    2021/01/08 18:44
    【必見】独学でWeb制作を学び、副業で稼ぐロードマップとは?

    独学でWeb制作を学び、副業で稼ぐロードマップについて解説しています。独学でデザインとプログラミングを学び始める際には、優良教材や第3者の視点が重要です。ウェブデザイナーの副業を始めたいと考えている方は、ぜひご覧になってみてください。

    Kizuki

    Sharestyle Kizuki

  • 【2021年まとめ】WordPressのおしゃれな無料テーマ5選
    2021/01/06 00:30
    【2021年まとめ】WordPressのおしゃれな無料テーマ5選

    Wordpressのおしゃれな無料テーマ5選をまとめました。無料テーマとはいっても、有料テーマに劣らないクオリティを誇るテーマもあります。記事内で5つの無料テーマを紹介しているので、ぜひブログなどで積極的に利用してみてください。

    Kizuki

    Sharestyle Kizuki

  • Cocoonの使い方とカスタマイズ10選を紹介【ヘッダー含む】
    2021/01/06 00:30
    Cocoonの使い方とカスタマイズ10選を紹介【ヘッダー含む】

    ブログ初心者向けにCocoonの使い方とヘッダーなどのカスタマイズ10選を紹介しています。Cocoonでブログを開設した初心者が、最低でもこれだけやっておけば大丈夫!というカスタマイズ10選を行えば、短時間でキレイなサイトが完成します。Cocoonのカスタマイズを楽に済ませたい方は、ぜひ記事をご参考ください。

    Kizuki

    Sharestyle Kizuki

  • 【初心者向け】WordPressのメリット・デメリット・使い方
    2021/01/06 00:29
    【初心者向け】WordPressのメリット・デメリット・使い方

    Wordpressのメリット・デメリット・使い方について、ブログ初心者向けに解説しています。Wordpressの操作は簡単だと言われますが、ノウハウを知らないまま手をつけるとウェブサイトの構築に長時間かかることがあります。短期間にWordpressの使い方を覚えたい方は、記事をご参考ください。

    Kizuki

    Sharestyle Kizuki

  • 2020 最新 売れ筋PE YGKよつあみ エックスブレイド スーパージグマン X8
    2020/11/11 08:03
    2020 最新 売れ筋PE YGKよつあみ エックスブレイド スーパージグマン X8

    ハイテンション高密度ピッチの最強PE・・・ 良ければポチットお願いします ↓ ↓ ↓

    SAMURAI

    侍フィッシャー エギング・アジング・メバリング

  • 【年齢制限なし】テックアカデミーは30代でも受講可能(オンライン型プログラミング)
    2020/11/01 21:48
    【年齢制限なし】テックアカデミーは30代でも受講可能(オンライン型プログラミング)

    勉強好きな30代の、りょうた(@waradeza)です。 プログラミング勉強は若いうちから始めた方が良いとは思います。

    りょうた

    Web訓練ブログ

  • 【週末の副業は無理】プログラミング初心者が稼げない理由(勉強が必要)
    2020/10/23 23:15
    【週末の副業は無理】プログラミング初心者が稼げない理由(勉強が必要)

    HTMLとCSSは理解できる、くんれん(@waradeza)です。 在宅の働き方が増えたことで「副業ニーズ」が高まってま

    りょうた

    Web訓練ブログ

  • WordPressで簡単にWebP対応をする手順やブラウザの対応状況
    2020/09/21 11:00
    WordPressで簡単にWebP対応をする手順やブラウザの対応状況

    次世代画像フォーマットの「WebP(ウェッピー)」が、ついにSafariに対応(2020年9月)しました。これで、IE以外の主要なブラウザには対応することになります。WebPにすることで画像の容量を20~30%小さく出来るということなのですが、私が使っている限りでは70%近くは容量を削減できます。 SEOをする上でも、サイトの軽量化は一つの指標となっており、Googleの「Page Speed I

    Piyo

    WEB上手

  • PhotoshopでWebP形式の画像を扱えるようにする手順
    2020/09/12 09:00
    PhotoshopでWebP形式の画像を扱えるようにする手順

    2020年9月現在では、WEBの画像フォーマットと言えばJPEGですが、次世代の画像フォーマットを使うことで、写真の品質を落とさずに、より軽量化することが出来るようになります。次世代の画像フォーマットにはHEIF(ヒーフ)やWebP(ウェッピー)などがあります。 >> 「HEIF(ヒーフ)」のブラウザやPhotoshop等の対応状況は? HEIFはMac版のPhotoShopでは対応し

    Piyo

    WEB上手

  • Webマーケティングの意義
    2020/09/02 00:36
    Webマーケティングの意義

      こんにちは、そーです。 本日は現代におけるWebマーケティングの立ち位置とその意義についての記事を書こうと思います。 変化が激しく、多様な価値観がある社会においてなぜ...

    Ryusei

    クロスマーケティングカレッジ

  • エックスサーバーの「新サーバー簡単移行」の流れ。どのくらい高速化?
    2020/08/22 10:32
    エックスサーバーの「新サーバー簡単移行」の流れ。どのくらい高速化?

    コスパが良くて、高速なことで知られる「エックスサーバー」ですが、2020年2月末にサーバーの環境をグレードアップしました。高速CPUの『AMD EPYC(Rome世代)』が採用(従来のCPUよりも1.5倍の処理速度だそうです)され、アクセスが集中した場合も従来より高速で安定したサイトの運用が可能に。 さらに『オールNVMe』RAID10(ストライピング+ミラーリング)構成が採用され、WEBサイトの

    Piyo

    WEB上手

  • ページネーションを付けてみた。
    2020/08/09 12:23
    ページネーションを付けてみた。

    ページネーションというのを付けてみました。FC2ブログ用の軽量なページネーションを作ったよ - hatena chipsを参考にして、というか、そのままコピペして作りました。ありがとうございます。...

    ぐらんど あき

    ういんどうしょっぴんぐ

  • 【IT初心者におすすめ】プログラミングスクールのまとめ(無料相談あり)
    2020/06/19 20:56
    【IT初心者におすすめ】プログラミングスクールのまとめ(無料相談あり)

    IT初心者を職業訓練校で克服した、くんれん(@waradeza)です。 プログラミングはコツコツ勉強が大切です。 当時は

    りょうた

    Web訓練ブログ

  • iPhone等のスマホでタグの動画が表示されない場合の対処法
    2020/06/07 20:29
    iPhone等のスマホでタグの動画が表示されない場合の対処法

    HTML5ではタグを使うことで、WEBサイトに動画を埋め込むことが出来ます。ただ、記述方法に気を付けないと、WindowsやAndroidスマホでは表示されても、iPhoneやiPadなどでは動画が表示されない、という現象が発生してしまいます。 日本では、スマホでのiPhoneのシェアはかなりのものになりますので、iPhoneやiPadで意図せずに動画が表示されないのは困りますよね。そんなわけで、

    Piyo

    WEB上手

  • WooCommerceのマイアカウントにログインできない場合の対処法
    2020/05/22 20:32
    WooCommerceのマイアカウントにログインできない場合の対処法

    WooCommerce プラグインを利用することで、WordPressで簡単にショッピングカートシステムを構築することが出来ます。ある日「お客さんからマイアカウントにログインが出来ない」というお問い合わせがきました。 今まで、特に問題なくマイアカウントにログインは出来ていたと思うのですが、なぜできなくなってしまったのでしょうか。試しにパスワードを再発行して、ログインをし直してもログインが出来ません

    Piyo

    WEB上手

  • [CSS] ピクセルは1画素を表していない 実はすべて実寸基準 ptもpxも同じ基準
    2020/05/21 04:00
    [CSS] ピクセルは1画素を表していない 実はすべて実寸基準 ptもpxも同じ基準

    【結論】 実はWeb(HTML/CSS)では、ピクセル pxを使った指定は画面上の1画素(ドット=物理ピクセル)を表しておらず、現実の長さの単位(物理単位)でしかない。 つまり、ポ...

    takasho

    Ouka Studio

  • サイトトレース #002 「改良湯」
    2020/05/20 22:35
    サイトトレース #002 「改良湯」

    今回は改良湯という渋谷区にあるお洒落な銭湯のサイトをトレースしました。 新型コロナウィルスが落ち着いたら行ってみたい場所の1つです。 サイトも白と黒のコントラストが美しいです。 サイトで使われているカラー #ffffff  #f4f4f4  #666  #000000 #042231  #040000  #221714  グレーの濃淡も使われていますが、

    310

    Toyo Kibun*[東洋記聞]

  • 1日30分から! 「初心者からちゃんとしたプロになる Webデザイン基礎入門」
    2020/04/19 04:55
    1日30分から! 「初心者からちゃんとしたプロになる Webデザイン基礎入門」

    HTML・CSSの書き方を初歩から説明し、サイトを制作、公開・運用していくために必要な基本知識をすべてが解説されています

    Toomilog

    toomilog

  • WooCommerceで商品カテゴリーの順番を並び替えるプラグイン
    2020/03/28 06:29
    WooCommerceで商品カテゴリーの順番を並び替えるプラグイン

    WooCommerceを使えば、WordPressで簡単にショッピングサイトが構築できます。ただ、なぜか「商品カテゴリー」の順番を並び替える機能がないんですよね。。。そもそもWordPressにも、カテゴリーの順番を並び替える機能がないのが不思議です。 そこで今回はプラグインを使って、WooCommerceで商品カテゴリーの順番を簡単に並び替える方法をご紹介します。 商品カテゴリーの順番を並び替え

    Piyo

    WEB上手

  • FileZillaのエクスポートでパスワードの致命的エラーになってしまう対処法
    2020/03/20 07:50
    FileZillaのエクスポートでパスワードの致命的エラーになってしまう対処法

    サーバーにFTP接続する際に「FileZilla(ファイルジラ)」を使っています。 以前は「FFFTP」を使っていたのですが、「FileZilla」はとても快適です。 >> 【FTPクライアント】FileZilla(ファイルジラ)の転送速度に感動 そんなFileZillaですが、新しいパソコンにFTP情報などの設定をエクスポートすると、「致命的なエラー(サーバーに接続できませんでした)

    Piyo

    WEB上手

  • Windows 10 でMySQL Workbench 8 が起動しない時の対処法
    2020/03/14 07:19
    Windows 10 でMySQL Workbench 8 が起動しない時の対処法

    Windows 10でMySQL Workbench 8を新規でインストールしたのですが、アプリを起動させようと思っても起動しない現象がありました。起動しようとしているようですが、途中で終了してしまっている感じです。MySQL Workbench 8は、DBにアクセスして、MySQLを操作できる便利なツールなのですが、使えないと困ります。。。 ということで、今回はWindows 10でMySQL

    Piyo

    WEB上手

  • Enfoldの「Please prove that you are human by solving the equation」を変更する方法
    2020/03/01 16:10
    Enfoldの「Please prove that you are human by solving the equation」を変更する方法

    WordPressのテンプレートで、企業向けサイト制作に最適なテーマの一つに「Enfold」があります。「Enfold」は、制作するWEBサイトに合わせて、最適なデザインを選択することができたり、「Avia Layout Builder」と呼ばれるビジュアルエディタにより、簡単にレイアウトを組めるようになっています。 有料のテーマ($59)ではありますが、日本のテーマでももっと高いものもありますし

    Piyo

    WEB上手

  • [無料CDN] 画像のみ対応のクラウドサービスまとめ:画像配信を最適化 リサイズ・切り抜きなどの機能も WordPressプラグイン対応のものも[おすすめ]
    2020/02/20 04:00
    [無料CDN] 画像のみ対応のクラウドサービスまとめ:画像配信を最適化 リサイズ・切り抜きなどの機能も WordPressプラグイン対応のものも[おすすめ]

    ここでは、画像ファイルの配布に特化したCDNについて紹介。 * CloudFlareのようなサイト全体をキャッシュするようなクラウドサービスそのものは除外している。 Postimage.org WordPressプラグイン:simple-image-upload(最終更新2012年) 各種掲示板やブログに公開する画像をアップロードするためのストレージとして、2004年に開始されたサービス。 有志が非営利で運営しているらしく、そのためか驚くほど制限が少ない。 画像用CDNとしては、ほぼこれで十分といえる。 アップロードできる画像数に制限はなく、同時に送信できる数は1000、最大画像サイズは1万ピクセル×1万ピクセル、1ファイルの最大容量は12MBと、かなりの大盤振る舞い。 またphpBBなど、有名な掲示板システム用のプラグインも公式に提供されているので、アップロードしやすい(WordPress向けには古いプラグインしかない)。 ログイン不要で手軽に利用できるが、アカウント登録すれば、自分がアップロードした画像を「ギャラリー」という名のカテゴリーに分けて管理することが可能になる。 一方、ログインしていない状態でアップロードしてしまうと他の画像系CDNと同じく、自分では削除できなくなってしまうので注意しよう。 使い方 トップページかログインしたページに、アップロードしたいファイルをドラッグ&ドロップするか、フォームから選択するだけ。 送信が完了すると、フルサイズの画像やサムネイルのURL、短縮URLなどが一覧表示される。 Cloudinary CloudFlareとは異なり、画像や動画のストレージに特化したサービス。 CDNとしての単なるキャッシュサービスではなく、サーバーサイドでの画像変換にも対応している。 料金プランの考え方がやや特殊で、いわゆる「コスト制」。 以下のそれぞれの基準を1か月あたり「1クレジット」という単位で計算し、翌月になるとリセットされる。 画像変換:1000回 容量:1GB 転送量:1GB 動画変換:処理にかかった時間500秒 無料プラン(Free Plan)の場合、1か月あたり25クレジットまで使えるので、かなり使い勝手がいい。 画像変換の機能は、URLに各種パラメーターを付けてアクセスするだけ(REST API)。 そうすると自動で処理されたうえでクラウドストレージに保存され、次

    takasho

    Ouka Studio

  • [HTML] h1要素の正しい使い方:基本は1ページにひとつのみ() h2以降が基準になる見出しタグ – SEO効果も 一方、Web標準は
    2020/02/08 04:00
    [HTML] h1要素の正しい使い方:基本は1ページにひとつのみ() h2以降が基準になる見出しタグ – SEO効果も 一方、Web標準は

    【基本】 ひとつのウェブページ内に、h1要素はひとつのみ。 通常は、head要素のtitle要素と同一にする。 理由 それを想定している場合が多いから 実際の仕様はともかく、開発者や検索エンジンはh1要素がひとつだと想定していることが多いようだ。 こういった仕様に関する部分は、特に理由がなければ主流派に合わせたほうが無難だろう。 Google検索のサイト内目次ではh2が基準になるから SEOでは最も重要なGoogleの検索結果の表示では、各ページの概要の下にページ内リンクの見出しが表示されることがある。 調べてみると、各ページのh2要素が使われているようだ。 結果的にSEOの面では、h1はページ内の各見出しのトップではなく、ページタイトルにのみ使ったほうがいいということになる。 解説 標準化団体によって仕様が異なる Web技術の標準化団体には、大きく分けてW3C(World-Wide Web Consortium)とWHATWG(Web Hypertext Application Technology Working Group)の2つがある。 前者が先に設立されたが、「開発者のことを考えていない」として不満を持ったAppleやGoogleが中心となって後者の団体がつくられた。 以前W3Cは、HTML5でsection要素で囲めばh1の複数利用を認めていたが、HTML5.1ではその部分を削除。 つまり、h1要素は1ページにひとつのみとしている。 しかし、対するWHATWGでは、以前からh1の複数利用を認めている。 WHATWGが技術使用の策定を一括で担うことに 2019年になって、大きな変化があった。 WHATWGに技術仕様の策定を一任することが、両者の合意で決定したのだ。 よって、今後は一律に「WHATWGの仕様が正しい」ということになる。 要するに、W3CによるHTML5.1の勧告は無視してよく、仕様の面ではこれではっきりとした。 Google関係者は「いくつでもいい」 ただ、上記のことはあくまで建前の話。 気になるのは、検索サイト最大手Googleの考え方だ。 実は、関係者がTwitterで直接的にそのことについて語っている。 As many as you want. 「つけたいだけつけていい」とのこと。 換言すれば、SEO的に影響するような要素ではないということだ。 結論 できればh1をひと

    takasho

    Ouka Studio

  • Android スマホで明朝体を表示させたい場合の対処法
    2020/01/18 21:46
    Android スマホで明朝体を表示させたい場合の対処法

    Andorid スマホには、以前から明朝体のフォントがインストールされていません。その為、font-familyで「serif」などの明朝体フォントを指定しても、ゴシック体で表示されてしまいます。 パソコン版では、明朝体で綺麗に表示されているのに、スマホで閲覧する場合にはゴシック体で表示されてしまうと、せっかくのサイトの雰囲気が台無しになってしまいますよね。。。 そこでAndorid スマホでも明

    Piyo

    WEB上手

  • POTI-boardのレス先検索
    2020/01/03 22:14
    POTI-boardのレス先検索

    <?php $fp = fopen("hoge/tree.log", "r"); //ログファイルの場所 while ($line = fgets($fp)) { //ログファイルの書式から変数を取得 $tree = explode(",", $line);//コンマ区切&…

  • CSSでページ全体に設定を適用する方法:html要素に指定-全称セレクタの問題点[スタイルシート]
    2019/12/23 04:00
    CSSでページ全体に設定を適用する方法:html要素に指定-全称セレクタの問題点[スタイルシート]

    推奨する方法 html要素に適用する。 [css] html { font-size: 14pt; } [/css] 理由 単位「rem」の基準はhtml要素 フォントサイズを指定する際の単位のひとつ「rem」は、html要素のフォントサイズを基準として指定する相対サイズのこと。 それが「1rem」の値になり、小数点以下も指定可能。 [css] html { font-size: 14pt; } div { font-size: 0.8rem; } [/css] この例の場合、html要素の子になるdiv要素のフォントサイズは「11.2pt」と指定したのと同じになる。 フォントサイズ以外にも使える このrem、あくまでhtml要素のフォントサイズが基準となっているだけで、marginなどのサイズ指定にも使うことができる。 [css] html { font-size: 14pt; } div { margin: 1.2rem; } [/css] em、%は親要素のサイズが基準 remとは異なり、emと%は親要素の該当プロパティのサイズを基準とした単位のこと。 フォントサイズが基準となっているわけではない。 指定サイズが親要素に依存するということは、HTML構造の親子関係(DOMツリーの入れ子状態)を把握していないと、実際にどのサイズになるのかわかりづらいという欠点がある。 [css] div.parent { width: 500px; height: 250px; } div.child { width: 0.8em; height: 80%; } [/css] 全称セレクタを使う方法には問題がある [css] * { font-size: 14pt; } [/css] 低速 html要素に指定する場合に比べて低速になる。 ただし、現在ではブラウザのレンダリングエンジンが最適化されてきたことで、全称セレクタを使ってもたいして遅くはならないので、気にするほどのことでもないらしい。 自動的な継承より優先される HTML・CSSでは、基本的にHTMLのDOMツリーで親の要素に指定されたスタイルシートは、特に記述がなくても子など下位の要素へ自動的に引き継がれる。 例: [html] ...

    takasho

    Ouka Studio

  • 次世代CMS inkrich(インクリッチ)を 2020年にローンチ!
    2019/12/14 03:26
    次世代CMS inkrich(インクリッチ)を 2020年にローンチ!

    inkrich(インクリッチ)は株式会社ムラウチドットコムが満を持して世に送り出す、ホームページを作成したい、ブログを書きたい方のためのまったく新しいCMSです! 2020年ローンチ! 次世代CMS  inkrich(インクリッチ) ※CMS: コンテンツ管理システム Co...

    村内のぶひろ

    ムラウチドットコム社長・村内伸弘のブログが好き

  • Googleタグマネージャーで403 ForbiddenエラーになるのはWAFが原因の可能性
    2019/11/23 07:51
    Googleタグマネージャーで403 ForbiddenエラーになるのはWAFが原因の可能性

    最近、レンタルサーバーでは、WAF(Web Application Firewall、ワフ)が標準で搭載されていることが多くなりました。WAFを有効にすることで、WEBサイトを不正な攻撃から守ってくれる為、セキュリティの向上に大いに役立ちます。 ところが、このWAFが誤検知を起こしてしまい、正常なアクセスでも「403 Forbiddenエラー」となってしまうことがたまにあるので注意が必要です。 G

    Piyo

    WEB上手

  • https://xn--pckba0b4jybydual7d8e.net/javascript.html
    2019/10/27 08:17
    https://xn--pckba0b4jybydual7d8e.net/javascript.html

    記事の情報が取得されるまで、しばらくお待ちください。

    ままこ

    プログラミングスクールwoman

  • POTI-boardのforをforeachに書き直し
    2019/10/07 22:18
    POTI-boardのforをforeachに書き直し

    forで配列の反復をしているところがたくさんあったので、配列のcountをしてそれから…というのは可読性が落ちる。 配列の書き直しなら参照渡しを使えばシンプルにまとめる事ができる。キーを取得しなくてもいいのでスマート…。 と思ったら…。PHPの繰り返し処理大全 - Qiita foreachでリファレンスが…

  • Xserverを使って手動でバックアップをとる方法を完全図解で解説!
    2019/10/06 11:40
    Xserverを使って手動でバックアップをとる方法を完全図解で解説!

    どうも!ぶーかぼです!前回は、「Xserverの自動バックアップと手動バックアップ」について学びましたね。今回は、実際に「Xserverを使って手動でバックアップをとる方法」についての説明です!今回も、完全図解で解説していきますよ!1つ1つ

    ぶーかぼ

    アフィリエイトで自分らしく生きる〜元公務員が脱サラしました〜

  • Xserverの自動バックアップと手動バックアップの違いは?
    2019/10/05 23:32
    Xserverの自動バックアップと手動バックアップの違いは?

    Xserverの自動バックアップと手動バックアップについて詳しく説明しています。それぞれの違いや、メリット・デメリットについてわかりやすくまとめていますので、しっかり理解しておきましょう。

    ぶーかぼ

    アフィリエイトで自分らしく生きる〜元公務員が脱サラしました〜

  • データファイルとデータベースの違いとは?FileZillaではどのデータをバックアップできる?
    2019/10/03 01:29
    データファイルとデータベースの違いとは?FileZillaではどのデータをバックアップできる?

    今回は、例を出しながら「データファイル」と「データベース」についての説明もしていきます。それに加えてFileZilla(ファイルジラ)などのFTPソフトでバックアップできるデータの種類について解説していきます。

    ぶーかぼ

    アフィリエイトで自分らしく生きる〜元公務員が脱サラしました〜

カテゴリー一覧
商用