mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab) - Google Project Hosting タッチ端末で使える日付ピッカーUI実装jQueryプラグイン「mobiscroll」 次のようなタッチ端末に最適な日付ピッカーを実装することができます。通常のselectボックスでもOS標準のUIが出てきたりしますが、こちらのほうが利便性が高そうです。 スマートフォン用のUI部分に使っても良さそうです。 すでに色々ありますが、今後もスマフォ用のUIパーツセットがどんどんと出てきそうですね。 関連エントリ スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom to
[レベル:中〜上級] ※長い記事になりますが、ものすごく重要な仕組みなので確実に理解してほしい内容です。 ひと続きのコンテンツを複数のページに分割する“Pagination”(ページネーション)によって起こる可能性がある、重複コンテンツ問題に対処するために、rel=“next”要素とrel=“prev”要素のサポートをGoogleが開始しました。 「ページネーション」は、いわゆる「ページ送り」のことです。 一連の長い記事を複数のページに分けたり、多数のカテゴリがある時にいくつかのまとまりに分けたりするときによく使われます。 ページネーションを利用していた場合、rel=”canonical”タグを使って2ページ目より後のページを1ページ目に正規化することをGoogleは推奨していません。 上は僕がセミナーで使ったスライドの一部分です。 詳しいことはブログでも説明しています。 ページネーション
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 昨日の記事に書いたように、Facebookアプリ/ページでSSLを使うことが義務付けられます。 そこで、こちらでもSSLを導入してみました。 1.SSLサーバ証明書の入手 まず、SSL化を行うために、SSLサーバ証明書を入手しました。 ただ、ちゃんとしたSSLサーバー証明書は高価で、取得するのに手間もかかりますので、今回はRapid SSLでSSLサーバ証明書を購入しました。 RapidSSLのサイトは英語ですが、申込みのページは日本語で表示されたので、特に難しい点はありませんでした。 なお、申し込みの前に、サーバのCSRファイルをあらかじめ作っておくことが必要です。 申込みの
Textures, having been identified as versatile when it comes to its usage in Web Design has captured many artists and have been widely used. With its variety, the visual interest it adds to your design becomes achievable enough. These have been used commonly yet with the artistic ways of creating something new out of many, leads to a masterpiece. May they be just accents to your design or for its e
Psd Soft Carbon Text Effect [ad#ad-2] エフェクトはレイヤースタイルでセットされており、テキストを変更することで簡単にカーボンのエフェクトを与えることができます。
FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。 [ad#ad-2] FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src="img2.jpg" style="margin-left: 0px;" /></div> <div><img src="img2.jpg" style="margin-left: -250px;" /></div> <div><img src="img3.jpg" style="margin-le
ミニサイズのピクセルフォントがダウンロードできるサイトを紹介します。 Fonts | p.yusukekamiyamane 個人・商用無料利用可。 Free Fonts by Cal Henderso
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 1.サンプル 次のようなPCサイト用のページがあります。この場合、Movable Typeでページを出力しています。ページで使っている記事内の画像サイズは幅470pxです。 このページをスマホサイト向けに別のページを作り、画像サイズを縮小して表示します。画像サイズは幅280pxに縮小しています。 2.カスタマイズ サイズを変更するには、下記のスクリプトをページ内にあるhead終了タグの直前に追加します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('img').each(functio
2011年9月15日2016年3月20日 Google様はやっぱり質の良いコンテンツが好きなようだ。。。 Google様に嫌われる もう半年以上も3ワードのうち2つが圏外に吹っ飛んでいました。 原因は下図のように質の悪い用語集(オリジナルコンテンツの割合が限りなく少ない)が、 原因だろうと目星をつけていました。 ちなみにオリジナルコンテンツが約5%、共通コンテンツが約95%占めていました。 しかし、クライアントが修正に応じてくれず、 いつの間にか1か月すぎ、2か月過ぎ。。。とやってるうちに 6か月過ぎてしまいました。 まぁ、その用語集が数千ページにも及んでいたので仕方がないですが。 対策 そこで、提案したのが正規化タグの設置です。 下図のように用語集のトップページに対して正規化タグ(rel=”canonical”)を設置してもらいました。 順位上昇 その結果、約一か月後にインデックス数が2
「フラットなボタンのライセンスフリーな日本向けソーシャルアイコンセットを作りましたので配布いたします」ということで、「バニデザノート」からアイコンがダウンロード可能となっています。 バニデザノート - フラットなフリーの日本向けソーシャルアイコンセットを作りました。 http://vanidesign.blog.fc2.com/blog-entry-7.html 中には全部で12種類のアイコンが以下のようにPNG形式、35×35のサイズで入っています。 evernote.png fb.png flickr.png gplus.png gree.png hatena.png instapaper.png love.png mixi.png rss.png tumblr.png twitter.png なお、このアイコンセットはGPLライセンスで配布されており、「商用、個人とも無料でお使いいた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く