ちょげぶろぐ

YouTube動画をWebページに埋め込む方法｜HTMLに貼り付けるだけで簡単に再生可能！

ブログやホームページを作っていると、「YouTubeの動画を自分のサイトに載せたい」「クリックしなくてもページ内でそのまま再生したい」「リンクではなく、動画プレイヤー自体を表示したい」と思うことはありませんか？商品説明動画、チュートリアル、...

Webhtml

Webページのデザインで意外と重要なのが、文字の太さ。「見出しが本文と同じ太さで、メリハリがない…」「重要なポイントを目立たせたいけど、どうすればいいの？」「フォントの太さを変えたら、なんだか読みにくくなった」そんな経験はありませんか？見出...

CSSWeb

Webデザインを始めたばかりの頃、CSSの書き方やプロパティが多すぎて「何をどう使えばいいのかわからない！」と困った経験はありませんか？「あの効果、どうやって作るんだっけ？」「よく使うプロパティを忘れてしまう…」「効率よくCSSを書けるよう...

CSSWeb

Webサイトでリンクや見出しに**アンダーライン（下線）**をつけたいとき、CSSを使うととても簡単に実現できます。でも「ただの線じゃ物足りない」「おしゃれにアニメーションをつけたい」「他のサイトで見たようなカッコいい下線を作りたい」という...

CSSWeb

Macを使っていると、「複数のアプリやウィンドウを開いていて、目的の画面にすぐ移動できない」「いちいちマウスで探すのが面倒」「作業効率を上げたいけど、どうやってウィンドウを管理すればいいの？」と思うことはありませんか？仕事でSafari・メ...

Macプログラミング・IT

MacBookを使っていて、画面が固まって何も動かないぐるぐるマーク（レインボーカーソル）がずっと回っているクリックしても反応しないキーボードが効かないそんな経験はありませんか？「大事な作業中にフリーズして焦った！」「どうやって強制終了すれ...

Macプログラミング・IT

新しいパソコンに買い替えたり、別のブラウザに乗り換えるときにやっておきたいのがお気に入り（ブックマーク）のエクスポート。「せっかく集めたお気に入りが消えてしまったら大変！」「Chrome からSafariに移したいけど、一つずつ登録し直すの...

Macプログラミング・IT

MacでGoogle Chromeを使っていると、「複数のウィンドウを開いているけど、どこにいったか分からない…」「タブじゃなくて、別ウィンドウをパッと切り替えたい」と思ったことはありませんか？プライベート用と仕事用でウィンドウを分けたり、...

MacWebプログラミング・IT

Webページを作っていると、「デザイン上スクロールはさせたいけど、スクロールバーだけは見せたくない」そんなケースがあります。モバイルっぽいすっきりしたデザインにしたい時や、カスタムスクロールバーを作りたい時など、標準のスクロールバーが邪魔に...

CSSWeb

Webサイトを作っていて、HTMLの<table>（表）を中央に寄せたい場面は意外と多いです。でも「テーブル全体を中央寄せしたい」「中の文字を中央にしたい」「縦にも中央寄せしたい」など、どのケースかによってCSSの書き方が変わるので混乱しが...

CSSWeb

「画像やボタンを横に並べたいのに、うまくいかない…」「floatやinline-blockは崩れやすくて面倒」そんな悩みはありませんか？今やCSSで要素を横並びにするなら、**flex（フレックス）**が最も簡単でおすすめです。この記事では...

CSSWeb

「レイアウトをきれいに並べたいのに、floatやpositionでは崩れやすい…」「もっと簡単に横並びや中央寄せをしたい」そんなときに大活躍するのがCSSの**flex（フレックス）**です。flexを使えば、HTML要素を簡単に整列でき、...

CSSWeb

「テキストファイルを開いたら、文字がぐちゃぐちゃに…」こんな風に文字化けを経験したことはありませんか？その原因の多くは**「文字コード」の違い**です。Windowsでは特にShift-JIS（シフトジス）やUTF-8など、複数の文字コード...

Windowsプログラミング・IT

バナーやモーダル、ローディング画面などを中央に配置したいとき、よく使われるのが position: absolute。ただ、これを使って「中央に寄せたい」と思っても、横方向だけ中央になった縦の位置がずれている思ったところに配置されないなど、...

CSSWebプログラミング・IT