jQuery：重複しているリストを削除した上で、アルファベット順に並び替えるには？ - 以下のようなHTMLがあるとします。<ulid="... - Yahoo!知恵袋
jQuery：重複しているリストを削除した上で、アルファベット順に並び替えるには？ 以下のようなHTMLがあるとします。 <ul id="HotelNameListUp"> <li><a href="linkB">Hotel B</a></li> <li><a href="linkA">Hotel A</a></li> <li><a href="linkD">Hotel D</a></li> <li><a href="linkB">Hotel B</a></li> <li><a href="linkC">Hotel C</a></li> <li><a href="linkD">Hotel D</a></li> </ul> このHTMLから重複しているリストを削除し、さらにアルファベット順に並べなおし、以下のように並び替えたいのです。 <ul id="HotelNameListUp"> <l
jQueryでajax()の重複実行を回避する方法
jQueryでajax()の重複実行を回避する方法を紹介します。 １．問題点 次のような、ajax()メソッドを使って「http://user-domain/foo.cgi」にアクセスし、実行結果を取得するコードがあります。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $('#execute').click(function(){ $.ajax({ url: "http://user-domain/foo.cgi", type: "GET", dataType: 'html', }) .done(function( data ) { $('#foo').html(data); }) .fail(function(
background-blend-mode プロパティで背景をブレンドしてみよう
CSS Property Advent Calendar 2013、6日目の記事です。「CSS のプロパティに関することだったら何でも OK です」 とのことでしたが、広く使われているプロパティについて今さら書いても仕方ないし、多分他の人とかぶるしってことで、最近になってブラウザが対応したあまり一般的じゃないプロパティを選択してみました。 それが今回取り上げる、background-blend-mode プロパティです。 Compositing and Blending Level 1 W3C Last Call Working Draft 10 October 2013 3.4.3. The 'background-blend-mode' property ： Compositing and Blending Level 1 background-blend-mode プロパティとは？
Googleウェブマスターツールで「タイトルタグの重複」を減らす方法
Googleウェブマスターツールで「タイトルタグの重複」や「重複するメタデータ」の件数を減らす方法を紹介します。 １．問題点 当ブログで、Googleウェブマスターツールの「検索のデザイン」→「HTMLの改善」で「タイトルタグの重複」「重複するメタデータ」がそれぞれ常時200件ほど表示されています（2013年10月）。 「HTMLの改善」の詳細・改善前（クリックで拡大） 「タイトルタグの重複」とは、以下に示すtitle要素の「タイトルの内容」の部分が、複数のページで同じ内容になっていることをさします。 <title>タイトルの内容</title> また、「重複するメタデータ」とは、以下に示すtitle要素のcontent属性に記述する「ページの説明」が複数のページで同じ内容になっていることをさします。 <meta name="description" content="ページの説明" />
重複配列除外方法
既に使ったidを覚えておく場所を用意して、そこにない場合に追加をするとうロジックで良いと思います。 例えばこんな感じ？ function dedupe(&$in) { $used_ids = array(); $out = array(); foreach ($in as $val) { $id = $val['id']; if (!in_array($id, $used_ids)) { array_push($used_ids, $id); array_push($out, $val); } } return $out; } print_r(dedupe($outdata)); PHPの配列は順序付きのマップのような働きをするらしいのでin_arrayで十分効率が良いと予想します。 http://stackoverflow.com/questions/4730745/does- …
画像一枚だけで写真を重ねたようにするチュートリアル | コリス
シンプルなHTMLで画像を配置し、:before, :after疑似要素を使って、写真を重ねたようなエフェクトにするチュートリアルを紹介します。 重ねたエフェクトはホバー時にCSS3アニメーションします。 デモページ ※ホバー時のアニメーションはFirefoxのみです。 実装 HTML HTMLは非常にシンプルです。 ラッパーのdiv要素はWebkit系ブラウザ用で、将来無しでも機能するようになるかもしれません。 <div class="stack"> <img src="image1.jpg" /> </div> [ad#ad-2] CSS スタイルシートは4つのデモのキャプチャと共に、紹介します。 まずは、右端の写真が垂直方向に重なっただけのスタイルシートです。重なりは:before, :afterを使用します。 .stack { position: relative; z-index
Google、ウェブマスターツールに「パラメータ処理」を発展させた「URLパラメータ」を重複コンテンツ解消のために追加
[レベル：上級] ※このブログの記事は難易度が比較的低いものから高いものまでさまざまです。 そこで今週から投稿日の下に（僕が判断した）難易度を記載しています。 この記事のように「上級者向け」については理解できなくても問題ないことが多いですが、ワンランク上のレベルを目指すならしっかり読むといいです。 Googleウェブマスターツールに「URLパラメータ」という機能が追加されました。 正確に言うと、追加というよりは以前からあった「パラメータ処理」機能を改良させたもので、併せて名称を変更しました。 しかし改良と呼べないくらいの大きな機能拡張になっています。 「URLパラメータ」を利用する目的は重複コンテンツの解消です。 検索結果の操作を狙った悪質なものでない限りは、重複コンテンツでペナルティを受けることは通常ありません。 しかし重複コンテンツが多数発生すると、リンクの分散（＝PageRankの分
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
