「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
ロールオーバー効果付きメニューバーの完成画面。メニューボタンにマウスカーソルが重なると別の画像を表示する。画像がクリックできることをユーザーに視覚的に伝えられるメリットがある(画像クリックでサンプルページを表示します) ロールオーバーの基本的な仕組みを作ろう 最初に、もっとも単純な方法でロールオーバー効果を作成してみましょう。画像(img要素)の上にマウスカーソルが重なると、スクリプトで指定した別の画像に差し替えるロールオーバーです。 メニューバーのHTML/XHTML(以下、HTML)は以下のように記述しています。メニュー部分はul/li要素で作成し、li要素の内側にa要素を、その内側にimg要素を記述しています。li要素の後とその次のli要素の間を<!-- と -->でコメントアウトしているのは、CSSでli要素を横並びにしたときに発生する余分な空白(すき間)を防ぐためです。コメントを
データ分析から導き出されたインサイト無しにAI(人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
web上でよく使う文字として、「〜」があります。たとえば日付の範囲表現(1/1〜1/10)だったり、語尾をのばす表現(お疲れ〜)だったり。 この「〜」ちょっとくせ者で、同じ「~」を入力していても、Winでは「全角チルダ(FF5E)」が表示され、Macでは「波ダッシュ(301C)」が表示されます。 OSによって表示される文字が変わってきます。 要件によっては、アプリケーションを複数連携したり、WinとMacで共同作業したり、UTF-8やShift_JISなどの文字コードを変換するケースも少なくありません。 ふとした原因で文字化けする場合があるので、”波ダッシュ”か”全角チルダ”か統一を意識して、混乱しないように実体参照で記述するといいかもしれません。 波ダッシュ「〜」 〜 (10進表記) 〜 (16進表記) 全角チルダ「~」 ~ (10進表記) ~ (16進表記)
888SLOT > Link Pendaftaran di 888SLOT, Situs Slot Terbaik dengan Peluang Maxwin yang Terpercaya 888SLOT adalah situs pendaftaran yang menyediakan permainan slot teratas, mudah dimenangkan dengan hadiah maksimal (maxwin), dan telah menjadi populer baru-baru ini. 888SLOT telah bekerja sama dengan penyedia slot resmi di seluruh dunia, menjadikannya situs slot yang paling diminati oleh para penggemar
前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは? 「Ajax」(エイジャックス)は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML(以下、特に断りのない場合はHTMLと書きます)ファイルを取得し、取得したHTMLを解釈して描画(レンダリング)します。通常
(前編からの続き) 3.フォーム部品を選択するセレクター jQueryには、フォーム部品を選択する専用のフィルター(セレクターの一種)が多数あります。専用フィルターで選択できる要素は、ほとんどの場合、以前に紹介したjQueryのCSSセレクターでも選択できますが、専用フィルターを使うとより簡単です。 ■フォーム部品を選択する:input :inputは、input要素やtextarea要素、select要素、button要素など、すべてのフォーム部品を選択できるフィルターです。 次のサンプルは、いずれかのフォーム部品がフォーカスされると、フォーカスされた要素の背景色をcss()で変更します。フォーカスが外れると、再びcss()で背景色を元の色(初期値)に戻します。背景色に限らず、CSSを初期値に戻すきには、css("background",""); のように、値を設定せずにプロパティ名だけ
前回まではjQueryの基本的な使い方である、「セレクターで(X)HTML要素を指定し、イベントが発生したタイミングで(X)HTMLやCSSを書き換える」プログラムの書き方を紹介してきました。jQueryにはほかにも、Webページを使いやすくする便利な機能が用意されています。今回からは、これまでに触れていない特別な機能を紹介していきましょう。 第8回は、「問い合わせフォーム」など、商用サイトには欠かせない(X)HTMLフォームをjQueryで制御する方法です。jQueryには、1.フォーム部品の値を取得・変更する命令、2.フォームに関するイベントの処理、2.フォーム部品を選択するセレクター――といったフォーム関連の機能が揃っています。 1.フォーム部品の値を取得・変更する命令 フォームを操作する専用の命令が、val() です。val() を使えば、フォームに入力/選択されている値を取得した
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
3 Quick Steps for a Painless Upgrade to jQuery 1.3 | Learning jQuery ブコメでメモしようとしたら長くなったので CSSセレクタでのXPath式属性指定が廃止された $('[@title=foo]');→$('[title=foo]'); カスタムセレクタの実装をJavaScriptコードの文字列ではなく、関数にしなければならなくなった jQuery.extend(jQuery.expr[':'], {セレクタ名,実装});とやって拡張するのは一緒で、実装の書き方が違う 古いの:"jQuery(a).siblings(m[3]).length>0" 新しいの:function(a,i,m) {return jQuery(a).siblings(m[3]).length>0;} visibility: hiddenになっている
CSS 3のセレクタ「:target」を利用すれば、リンクをタブメニューの形で表示して、1ページ内に記述したコンテンツを切り替えて表示するように指定することが可能だ。HTMLとCSSだけでタブメニューを作成する場合、これまではコンテンツごとにページをわけて作成する必要があったため、1ページで実現できるメリットは大きいと言える。 ここでは、positionプロパティを指定して「テキスト1」から「テキスト5」を同じ位置に重ねて表示している。その上で、リンクをクリックしてターゲットとして表示されたときにだけz-indexプロパティを適用して、手前に表示するように設定した。 div{ position: absolute; top: 17px; left: 20px; } #text1:target{ z-index: 2; } #text2:target{ z-index: 2; } #text
Platform: All Version: 5.0 and Above [*注] ActionScript 3.0にもとづくスクリプトと解説は「配列を偏りなくランダムに並べ替える」をご参照ください。 1. 配列をランダムに並替える '配列をランダムに並替えるユーザー定義関数('function')を考えてみましょう。 // function定義: xShuffleArray // 引数: 配列 // 戻り値: なし function xShuffleArray(l_array) { //[1]'function'定義 var n = l_array.length; //[2]配列の長さを取得 var i = n; while (i--) { //[3]配列エレメントすべてをループ処理 var j = Math.floor(Math.random()*n); //[4]ランダムなイ
いまや日本国内においては90%以上の普及率を誇るという、脅威のデバイス「携帯電話」。 内蔵カメラは若者の文化を変え、GPSは地域社会への貢献すら担い、i-modeから始まったインターネットデバイスとしても、もはやユビキタスの象徴とさえ言えるのではないでしょうか。 今回のエントリーでは、国内の3大携帯キャリアであるdocomo・au・SoftBankに対応する携帯サイトを作成する際に、必ずや役に立つであろう情報をまとめてみました。 携帯サイトって独自の仕様や規制が多いので、なかなか片手間には手を出しにくい感がありますが、作り方に慣れればメッチャ面白い上に、ユニークなアイディアがそのままビジネスチャンスにも繋がるフィールドなので、コレを機に携帯サイトマスターになっちゃえばよかろーもん♪ 総合情報サイト ke-tai.org ケータイサイト開発のためのコミュニティサイト 国内の携帯サイト情報の中
INSTALLATION (Firefox Version >=57 or Chrome) Production version:The webextension is available for Firefox (Version>=57) and Chrome: Development version: You have to download and install the latest version of the extension that is available in GitHub (https://github.com/mgueury/html_validator/). See instruction here. PREVIOUS VERSION (Firefox Version <=56) You have to download the extension 0.974
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く