IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
連載目次 要素に対してスタイル・クラスを追加するにはaddClassメソッドを、削除するにはremoveClassメソッドを、それぞれ利用します。引数clazzには、空白区切りで複数のクラス名を指定することもできます。 以下は、ボタンをクリックすることで、背景色を青/白と交互に切り替えるためのコードです。背景色を青にするスタイルは、あらかじめスタイル・クラスbg_bとして定義しておきます。 <style type="text/css"> .bg_b { background-color: Blue; } </style> ……中略…… <script type="text/javascript"> $(function() { // ボタンクリック時の挙動を定義 $('#c_change').click( function() { var d = $('body'); // bg_bクラス
$(‘hoge’).css(‘backgroundPosition’)だとIEで値が取れないんですね、不便か。 XとYを別々に取得したい 値の検証 var bgPosDef = $('#hoge').css('backgroundPosition'); IE8まで(9は未検証) console: null(空) Firefox, Chrome, Safari, Operaなど console: 50px 50px IEは返されるデータがない!こういうところがみんなが嫌いな所以ですかね。IEはbackgroundPositionではなくて、backgroundPositionXのようにXかYを指定して個別に引き抜きます。 var bgPosX = $('#hoge').css('backgroundPositionX'); var bgPosY = $('#hoge').css('backg
名古屋市の短期レッスン【イラストレーター フォトショップ講座】 イラストレーター、フォトショップ、DTPの短期教室 名古屋でレッスンできるマンツーマン講習 短期間で集中して覚えられるイラストレーター、フォトショップの基本機能、チラシ講習など ブログ画像一覧を見る 画像からパスを作る(イラレ) 2011-11-25 15:13:02 テーマ: ├画像からパスを作る(イラレ) ※画像はIllustrator CS5(CS以降のバージョンのみ可) 水しぶきやパステル調などの細かいアウトラインのものは、画像からパスが作れたら便利だと思いませんか?イラストレーターCSでは「ライブトレース」機能ができたので活用してみましょう。 以下、イラストレーターに配置した画像からパスを作成する方法です。 フォトショップからパスを書き出す場合はコチラ 1. イラストレーターの「ファイル」メニューから「配置」で画像を
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 な
jQuery スクロールで記事の自動読み込みを実現する方法 – グリッドレイアウトにも対応 – infinititescroll等 どうもこんばんは。今回のtipsは【jQuery スクロールで記事の自動読み込みを実現する方法 – グリッドレイアウトにも対応】についてです。自動読み込みと書きましたが、クリック等の手動も可能です。結構見かける手法ですのでメモしておきます。 自動読み込み用プラグイン【infinitescroll 】 インフィニティスクロール、このプラグインを使えば簡単に自動読み込みを実現してくれます。設置方法も簡単で非常に優秀なプラグインです。 スクロールで自動読み込み <div id="blogBody"> <div class="post">….</div> <div class="post">….</div> <div class="post">….</div> </d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く