ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec6f82f34dbed505f117c03f45c664fe13b33248/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F01%2Fcount.gif)
テクスチャをスクロールに合わせて移動させる「displacement maps」のテクニックを使用したスタイルシートをRomán Cortésから紹介します。 Pure CSS Coke Can 「displacement 」は移動、転置、置き換え、といった意味で、CSS1のbackground-attachmentとbackground-positionを利用して、スクロール時に画像の異なる部分を表示させています。 当初はコードの複雑さと巨大さでサイズが肥大化するだろうと思われていましたが、5KB以下のコードで実装できたそうです。 対応ブラウザはIE8, Fx3.5, Op10, Safari4, Chrome3で動作テストをしたとのことです。
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
チェック項目を選択・未選択のエリアにわける 前回はテキストボックスに入力したパスワードを見えるようにする方法をご紹介しました。 今回ご紹介するのは、チェックボックスをもっと視覚的にわかりやすいようにする方法をご紹介します。選択・未選択をそれぞれの表示域にわける方法です。 選択・未選択の表示域を分ける 仕組みを考える 今回は仕組みから考えてみましょう。 選択・未選択エリアに同じ数のリストをそれぞれ用意 最初に表示させるもの以外を非表示に クリックをしたら、その要素は非表示にし、同じリスト位置(○番目)の要素を表示させる 選択エリアに入れる場合は同じ位置(○番目)のチェックボックスをチェック状態に、未選択位置に入れる場合はその逆をチェック状態にする 順を追って見ていくことにしましょう。 まずはHTMLを設定します。選択・未選択部分はリストにし、表示は画像で行うことにします。また、フォームの一部
セレクトボックスの項目にチェックボックスを設置し、複数項目の選択を操作しやすくするスクリプトをerichyndsから紹介します。 jQuery MultiSelect Plugin デモページ デモでは上記のベーシックなタイプをはじめ、Optgroupに対応したもの、スタイルシートでデザインを変更したもの、一括操作ができるものなどがあります。 スクリプトのオプションでは、ヘッダの有無、高さの上限、表示位置、シャドウの有無、フェードのスピードなどが変更できます。 jQuery MultiSelect PluginはjQueryのプラグインのため、実装にはjquery.jsが必要です。
開発者さま向け - はてなアンドロイドアプリケーションのAPIを公開しました 先日リリースいたしました、はてなの Android アプリケーション、はてなフォトライフ for Androidとログインに利用するはてなログイン管理の API (インテント) を公開しました。 この API を利用し Android アプリケーションを作成すると、はてなフォトライフ for Android 経由で写真をアップロードしたり、はてなログイン管理経由でログイン情報を取得することが可能になります。またはてなログイン管理利用ユーザーは、不用意に別のアプリケーションにはてなのパスワードを入力すること無く、はてなログイン管理のみに Android 端末上でのユーザー情報を記録させれば良いため、より便利でセキュアにご利用いただけます。 詳しい API の仕様については、以下のドキュメントを参照ください。 はてな
マイクロアドはデータとテクノロジーをかけ合わせたマーケティングプラットフォームを提供する会社です。「Redesigning the Future Life」という想いを掲げ、広告やコミュニケーションだけではなく、人々の未来の暮らしそのものを再デザインしてまいります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く