ローカル環境のjQueryでHello World!

 超簡単な jQuery の動作テストをしようとしたのですが、ローカル環境に XAMPP を用意したり、レンタルサーバーにアップロードするのも面倒臭いので、簡単にテストできる方法がないのか考えました。デバッグなどにご利用下さい。 …[続きを読む]

擬似要素before、afterと併用するcontentプロパティ

 content プロパティは要素の前や後ろにテキスト・画像を挿入する際に設定します。このプロパティを使用する場合には、擬似要素である ::before または ::after を併せて使います。例えば次のようになります。Yahoo ニュースなどで一度は見たことがあるのではないでしょうか。 …[続きを読む]

SNSボタンに必須!CSSだけで吹き出しを作る

 ツイッターなどでの拡散を期待してブログに SNS ボタンを設置するのはもはや定番になりましたが、デザインに使われる吹き出しは画像を使わないでも実現することができます。最近は吹き出しジェネレータが Web サービスとして公開されているので仕組みを知らなくても導入できるのですが、細かい位置調整などをしようとするとある程度原理を理解していないと厳しいと思います。 …[続きを読む]

CSSのみで三角形を作るには

 WordPress のサイドバーでドロップダウンの CSS のカスタマイズに三角形が必要になったので調べてみました。画像を使っても実現できますが、色やサイズを簡単に調整できたり、アニメーションができたりとメリットが多いです。画像より容量も縮小できますしね。使うのは border プロパティです。 …[続きを読む]

positionプロパティのabsoluteとrelativeにはどんな違いがあるのか

 要素の配置を指定するプロパティである position ですが、ネットではなんだかわかりにくいとの声が結構聞こえてきます。私も同様に感じていたので、気合を入れて調べてみました。最近ではレスポンシブデザインにも多用されているようなので、避けては通れません。結論を先に言ってしまうと、親:relative・子:absolute の組み合わせと fixed、このふたつを理解しておけばいいのでは? …[続きを読む]

カエレバでお金をがっつり稼ぎたい(欲丸出し

 ブログをはじめてアフィリエイトを導入すると、「この広告も貼り付けたい」「ここのスペースも広告にしよう」とか考えているうちに、ブログが広告だらけになってしまったりします。「見栄えよりも金だ」と割り切ってしまえる豪の者ならばそれでもよいのでしょうが、訪問してくれたユーザーにとって記事の内容が見づらくなってしまうのは問題です。 …[続きを読む]

あら大変、Autoptimizeでトラブルに

 HTML、CSS、JavaScript を最適化することによってブログの表示速度を上げられる WordPress プラグイン「Autoptimize」ですが、楽天モーションウィジェットをブログに導入しようとしたところ、このプラグインが原因でうまく表示ができないというトラブルに見舞われました。WordPress では「原因不明の問題が発生したときはキャッシュ系プラグインを疑え」が鉄則です。 …[続きを読む]

HTML5でブロック要素・インライン要素による分類が廃止された件

 HTML4.01 では要素はブロック要素とインライン要素のいずれかに分類されていましたが、 HTML5 ではコンテンツモデルによって要素を分類するように変更されました。今まではインライン要素のなかにブロック要素を置いてはいけないというルールがあり、HTML 経験の長い人であれば感覚的に何をどこに入れてはいけないかわかっていると思いますが、これがカテゴリー・コンテキスト・コンテンツモデルによってより明確に定義されることになりました。 …[続きを読む]

ブログにシンプルな表を作ってみる

 データを並べて説明するためには表が欠かせません。エクセルで表を作ってスクリーンショットを画像として貼り付けるほうが簡単ですが、記事を読みにきてくれたユーザーが見やすいようにがんばって設定してみました。シンプルですけど。 …[続きを読む]

WordPressを手動でクリーンインストールする方法

 WordPress ではセキュリティや機能追加のために日々バージョンアップを繰り返しています。これは本来ならばユーザーの安全性と利便性を向上するためのものであり、WordPress さんサイドもきちんと動作確認をした上で更新しているのだと思います。

 ただ、WordPress でブログを複数運営していると、「あれ、こっちの WordPress のときと動作が違う・・・」ということがまれに起こることがあります。レイアウトが崩れたり、画面が表示されなくなるなどの大事故ではないのですが、吐き出される HTML データが微妙に異なるということがあるのです。 …[続きを読む]

TwitterのDM既読機能を無効にする

 ツイッターの「ダイレクトメッセージ」とは、フォローし合ってる人同士で会話ができる非公開メッセージ機能です。指定した相手とだけ入室できるチャットルームでメッセージをやりとりするイメージでしょうか。お互いをフォローしていないとメッセージのやりとりができないため、第三者から迷惑なメッセージが送られてくる心配もありません。また、複数の人にいっせいにメッセージを送信することも可能で、ツイッターユーザーにとってはお馴染みの機能だと思います。 …[続きを読む]

「このサイトのセキュリティ証明書の取り消し情報は、使用できません。 続行しますか?」ダイアログについて

 Internet Explorer でネットサーフィンをしていると、セキュリティの警告ダイアログが表示されるときがあります。結論から言ってしまうと、クレジットカード情報や個人情報を相手サーバーに送信しない Web ページであれば続行で問題ないのですが、どのような処理が行われているのか知らないままなのは気持ちが悪かったので少し調べてみました。 …[続きを読む]

楽天アフィリエイト初心者がいろいろと調べてみた

 物販系のアフィリエイトは Amazon のみだった当ブログですが、Amazon で見つけた商品を楽天で検索するユーザーも一定数いるようなので、楽天アフィリエイトを導入することにしました。今回は楽天アフィリエイトをはじめるにあたって調べたことをまとめてみます。 …[続きを読む]

ブログデザインのカスタマイズに便利なツール・環境について

 ブログを運営している人ならインターネットサーフィンをしていると、「あっ、このデザインかっこいいな」とか「こんな風に自分のブログをカスタマイズしたい」と思うことがあるかと思います。今回は自分のブログをどのようにカスタマイズしていったらいいのか考えてみたいと思います。 …[続きを読む]

WordPressのウィジェットのドロップダウン表示がおかしい

 WordPress を使ってブログを運営するような人は気合を入れて更新をしておられると思うので、カテゴリーやアーカイブが縦に長くなっていることと思います。細かいことを気にしない人ならよいのですが、記事の本文よりサイドバーが長くなるのが気になったので、ウィジェットをドロップダウン表示にしてみようと調べたことをまとめておきたいと思います。 …[続きを読む]

Si prega di attivare i Javascript! / Please turn on Javascript!

Javaskripta ko calu karem! / Bitte schalten Sie Javascript!

S'il vous plaît activer Javascript! / Por favor, active Javascript!

Qing dakai JavaScript! / Qing dakai JavaScript!

Пожалуйста включите JavaScript! / Silakan aktifkan Javascript!

TOP