Amazon

Amazonの過去価格を確認して今安いかを判断する方法

googleのchrome拡張機能にKeepaをインストールして、過去のAmazonの価格の変遷グラフを商品ページに表示させます。Keepaをインストールすることで今買い時なのかを簡単に確認することができます。
Amazon

プライムビデオに英語字幕をつける方法

Amazon Prime Video(アマプラ) の外国の映画、海外ドラマに英語字幕をつけて、英語学習の手助けをする拡張機能アプリSubtitles for Learning Languageの使い方。使い方によってはフランス語やドイツ語などの字幕も可能です。
HTML&CSSリファレンス

切り替えタブdivボックスをCSSのみで実現! コピペで使えるHTML+CSS

divボックスの上部に複数のタブをつけ、タブをクリックすることで、直下のボックスが切り替わります。いわゆる、タブボックスをJavascriptを用いずに実装します。HTMLとCSSのみを調整することでタブの数を簡単に増減させることができます。
スポンサーリンク
HTML&CSSリファレンス

まとめ箇条書き表リスト コピペで使えるHTML+CSS

ブログなどの文末によくある要点をまとめた箇条書きや一覧を、順不同リスト<ul>、<li>を使って作成します。箇条書き黒板のデザインも再現します。
アニメ

2021年冬アニメ アマプラ配信時間一覧

はたらく細胞、ゆるキャン△、転スラ、のんのんびより、リゼロなど盛りだくさんの2021冬アニメ!AmazonPrimeVideoで配信される作品を五十音順で一覧表示。dアニメやABEMAなどのAmazon以外の配信サイトについてもリンクを掲載!
HTML&CSSリファレンス

figure要素とfigcaption要素 コピペで使えるHTML+CSS

写真や図表などのまとまりを表すfigure要素。そしてそのキャプションを表すfigcaption要素について解説。画像上にテキストを表示する際などに用いる。
HTML&CSSリファレンス

画像、写真の上に文字をのせる コピペで使えるHTML+CSS

取り込んだ画像、写真(img要素)の上に文字をのせます。写真の説明文や、リンク先の説明文などを記載します。画像の下の余白の消し方についても解説します。
HTML&CSSリファレンス

clear ボックスの回り込みの解除 コピペで使えるHTML+CSS

floatによって回り込みが指定された画像、ボックスについて、回り込みを解除するclearプロパティについて解説します。
HTML&CSSリファレンス

float ボックスの回り込み コピペで使えるHTML+CSS

画像img要素やボックスの回り込みについて指定するfloatプロパティのleft、rightなどについて実例をあげながら解説します。
HTML&CSSリファレンス

徐々に文章を透明化と、すべて読む コピペで使えるHTML+CSS

新聞や雑誌のサイトなどでよく使われている記事が下に向かって徐々に半透明になり、[全てを読む]が表示されるページ。CSSのみで実現する方法を詳しく解説します。inputとlabel、checked、~セレクタを適切な順序と階層で使用します。
HTML&CSSリファレンス

divを使ったボックスのデザイン コピペで使えるHTML+CSS

divを使って様々なデザインのコンテンツボックスをCSSで実現します。角の丸いボックス、見出しだけが角丸のボックス。少し斜めにした見出し。入り込む見出し、アイコンが追加された見出し等、見やすく洗練されたデザインボックスを紹介します。
HTML&CSSリファレンス

縦、横方向に中央配置(中央寄せ) コピペで使えるHTML+CSS

インライン要素、ブロックレベル要素それぞれについての横方向と縦方向の中央配置の実装方法。margin:auto;やtransform、translateを利用した汎用性の高い実装方法を解説します。vertical-alignやcenter要素は使用しません。
HTML&CSSリファレンス

CSSの各種セレクタ CSS コピペで使えるHTML+CSS

クラスセレクター、IDセレクターのほか、>や+、~を使った間接、子孫、弟セレクターの使用方法の解説です。~を使って弟を限定する方法についても解説。
HTML&CSSリファレンス

CSS ONLY read more, spoiler and accordion , HTML+CSS

Achieve "read more" with just CSS and HTML. The method introduced does not use JavaScript. You will be able to freely switch the display of articles, images, and various layouts.
HTML&CSSリファレンス

クリックでボックスの表示非表示アコーディオンをCSSのみで実装 コピペで使えるHTML+CSS

詳細や情報をクリックすることで表示する、いわゆる、スポイラー又はアコーディオンと呼ばれるものをCSSのみで実装します。inputとlabelを使い、displayで切り替えを行います。Javascriptは使用しません。