WordPressには最初からjQueryが組み込まれていますが、通常の使用方法とは多少変わってくるところがありますので注意点を備忘録としまとめます。 ※WordPress組み込みのjQueryを仕様せず、任意のディレクトリに純正のjQueryをアップロードして使用する場合は、通常通りで問題ないとおもいます。 まず、ヘッダーにjQueryを読み込む際の記述方法 <?php wp_enqueue_script('jquery'); ?> <?php wp_enqueue_script('easySlider1.5.js', '/wp-content/themes/テーマ名/js/easySlider1.5.js'); ?> 上段はWordPress組み込みjQuery.jsを読み込む記述。下段は、使用したいjQueryプラグインのjsファイルを読み込む記述です。 上記の記述を <?php w
人間は視覚的な情報を得たとき、まず前注意的なレベル(無意識な状態)で認識し、その後、注意的なレベル(意識的な状態)で対象が何であるのかを認識すると考えられている。 デザインにおいてある要素を他の要素よりも目立たせるには、前注意的なレベルで認識できる8つの要素を単独で、または組み合わせて用いると効果的である。 色調 色を変えて目立たせる。 同系色同士よりも、補色となる組み合わせで用いるとより効果的である。 位置と整列 位置を変えて目立たせる。 人は複数の要素が並んでいると、その並び方に何らかのきまりを見出す。そのきまりに反した位置にあるものは他のものより注目しやすい。 明度 明るさを変えて目立たせる。 全体が暗く、注目させたい要素が明るい時は「ポジティブ(選択されている、凸である)」な印象に、逆に全体が明るく、注目させたい要素が暗いときは「ネガティブ(選択されていない、凹である)」な印象にな
福井でホームページ制作・携帯モバイルサイト制作・SNS構築・ビジネスブログ構築・Webシステム構築をしているWebディレクターのブログ。 li を float:left で横並びにした場合、li の中の文章の量や画像の高さが違ってくると、綺麗に回り込みしてくれません。 これを綺麗に回り込みさせる場合、display:inline-block;を使用します。 inline-blockは、あまり知られていないマイナーなプロパティですが。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="j
つまり、「すべての適用先に対して、margin、paddingを指定します!」という意味になります。 ▲ページの先頭に戻る 4:margin、paddingを初期化する (06) それでは、CSSコードに追加してみましょう。記述する場所は、より上の方に記述します。 なぜ、上の方に記述するか分かるかしら?なぜなら、CSSは、上から順番に実行するからです。初期化ですから、下の方に書いても意味がありません。 * { margin: 0; padding: 0; } body { background-color: #ffff00; } h1 { background-color: #191970; color: #ffffff; } h2 { background-color: #ffffff; border-top: 2px solid #191970; border-right: 2px s
ICTを活用した、新たな「学び」を生み出し続ける。 eラーニングシステムや教材提供、制作、分析など質の高いサービスで、 人材の育成、人材ビジネスなどの教育に関わる事業課題を解決する、 総合eラーニング企業です。
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
illustratorのバージョンによっては可能です。(illustratorCS3以降では可能。私自身illustrator8.0からいきなりCS3にジャンプしたのでCS3以前のCS、CS2でも可能なのかは確認できません。)←the_round_square_triangleさんの回答見るとCSでも可能みたいですね。 以下はillustratorCS3での方法です。(psdもphotoshopCS3で作成の場合) illustrator→ファイル→(ターゲットのpsd画像を)開く→photoshop読み込みオプションで「photoshopレイヤーをオブジェクトに変換」にチエック。そうするとレイヤーを保持しつつillustrator上に表示されます。画像の位置変更やサイズ変更は勿論可能ですし、photoshopでテキストのレイヤーにラスタライズ処理を加えていないpsdデータであれば、イラレ
016 “ポツンと東京を見下ろすその姿は気高く、とても真摯だ。” — mugi 015 “光に彩られて先輩の横顔が、綺麗に染まる.。” — UP2U 014 “悲しくて歩けないという気持ちを初めて知った夜” — 健司 013 “私たちの声だけが静かに揺れた” — tsuruyou 012 “細くぐるりと指を囲む、日焼けをしていない左手の薬指の根元” — nog 011 “涙を流しながら煙を吐く彼の隣” — 新城 010 “幼い耳には雑音にしか聴こえない音楽に興味が湧いた” — Aki 009 “今年も蕎麦が食べられるなぁ” — UP2U 008 “お堀に映った月をみんなで見てる” — 93 007 “バッグの中だけがつめたいまま” — mihoko 006 “ほぼ満員の客がざわざわと寿司を食らっている” — 映子 005 “向かい合って、仁王立ち” — nog 004 “なんでもないたった
「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益jQuery情報多数ですが、タグやカテゴリが無い(あるかもだけど、見当たらない)のがおしいところ。/tag/等も404なんですよね・・最新記事はサイドバーに表示されます。 css-tricks
JavaScriptで配列をシャッフルする話を見て、そういえばArray#shuffleは以前書いた記憶があるなーと思って調べてみたらコピペだった。 http://www.fumiononaka.com/TechNotes/Flash/FN0212002.html Fisher-Yatesというアルゴリズムだそうです。 Array.prototype.shuffle = function() { var i = this.length; while(i){ var j = Math.floor(Math.random()*i); var t = this[--i]; this[i] = this[j]; this[j] = t; } return this; } a = [1,2,3,4,5]; a.shuffle() // 3,1,5,2,4 a // 3,1,5,2,4 ごく普通に実装
《2017年6月12日 12:00 PM 公開/更新》 カンマ区切りの入力文字列を配列に分割して格納する方法 [計算・変換] ユーザが入力した「カンマ区切り」の文字列を、JavaScriptを使ってカンマ記号で分割して配列に格納するには、splitメソッドを使うと楽です。ユーザに入力してもらう文字列の個数が不定の場合には、入力欄を事前にたくさん用意しておくよりもカンマ区切りで入力してもらう方が入力フォームをシンプルにできるでしょう。区切り文字にはもちろんカンマ記号以外の文字も使えます。 カンマ区切り(コンマ区切り)の入力文字列を配列に分割して格納する方法 カンマ区切り文字列をカンマ記号で分割するJavaScriptソース 変数内の文字列をカンマ記号で分割して得るサンプルJavaScriptソース カンマ区切りの入力文字列を配列に分割して格納する動作サンプルとソース 任意の入力内容をカンマ記
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
jQueryで、画像読み込み表示には色々な方法はありますが、javascriptの new Image()を使用して表示させる例が多いようです。 new Image()での、画像読み込み表示 jQueryで、画像読み込み表示には色々な方法はありますが、javascriptの new Image()を使用して表示させる例が多いようです。ネットで調べれば沢山の情報がありますが、私の場合の経験を踏まえて記述します。 Image()が使用される理由は、 1. 表示サイズではなく画像の実寸を得ることができる。 2. 画像にアクセスして、ロード完了を知ることができる。 3. ERRORの場合の処理ができる。(余り使用はされていないが、、) 4. Loading中の「Loading画像」など表示させる時に便利。 5. jQueryで画像のロードに適したメソッドがない。(ほとんどが、html text な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く