タグ

2015年12月31日のブックマーク (5件)

  • http://www.hp-stylelink.com/news/2013/11/20131122.php

    http://www.hp-stylelink.com/news/2013/11/20131122.php
  • jQueryのセレクタメモ - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    jQueryのセレクタメモ - Qiita
  • いろんなセレクタ指定方法+α

    ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは?」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基編 セレクタ1) +αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい!」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど!」となるはず。。。ご利用ください。 jQuery セレ

  • レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」 – bl6.jp

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した軽量のLightbox風の機能を実装することができます。jQueryの他にZeptoにも対応しているとのこと。実際のデモはとてもシンプルなデザインで、モバイルフレンドリーになっているところがいいですね。 [ads_center] Reboxの使い方 Rebox 使い方もすごくシンプルですね。以下は画像単体での場合です。画像を閉じる場合は画面右上にあるバツ印でクローズできます。 $('#sample a').rebox(); 複数の画像をギャラリーとしてグループ化させたい場合には、オプションのselectorを設定する必要があります。 $('#sample').rebox({ selector: 'a' }); オプションは他にも、prev・nextの設定、 loading、speedなど色々と用意されています。 レスポン

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」 – bl6.jp
  • 6つの簡単なステップで改善するアイコンデザイン | POSTD

    私がIconfinderに投稿されたアイコンを検討する時には、デザイナーと顧客に対して、サイトで提供する全てのプレミアムアイコンが最高の品質であるようにする責任を負っています。ですが、「あまり良くない出来」と「プレミアムの出来」の違いはわずかである場合も多く、大体は最小限の変更で済むような差です。この記事では、私のデザインガイドラインを「 アイコンデザインを改善するための6つの簡単なステップ 」としてまとめてみました。これらのステップは適切なアイコンデザインの基礎を示していますが、独断的なルール集ではなくガイドとお考えください。聡明なデザイナーは、どんな状況であれば最大の効果を得るためにこのルールを破ってもよいか、判断できるのです。 以下でご紹介する見の画像では、Kem BardlyというIconfinderユーザが最近投稿した犬(正確にはコーギー)のアイコンを改訂していきます。このアイ

    6つの簡単なステップで改善するアイコンデザイン | POSTD