-
【JavaScript】テキストエリアに入力された文字数をカウントします。 JavaScriptを使って、テキストエリアに入力された文字数をカウントする方法を紹介します。 まずはデモをどうぞ。 実際に試してみてください。 入力されてテキストが何文字か判定します。: サンプル・デモ 使用したコードは以下。 <s… 【JavaScript】テキストエリアに入力された文字数をカウントします。続きを読む →
-
【JavaScript】デジタル時計を表示する方法。 JavaScriptを使ってウェブサイトにデジタル時計を表示する方法を紹介します。 まずはhtmlの<head>〜</head>内に以下のスクリプトを記述します。 <script> function cl… 【JavaScript】デジタル時計を表示する方法。続きを読む →
-
【jQuery】超万能スライダー FlexSlider の使い方をマスターする。 今日紹介するのは jQuery プラグインの[FlexSlider]です。 これ、かなり便利です。 レスポンシヴ対応、タッチコントロールのフリックスライドにも反応、カルーセルもOK、画像にリンクを貼ることはもちろん、キャプションも表示可能、… 【jQuery】超万能スライダー FlexSlider の使い方をマスターする。続きを読む →
-
【CSS3】要素をクルクル回転させる。 ローディング画像などに、以前は “アニメーションgif画像” を使っていましたが、今後は CSS3 の animation プロパティの導入するほうが、動きもスムーズで簡単に実装できるので利用する機会が増えることと思います。 ここでは仮に、… 【CSS3】要素をクルクル回転させる。続きを読む →
-
【CSS】スタイルシートを使ってブラウザのスクロールバーを消す方法。 通常、width や height で指定されたコンテンツが表示域よりも大きくなった場合に、自動でブラウザの横や下部にスクロールバーが表示されるわけですが、CSSを使って、これを表示させなくすることが簡単にできます。 html { scro… 【CSS】スタイルシートを使ってブラウザのスクロールバーを消す方法。続きを読む →
-
【WordPress】投稿記事の「最終更新日」を表示する方法。 ホームページの形態によっては、過去の記事を修正することも多々あります。 オンズのホームページでもメンテナンスのために既存の投稿記事に手を加えることもしばしば。 そこで、オリジナルの公開日に加えて最終更新日も表示させるようにすると便利です。 … 【WordPress】投稿記事の「最終更新日」を表示する方法。続きを読む →
-
【Mac】スクリーンショット機能でよく使うキーボードショートカットのメモ。 Mac OS にて、スクリーンショットを撮る際のキーボードショートカットを紹介します。 キーボードショートカットは、キーボード上でキーの組み合わせを同時に押すことで様々な機能を呼び出す操作。覚えておくと作業を短縮できて非常に便利です。 基本… 【Mac】スクリーンショット機能でよく使うキーボードショートカットのメモ。続きを読む →
-
【jQuery】フォームへの再入力時にペーストを禁止する方法。 入力フォームでメールアドレスを記述してもらう際に、間違いを防止するため、確認用に2度入力させることが良くあリます。 そんなとき、1つ目に入力したものをコピーして2つ目にペーストされてしまうと、瞬間的には入力の手間が減ったかのように感じますが… 【jQuery】フォームへの再入力時にペーストを禁止する方法。続きを読む →
-
各種プログラム言語でのコメントタグ(コメントアウト)表記のまとめ。 HTML、CSS、PHP、JavaScript(jQuery)、.htaccess、各種プログラム言語でのコメントタグの一覧です。 コメントタグで囲われたテキストはサイトを観覧したときには表示されません。 ただし、ソースを見ればそのまま表示… 各種プログラム言語でのコメントタグ(コメントアウト)表記のまとめ。続きを読む →
-
【WordPress】初心者でもできる! 超簡単な『ユーザー定義関数』を設定してWordPressをもっと便利に使いこなす方法 ユーザー定義関数。 そう聞くと凄く難しそうに思われるかもしれません。しかし今日は初心者でも活用できる、超簡単で、しかも便利なテクニックを紹介しますので、ぜひチャレンジしてください。 基本的なユーザー定義関数の使い方は至ってシンプルです。 f… 【WordPress】初心者でもできる! 超簡単な『ユーザー定義関数』を設定してWordPressをもっと便利に使いこなす方法続きを読む →
-
【CSS】意外と知られていない[text-overflow:ellipsis;]の使い方。 CSSの「text-overflow」は、テキストが領域からはみ出ている場合の処理を指定するプロパティです。 表示する文字が多かった場合、省略したことを表すために「…」と表示することが多々ありますが、これがCSSだけで可能になる… 【CSS】意外と知られていない[text-overflow:ellipsis;]の使い方。続きを読む →
-
【CSS】-webkit-font-smoothing で safari の文字の太さを調節する。 Mac OS 及び iOS の Safari では、他のブラウザと比べて文字が太く表示されます。 本来であればこれを CSS の「font-weight」プロパティで調節したいところですが、残念ながら根本的な解決に至らないケースがほとんど。… 【CSS】-webkit-font-smoothing で safari の文字の太さを調節する。続きを読む →
-
【WordPress】記事を読むのにかかる所要時間を表示させる方法。 いくつかのブログで「この記事は約〇〇分で読めます」と所要時間を表示させているのを見かけました。 所要時間が表示されていると「今すぐ読む」か「後で読む」かの判断になりますし、訪問者にとって親切ですよね。 そこで当サイトでも導入することに決め、… 【WordPress】記事を読むのにかかる所要時間を表示させる方法。続きを読む →
-
【JavaScript】リンクの元のページに戻る、ブラウザの「戻る」ボタンと同じ動作。 JavaScript を使って、ウェブサイト上にブラウザの「戻る」ボタンと同じリンクを設置する方法です。 実装はわずか1行! とても簡単です。 <a href=”javascript:history.back();”>前のページ… 【JavaScript】リンクの元のページに戻る、ブラウザの「戻る」ボタンと同じ動作。続きを読む →
-
【ADS】神々しい美しさのジゼル・ブンチェンが水のドレスを身に纏っています。 美しい…。美しすぎる…。 華麗な「水のドレス」を身に纏う美女。 モデルの女性は『Gisele Bündchen(ジゼル・ブンチェン)』です。 サンダルを扱うジゼル自身のブランド『イパネマ・ジゼル・ブンチェン』のためのプロモーション広告ですね… 【ADS】神々しい美しさのジゼル・ブンチェンが水のドレスを身に纏っています。続きを読む →