WordpressとモバイルPC特化のブログですマウスオーバーのアクションで画像を変化させるという方法はたくさんのサイトで用いられていますが、 今まではCSSで割り当てたりHTMLで直接書いてみたりというのが一般的だったと思います。 ここ近年、jQueryというJavaScriptとHTMLの相互作用を強化する軽量なライブラリが登場したことに よりjQueryが普及してきましたが、jQueryは難しいとか思われがちです。しかし、基本さえ覚えてしまえばCSSを書くよりも簡単な感覚で覚えられますので、一番初歩的な画像のマウスオーバーアクションをjQueryを使って動かす方法を記事にしてみたいと思います。 jQueryでマウスオーバー?画像を変える? つまり、こういう事です。 demo おそらく誰でも目にしたことがあるかと思います。何故、わざわざjQueryで動かすのが良いのか?って
それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね! それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像
デジタルカメラにおけるISOとは? 高いとどうなる?デジタルカメラのスペック表に必ず表記してあるISOとは何か? そして、変更すると何が起きるのか? 一目瞭然の写真つきでデジカメのISO感度について解説します。 ISOっていったいなに? ISO。デジタルカメラのスペックの中で、ぱっと見で意味のわからない用語としてトップに挙げられるのではないだろうか。 実はこれは、ISO9000やISO14000Sなどで知られている国際標準化機構(International Organization for Standardization) のISOそのものなのだ。 ISOで定められたフィルムの感度のことをISOxxxというような形で表しているのである。ただし、ISOで定められたのはあくまでもフィルムの感度であって、デジタルカメラはそれと同等の感度設定をCCDなどのイメージセンサに置き換えたものだ。最近、こ
縦長のサイトは是か非か!?という 記事が話題にあがっていましたが、 こんな縦長サイトなら個人的には 大歓迎です。10万もの商用・非商用 アイコンが1ページで閲覧出来ます。 縦長のサイトは是か否か??という 記事が話題にあがっていましたが、 こんな縦長サイトなら個人的には 大歓迎です。10万もの商用・非商用 アイコンが1ページで閲覧出来ます。 アイコン検索エンジンのiconfinder 内のアイコンが集約されていますよ。 当然1つ1つ表示させているのではなく、セットで表示されています。とりあえず大量のアイコンをサクッとストックしたい、という方にはオススメ。ライセンスも書いてあるのでDLしやすいのでは。 右端のスクロールバーが見えますでしょうか?これだけ縦長なページにアイコンがグリッドでぎっしり掲載されています。 このページはアイコン検索エンジンのiconfinderにストックされているもので
独習PHP 第3版 手を動かしながら学ぶPHP7。基本構文から、クラス、DB連携、セキュリティ対策まで。解説、例題、練習問題の3ステップでよくわかる。基礎からオブジェクト指向まで学べる定番入門書。 PHP逆引きレシピ 第2版 (PROGRAMMER’S RECiPE) 第2版では、最新のPHP(5.4/5.5)に対応したほか、レシピ全体の大幅な見直しを行い、データベースやテスト関連のレシピ拡充など、さらに内容充実・より便利になりました。サンプルプログラムのスマートフォン対応も行っています。実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「PHPユーザー必携の1冊」です。 PHPの絵本 第2版 Webアプリ作りが楽しくなる新しい9つの扉 HPは、さまざまなWebアプリケーションが簡単に作れそうなので、興味のある人は多いのではないでしょうか。本書は、イ
This page provides an overview of all important pages on CatsWhoCode.
ネガティブスペースとはホワイトスペース(空白)としてもよく知られており、コンテンツに占拠されていないエリアのことで、特定のアイテム間のスペースであるとも定義できます。 そんなネガティブスペースを巧みに使用したロゴデザインを紹介します。
このプラグインは今後更新されることはありません。代わりにWP Emmetを使用すると皆幸せ。 WordPressの管理画面でZen codingを使えるようにするプラグインを書きました。良かったら使ってみて下さい。 ダウンロード WP Zen-Coding - v0.3.1 ライセンス MIT License Zen Codingの設定 設定は【設定】メニューの【Zen Coding】より行えます。 既知の不具合 Zen Coding for textareaのバグなのか仕様なのか、textareaに縦スクロールバーが出ている場合、タグの展開などを行うと最上部にスクロールされます。 カーソルは元の位置にあるので、文字を入力すれば元の位置にスクロールされます。 おすすめ Zen Coding for textarea を Movable Type で簡単に使うプラグイン - かたつむりくんの
4:3の方が好きですが、ちょっと前からGXRでは3:2に設定してそのまま使っています。 また戻そうかなぁとも思いますが、3:2でもいいかとも思います。 で、3:2で撮っても4:3で撮ってもボディについているモニターのアスペクト比は変わらないわけでして、GXRの場合背面のモニターは4:3なので、これが気に入らないという方も多いかもしれません。 撮影情報を外側に表示する設定で使っていれば、気にならないかもしれません。 でも撮影情報表示フレームってのをオンにすると3:2の方が無駄な黒い部分が広いような気がします。 3:2で撮影情報表示フレームをオンにした時の表示方法はもう少し工夫されたものであるべきと思うのです。 撮影情報表示フレーム使ってないけど。
WordPressのプラグイン「TinyMCE Advanced」で追加できる表組み(テーブル)ツールの使い方を説明します。表組み(テーブル)の基本 テーブルは一般に表形式のデータを表示するのに使われます。テーブルは縦横に複数のマスで構成されています。1マスを「セル」といい、横のセルの集合を「行」、縦のセルの集合を「列」といいます。 セルには、データを記入するデータセルと、見出しを記入するヘッダセルの2種類があります。 表組み(テーブル)の作成方法 テーブルを挿入したい場所にカーソルを移動し、( 表を挿入 )をクリックします。 ご注意:Firefoxをお使いの場合、作成したテーブルの後に段落がないとテーブルからカーソルが抜けなくなるバグがあります。あらかじめ、文字を入力した段落と段落の間にテーブルを挿入するようにしてください。 設定ボックスが表示されますので、テーブルの属性を指定します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く