2016-06

技術情報

CSSでHTMLの記述順とは異なる並び順にする

今回はHTMLのソースの記述順とは異なる見た目の並び順にする方法をご紹介いたします。「float」、「position」使う方法サイドバーを左、メインを右の表示にする(2カラム)html<div class="main"> メイン</div...
ブログ

楽天カードの更新カードが届いたので、各種サービスで登録をしているカード情報を更新してみた

以前、楽天カードの更新で、Edy機能が無料で付帯できることをご紹介をいたしました。その更新した楽天カードが届いたので、各種サービスで登録をしているカード情報を更新することにしました。毎月の支払いをクレジットカードでしているサービスのカード情...
アプリ

Chrome拡張機能の「AMP Validator」を使ってみた

以前にAMPページのバリデーションをWeb上で行える「The AMP Validator」をご紹介いたしました。AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた「The AMP Validat...
技術情報

AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた

The AMP Validator通常、「AMP」ページのバリデーションを行う場合、検証したいページのURLの末尾に「#development=1」と入力して、Chromeブラウザのコンソール表示で確認する必要がありました。「#develo...
技術情報

AMPデザインテンプレートの「Simp」に、通常の「Web」ページへ遷移するボタンを表示させてみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入し...
技術情報

WordPressテーマの「Simplicity」に、「AMP」ページへの遷移を促す要素を表示してみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法や、「Google AdSense」を表示する方法などをご紹介いたしました。WordPressの「Simplicity」テー...
ブログ

「ヨメレバ」に「ブックウォーカー」用のボタンを作って表示してみた

以前、ブログパーツの「カエレバ」、「ヨメレバ」をご紹介いたしました。その「ヨメレバ」で、個人的にお気に入りの「ブックウォーカー」という、ショップのリンクを生成できるかどうかを見てみたのですが、「ヨメレバ」は事前に用意されているブックショップ...
ブログ

「わかばちゃんと学ぶ Webサイト制作の基本」を読んでみた

以前にあるツイートで、WebのHTMLやCSSをイラストで擬人化している方がいることを知りました。その方が書籍を出すというツイートをされていたので、気になったので購入してみました。読んでみると、Webサイト制作の入門書としてよさそうな内容で...
技術情報

CSSでレスポンシブなテーブルを表示する

以前テーブルを分けてスクロールさせる方法をご紹介いたしました。今回はCSSでレスポンシブなテーブルを表示する方法をご紹介いたします。サンプルサンプルではPCで横に見出しがあるタイプのものを、400px以内の表示の時に「th」と「td」を縦に...
パソコン

Windowsでどのフォルダが容量を占有しているかを調べる時は「DiskInfo」が便利

HDDやSSDの容量が心もとくなったなった時は、誰しもがデータを削除して容量の空きを確保すると思います。その場合、どのフォルダが容量を占有しているかを知りたいと思います。そういった時に、「DiskInfo」というソフトが便利なのでご紹介いた...
技術情報

「AMP」ページに「Google AdSense」を表示させてみた

先日、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入し...
技術情報

WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入してみた

AMP記事テスト – Sho-Yamane.info以前、モバイル端末でのウェブページの表示を高速化する「AMP」をご紹介いたしました。WordPressのプラグインで気軽にAMP HTML化はできるのですが、デザインがパっとしないのが悩み...