iPhone/iPadでPCと同じJavaScriptのイベントを実装する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。 iPhone/iPadではonmouseoverやonmousedownなどのonMouse系のイベントが利用できず、代わりにontouchstartやontouchmove、ontouchendなどのonTouch系のイベントが用意されています。 使い分けとしてはだいたい次のようになります。 ontouchstart = onmousedown ontouchmove = onmousemove ontouchend ≒onmouseup ですのでjQueryを利用した場合、 var ua =navigator.userAgent; if(ua.indexOf('iPhone'
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」 javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。 1. Galleria 今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■2. Galle
HTML 5: The Markup Language (Editor's Draft)
W3C Working Draft 11 October 2012 This Version: http://www.w3.org/TR/2012/WD-html-markup-20121011/ Latest Published Version: http://www.w3.org/TR/html-markup/ Editor’s Draft: http://dev.w3.org/html5/markup/ Previous Versions: http://www.w3.org/TR/2012/WD-html-markup-20120329/ http://www.w3.org/TR/2011/WD-html-markup-20110525/ http://www.w3.org/TR/2011/WD-html-markup-20110405/ http://www.w3.org/TR/
キャリア採用｜株式会社コンセント
全員がデザインの力を信じているから。 社会にデザインでどんな価値を提供できるか、常に考えているから。 自分の強みを課題解決につなげることができるから。 それらを支える環境や制度があるから。 私たちは、クライアントに伴走することができます。 私たちの デザインとは 私たちが「デザイン」をどのように捉えているか、「デザイン」に対しどのような姿勢で臨んでいるか。コンセントが大切にしていることをお伝えします。 デザインの力 内発性の最大化
初心者ディレクターが気をつける10のこと／在宅でライターの仕事ができる「nanapiワークス」をリリースしました - iGirl
【2020年12月追記：nanapiもnanapiワークスも役目を終えられまして、サービスクローズしています。関わって、育ててくださったすべての方に感謝します】 ■ これまでのあらすじ（読み飛ばし可） わたしは約1年前（2009年夏）から（株）ロケットスタートの nanapi という How to サイト運営に携わっています。（参照：（株）ロケットスタートで働くことになりました） 2010年3月、正式にフルコミットすることになり、東京へ引っ越してきました（単身赴任）。 そしてこの度、新サービス「nanapiワークス」のディレクションを1からやるという大役を任していただけました。 ■ 「在宅でライターの仕事をするサイト｜nanapiワークス」 をリリースしました nanapiワークスとは、nanapiに配信される記事を書き、採用されるとポイントが付与されるサービスです。（ポイントは現金とか商
イメージツールバーを表示させない
Internet Explorer 6では一定以上のサイズの画像の上にマウスカーソルを持っていくと、が表示されます。これを表示させなくするための方法を紹介しましょう。 ユーザー側での対処法 Internet Explorer上部のメニューから変更が可能です。ツール⇒インターネット オプション⇒詳細設定タブ⇒（かなり下のほうの）マルチメディア⇒イメージツールバーを有効にするのチェックを解除しましょう。これで表示されなくなります。 サイト運営側でのやり方 イメージツールバーを表示させたくないページで、HTML文書のHEAD要素内にMETA要素で以下のように記述を加えておきます。 <meta http-equiv="imagetoolbar" content="no"> Internet Explorerは表示するページにこの記述があると、イメージツールバーを表示しないようになります。分割してイ
ページ内スクロールエリアの是非 | Accessible & Usable
公開日 : 2010年8月4日 (2011年7月16日 更新) カテゴリー : ユーザビリティ / アクセシビリティ 今回の話題で採り上げる「ページ内スクロールエリア」とは、ブラウザの機能として標準装備されているスクロールバーとは別に、Webページの中で表示されるスクロール領域を意味します。下図のようなイメージです。 このようなスクロールエリアを用いると、情報をコンパクトに配置することができます。エリア内のすべての情報を見るにはスクロール操作が要るので、メニュー表示のように一覧性が求められる情報には適しませんが、たとえば、下図のような例を見かけたことがあるのではないでしょうか。 ページ内スクロールエリアは表示面積が限られるので、当該エリアの外側部分も含めて、ページ全体を見渡しやすくできるというメリットがあります。その一方で、ページ内スクロールエリアには、ユーザビリティやアクセシビリティの問
スクロール時に画像の読み込みを開始するAjax Lazyload : 4GALAXYのメモ
67 20 09 2007 スクロール時に画像の読み込みを開始するAjax Lazyload jQuery, Ajax jQueryプラグインLazyloadの解説・設置方法、画像大量表示している場合サーバー負担軽減につながります。 ブラウザ画面に表示された時に読み込みを開始するので、無駄なトラフィックを防ぐ事が出来ます。 大量に画像を表示しているホームページなんかでは有効なプラグインですね。 jquery.js - ダウンロードページ かならず必要ですのでダウンロードして下さい コード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="t
FlashとjQuery どちらで実装するか決める際の重要なファクター
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ
[CSS]IEのhasLayout関連のバグと解決方法をまとめたサイト -hasLayout.net
IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。 hasLayoutについては、以前のエントリで紹介しているので参照ください。 IEでのCSSのバグを回避するhasLayout hasLayout.net バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。 IEのCSS Bugs一覧表の一部 また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。 CSS Tutorial 例えば、下記のようにIEでクリックした際に生じる点線は、他の箇所をクリックしないと消えないため、クリック後しばらくして消したり、元から表示させない方法などが紹介されています。 クリック時に生じる点線の処理方法
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
[CSS]Safariで見かける角丸のにじみを解消するスタイルシート
siamneeconti's bookmarks on del.icio.us
サイトの問題点を知る方法｜Webjobs
card.ly » Home
デジアナコミュニケーションズ株式会社
SEOモード
ストックフォトグラフィー:ロイヤリティフリーの画像＆写真を検索
登録数は70,000以上、商用でも無料のフォントをまとめたサイト -FontPark | コリス