- [CSS]だけでオンズのロゴを作ってみた。 ちょっとした遊びゴコロを発揮して CSS だけでオンズのロゴマークを作る方法を模索してみました。 もともと比較的簡単な構成のロゴマークなので、それほど難しくはないと思っていましたので、ちょっとハードルを上げるために1つのルールを定めました。… [CSS]だけでオンズのロゴを作ってみた。続きを読む →
- 【CSS3】JavaScriptを使わずにコピーを禁じる方法 JavaScriptを使って右クリックを無効にして、コンテンツのコピーを防止するテクニックがあります。 今日はCSSだけでコピーを禁止する方法を紹介します。 具体的にはCSS3から実装された「user-select」を利用することになります… 【CSS3】JavaScriptを使わずにコピーを禁じる方法続きを読む →
- 【CSS】html に記述した[br]タグを無効にして改行させない方法。 通常、html内に<br>タグを記述すると、ブラウザでは半ば自動的に改行されて表示されます。 CSSSでの指定で、この<br>タグの働きを無効にして、任意の箇所で改行させないようにする方法を紹介します。 br { d… 【CSS】html に記述した[br]タグを無効にして改行させない方法。続きを読む →
- 【PHP】今日の日付と時間を表示する方法。 PHP を使って、ウェブページにアクセスしたときの日時を表示させる方法を紹介します。 基本的には[date関数]を使えばOK。 <?php echo date(‘Y年m月d日 H時i分s秒’); ?> date関数で使われる主な… 【PHP】今日の日付と時間を表示する方法。続きを読む →
- 【CSS】ボックスを[height:100%;]で画面全体に表示させる方法。 CSSを使ってボックスを画面全体に表示させたいとき、通常は[height:100%;]と指定するだけなのですが、なぜか思いどおりの高さにならず、1時間近くもハマってしまいました。 ウェブ制作者ならば誰もが一度は陥るであろうこの問題の解決策を… 【CSS】ボックスを[height:100%;]で画面全体に表示させる方法。続きを読む →
- 【PHP】シンプルなアクセス・カウンターを設置する方法。 今日紹介するのは PHP で作るシンプルな[アクセス・カウンター]です。 インターネットが普及し始めた2000年代に随分と流行した記憶がありますが、当時は CGI を使って動かすのが一般的だったと思います。 その後アクセスカウンターの存在意… 【PHP】シンプルなアクセス・カウンターを設置する方法。続きを読む →
- 【JavaScript】フォームの進捗をシンプルなプログレスバーで表示するスクリプト[Fort.js]が便利です。 今日は、サイトのデザインを損なわずに、フォームの進捗をシンプルなプログレスバーで表示するスクリプト[Fort.js]を紹介します。 まずはサンプルをどうぞ。 [Fort.js]:サンプル 注目すべきメリットの1つは、jQuery を使わずに… 【JavaScript】フォームの進捗をシンプルなプログレスバーで表示するスクリプト[Fort.js]が便利です。続きを読む →
- 【Font】フリーフォント[ふぉんとうは怖い明朝体]がダウンロードできます。 [やさしさゴシック]や[ロゴたいぷゴシック]などのフォントを作成している作者様が、今度はホラーな雰囲気の明朝体をリリースされました! 作者様曰く。 フリーフォントのふぉんとうは怖い明朝体は無料でダウンロードできる書体です。 また商用・非商用… 【Font】フリーフォント[ふぉんとうは怖い明朝体]がダウンロードできます。続きを読む →
- 一足早く iOS 8 の気分を味わえる壁紙です。 昨夜未明。正式に Apple から iOS 8 が発表されました。 現時点で公開されている iOS 8 はベータ版で、あくまで開発者に向けたもの。さらにインストールにはデベロッパ申請もいるし、お金もかかります。 一般ユーザーへの公開は今秋と… 一足早く iOS 8 の気分を味わえる壁紙です。続きを読む →
- 大人気のRSSリーダー[Reeder 5 for Mac]がリリースされています! 公開がストップしていた大人気のRSSリーダー[Reeder for Mac]が、遂に再始動です。 先日から Mac App Store にて正式版の[Reeder 5 for Mac]がリリースされています! Reeder 2 for Ma… 大人気のRSSリーダー[Reeder 5 for Mac]がリリースされています!続きを読む →
- SEOに関連したフラットデザインのアイコンセット[60 SEO Services Icons]を紹介します。 60種類のSEO関連のアイコンがセットになった[60 SEO Services Icons]を紹介します。 同梱されている画像は以下の通り、完成度が高く大変使いやすいと思います。 「60種類」と書きましたが、実際は20個のアイコンが3種類の… SEOに関連したフラットデザインのアイコンセット[60 SEO Services Icons]を紹介します。続きを読む →
- 【jQuery】クロスフェードで切り替わるシンプルな画像スライドショー。 jQuery を使って、画像がフェードイン・フェードアウトで切り替わるシンプルなスライドショーを紹介します。 簡単に設置できることはもちろん、JavaScript、HTML、CSS がすべて短いコードで書かれているのが特徴です。 百聞は一見… 【jQuery】クロスフェードで切り替わるシンプルな画像スライドショー。続きを読む →
- Google が[パンダアップデート 4.0]、[ペイデイローン・アルゴリズムの更新]を実施。 Google の Matt Cutts氏氏が[パンダアップデート 4.0]を実施したことを Twitter で報告しています。また合わせてスパム対策の[ペイデイローン・アルゴリズム]の更新も行われたようです。 Google is rolli… Google が[パンダアップデート 4.0]、[ペイデイローン・アルゴリズムの更新]を実施。続きを読む →
- サイトの著者情報をGoogle検索結果ページに表示させる方法 Google でキーワーで検索した際に、ウェブサイトの著作者情報として、著者の顔写真や著作者名が表示されることは、既に常識となりつつあります。 特に著者の顔写真が掲載されていると、他の検索結果よりも目を引きますし、誰が書いているのか一目瞭然… サイトの著者情報をGoogle検索結果ページに表示させる方法続きを読む →
- 【HTML5】 p 要素。 <p> タグは、文書がひとつの段落(パラグラフ)であることを表す際に使用します。 段落よりもふさわしい要素がある場合には使用するべきではありません。例えば、以下の使用例は誤りではありませんが… <section> &… 【HTML5】 p 要素。続きを読む →
- 【HTML5】menu 要素。 HTML4 では非推奨だった <menu> タグは、HTML5 から新たに追加され、操作メニューを作成する際に使用します。 サブメニューをメインメニューで入れ子にして、階層メニューにすることもでき、他のタグとの組み合わせによるユ… 【HTML5】menu 要素。続きを読む →