IE6でiframeを使うときに注意すること｜WEB Drawer｜web制作に関するネタの引き出しサイト
IE6とiframeというもうあまり使わなそうなこの2つですが、あることをしてしまうとiframe内のコンテンツがまったく表示されない現象があったので、その解決方法を調べました。 DD_belatedPNG.jsを使用すると表示されなくなる いろいろ調べた結果、原因はiframe内のコンテンツに透過PNGを使うためのjs、DD_belatedPNG.jsでした。 IE6ではiframe内のコンテンツでDD_belatedPNG.jsを使用するとiframe内のものが表示されないことがあります。 参考ページ iframeとDD_belatedPNG 解決方法 上記の参考サイトにも書いてありますが、iframeにposition: relative;を指定すると表示されるようになります。 /*-- iframeに適用 --*/ iframe { position: relative; } PN
jQuery.supportでのブラウザ判別
chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'
IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl
ITキヲスク
気が付けば2児の父（4歳・1歳）となった訳ですが、仕事柄けっこう育児に集中できるタイミングも多くて、緑色のうんちが茶色くなっていくさまや、ことばが見つからず癇癪を起こすさまや、ファンターネ全然しっくりきてないさまなど、いろいろ楽しませて＆苦しませてもらっています。 そんな楽しくも過酷な育児のなかで、うちの上の子の特性みたいなところで「文章や口頭で説明しても、いまいち頭に入ってこない」みたいなことがちょこちょこあって。 その代わりというか、歌が好きな子でいろんな歌をYouTubeや保育園やらで覚えては口ずさんでて、手を洗うときに手洗いの歌とか歌いながら一生懸命ゴシゴシしてるのを見て、もしかしてと思ってその日の夜の歯磨きの時、渋ってるところにYouTubeの歯みがきソングを見せたところ、一気にやる気になって歯磨きさせてくれたのです！ そういや保育園でも、ことばで説明するのと同時にイラストカード
Lion 搭載の新型 MacBook Air を買う前に検討しておきたい US 配列キーボード - おいちゃんと呼ばれています
昨日に引き続き、Lion 搭載の新型 MacBook Air の購入検討に役立つ内容を。 -アップル - ノートパソコン - MacBook Air - 毎日のための、究極のノートブック。 -MacBook Air（Late 2010）を使っていてよく訊かれた 10 の質問への回答 いま、ひとつ前のモデルの MacBook Air（Late 2010）を使っていますが、もう少し CPU が速ければいいなーと感じているので、新しいやつを買い直すかどうか考え中です。でも買うとしたら US（英語）配列のキーボードを選ぶと思います。 というのも、半年ほど前に iMac のキーボードを US 配列に乗り換えてみたところ、自分にはしっくりきたので。 そして、後輩にもひとり、新しい MacBook Air を買う予定の人がおりまして。 なんでそれ早く言ってくれなかったんすかー！？ << と責められたくな
サルでも出来るGoogleMaps（グーグルマップ)API
Excelで住所を入力したら地図(GoogleMap-グーグルマップ）ができるソフトを開発しました！無料でダウンロードでき、無料で利用することができます！ 地図の作り方はとっても簡単で、ダウンロードしたExcelファイルに名称と住所を入力するだけです。おそらく２~３分でできあがります。 アイデア次第でいろんなことに活用できます！ ■仕事 営業先を見える化して営業効率を高める、配送業務をもっと効率化したい！ その他にも 配送業、訪問修理、賃貸住宅の案内業務、営業拠点をマッピング、出張先をマッピング、訪問ルートの最適化、などにも活用いただけるかと思います。 ■趣味、プライベート ドライブやお出かけに、国内旅行の予定組に、卒業旅行の計画に、絶景スポットめぐりに、知らない土地にいくとき、パンケーキのお店をまとめたり、 また印刷して持ち歩くこともできるので、打ち合わせなどにも活用できます♪ Exce
シモダテツヤの仕事の流儀 前編｜たとえば《イケてるしヤバイ男 長島》のつくり方 | キャリアハック（CAREER HACK）
（株）バーグハンバーグバーグ代表シモダテツヤ氏。「オモコロ」を運営、クライアントワークでは「イケてるしヤバい男 長島」「アイレップ新社屋訪問」など破壊力抜群のWEBページを次々投下。確実に伝播するコンテンツを生み出す彼は、どのようにものづくりに臨んでいるのか。その制作術・クリエイティブ観に迫った。 「イケてるしヤバい男 長島からのお知らせ」の裏側。 ― バーグハンバーグバーグが手がけるコンテンツは、どれも圧倒的にシェアされていますよね。何か秘訣のようなものがあるのでしょうか？ 当たる法則みたいなのは今までの経験で何となく分かるようにはなってきました。これはあんまりウケないけど努力は称賛されるなとか、めっちゃウケるけど嵐のように消えそうとか。これは広告代理店の人が喜んでくれそうとか。 その中で、まずソーシャルをやってる人たちに見てもらいたいと考えます。拡散するかどうか。ネタの方向性がどうこう
川越達也『スタッフ募集。』
新体制に伴い、スタッフ補強、新メンバーを募集いたします。キッチン、サービス両方募集いたします。 年齢、男女問いません。志しの高い方々を希望いたします。お問い合わせは 0354893632 代官山タツヤカワゴエ・塚田までご連絡お待ちしております。 詳しくは面接の際に！
こてさきAjax:クールなMVCを実現するフレームワーク Angular.js の紹介 - livedoor Blog（ブログ）
先週＆今週は、出張でアメリカ西海岸。そんな折、先週の金曜日（16日）の夜に BayJax meetup が Yahoo! 本社で開催されるということで、参加してきました。 BayJaxは、シリコンバレー地区のAjax & Javascriptに関するMeetUp。大体、半年おきに開催されているようです。今回参加したMeetUpの形態は、Conference形式（勉強会ののりに近い）。日本との勉強会との違いは、最初にピザを食べてお腹が満たされたところで勉強会が始まることと（こっちの考え方の方が、確かにリーズナブル）、質問が活発なこと（海外では一般的なことですが）。とても、楽しい時間を過ごすことが出来ました。 その中で講演された AngularJS について、今回は紹介します。 AngularJS AngularJSは、とてもシンプルにWeb Appを書くことができる軽量な MVC フレームワ
「ブログで稼ぐ」は現実的か？PV別ブログ収益をざっくり計算｜イケハヤ大学【ブログ版】
本格的にマネタイズを始めて3ヶ月、色々見えてきたのでご共有。かなりざっくりしてますが、メディアの収益化の参考になれば幸いです。 広告収益はほぼPV数と比例 広告収益の動きを見ていると、「ほぼ」PV数と比例していることが分かります。僕が観察してきた限りでは、多くのページを見てもらえれば、それだけ広告をクリックしてもらいやすくなる、というシンプルな法則が垣間見れました。 扱うジャンルによって収益率は変わる 広告のクリック単価／アフィリエイトの単価は、扱う情報の種類によっても変わってきます。例えば保険・金融などの高額商品について扱っている場合は、アクション一件あたりの単価も高額になります。 僕の場合はテック系情報＆書評を扱っているので、収益性はそれほど高い方ではありません。 モバイル経由では広告はクリックされにくい 僕の運用方法にも原因がありますが、Adsenseに関しては、モバイル経由だと広告
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
履歴書でやってはならない10の間違い
あなたが書く履歴書には1つの目的がある。雇い主になる可能性のある会社に、自分がその求人にもっとも適した人間であると伝えることだ。ところが、明確なメッセージであるべきものの妨げになる可能性のある間違いが、あまりにも多くある。この記事では、履歴書の中で犯しやすい10の間違いを紹介する。 1．重点を置くところが間違っている これは、求職者にはもっともわかりにくい概念の1つかもしれないが、履歴書は自分のために作るものではない。履歴書を作り、書式を整え、整理するのは、あなたが募集している仕事に適しているかどうかを、人事担当者が判断しやすくするためだ。応募する仕事に応じて、自分の履歴書を整えることは大切だ。誓ってもいいが、あなたがその仕事に合っているかどうかを確認するために、履歴書を詳しく調べる人事担当者などいない。履歴書を読めば、そのことがはっきり分かるようにしなくてはならない。 例えば、プロジェク
縦書きを可能にするjavascriptライブラリ「竹取JS」
SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。 HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。 詳しくは以下 上記のように文字だけではなく、リストや、取り消し線、テーブルなど様々なHTMLで創られた基本要素を縦書き化してくれますので、従来のサイトの構造を保ったまま縦書きのコンテンツを制作することが可能です。また切り替えボタンやダブルクリックで横書きへ瞬時に切り替わる機能も実装されています。 対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスは
ひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・Webマーケティング編〜 以上の３つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか？」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく７つのステップがあります。 ①どんなWebサイトにするか考える（企画） Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
AngularJS ― Superheroic JavaScript MVC Framework
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Mozilla Developer Center
オープンなウェブは、開発者に素晴らしい機会をもたらします。これらの技術を最大限に活用するには、それらの使い方を知る必要があります。以下に、ウェブ技術のドキュメントへのリンクがあります。 ウェブ開発者ガイド ウェブ開発者ガイドは、ウェブ技術を実際に使用して、やりたいことや必要なことを実現するために役立つハウツーコンテンツを提供しています。 ウェブ開発者向けチュートリアル HTML、CSS、JavaScript、Web API の学習を段階的に進めるためのチュートリアルです。 アクセシビリティ ウェブサイトを使用する人に何らかの制約があっても、できるだけ多くの人が使用できるようにすることです。 パフォーマンス コンテンツをできるだけ早く利用できるように、操作できるようにすることです。 セキュリティ データ漏洩やデータ盗難、サイドチャンネル攻撃、クロスサイトスクリプティング、コンテンツインジェク
JavaScript Reference - MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
男子達、脱ボクサーパンツしたほうがいいかも!?
男子達、脱ボクサーパンツしたほうがいいかも!?2012.06.16 21:00578,576 junjun ボクサーパンツとか細身のジーンズなど、ピチっとフィットしたの好きですか？ もし、答えが｢はい｣で、将来的に子供が欲しいなら気を付けたほうがいいかもしれません。ほとんどの治療指針では、喫煙、飲酒、気晴らしのためのドラッグ、不健康な食事は精子の数をへらしてしまう原因になると伝えているんですけど、新しい研究によると、あなたが本当に避けなければいけないのは、たった１つ。ピッタリした下着とパンツなんです。 雑誌Human Reproductionでの発表によると、精子の数の少ない男性と多い男性900人を対象に調べてみたところ、ドラッグ、タバコ、飲酒、太りすぎは、精子の減少への影響は少なかったのに比べ、きつい下着やタイトなパンツの着用が、精子の数に大きな影響をあたえている事が分かったそうです。
こてさきAjax:WebのNative化に対する標準化が始まる？ - livedoor Blog（ブログ）
昨日、一昨日と幕張で開催されたW3CのWorkshopに参加しました。内容は、Web技術をデジタルサイネージにも適用していこうというもので、僕のほうからは「WebIntentsなどのAPIを利用して、サイネージとスマフォとかを連携すると面白いんじゃない？」といった提案をさせてもらいました（毎度のことながら、自分の英語力の無さに反省しきりなわけですが・・・）。 で、このWorkshopの際、W3C の Michael Smithさんに興味深い動きを教えていただいたので、今日はその紹介をします。 System Applications Working Group 最近、System Applications という Working Group が立ち上がったそうで、そのcharterページ後半に取り扱おうとしているAPIが書いてあるのですが、これが凄い！！ 一部ピックアップすると Power
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトをRetinaディスプレイに対応させる方法
自作PCまんが「パーツのぱ」がリアル店舗化 アスキーのイベントも明日実施、X68000などでゲーム可能
一撃必殺JavaScript日本語リファレンス
bassistance.de » jQuery plugin: Validation