タグ

2013年4月23日のブックマーク (4件)

  • jarallax.jsの使い方解説

    こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 (注:スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。) jarallax.jsとは? パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら: http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea

    jarallax.jsの使い方解説
  • CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog

    以前日人初のDribbberである貫井さんにお話を伺った際に、貫井さんはデザインをする上で「気持ちいい」ということを大切にしていると話していました。UIが良いとされるAppleのWebサイトのボタンなどは細部まで美しく、触った時に「気持ちいいな」と感じます。 そこで今回はWeb用のコードスニペットの配布サイトCODEPENから、CSS3で書かれた「気持ちいい」と感じるUIパーツを集めてみました! http://codepen.io/minustalent/pen/GzuCa ゴムでできたようなボタンです。押すともにゅってへこみます。 http://codepen.io/Dyki01/pen/BeKyp でっぱっている文字をマウスオンすると文字がスッと引っ込みます。 http://codepen.io/diegopardo/pen/dGlfC これはボタンでなくただのテキストなのですが、L

    CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog
  • selectボックスをリッチかつクールにできるjQueryプラグイン「jAutochecklist」:phpspot開発日誌

    selectボックスをリッチかつクールにできるjQueryプラグイン「jAutochecklist」 2013年04月23日- jAutochecklist selectボックスをリッチかつクールにできるjQueryプラグイン「jAutochecklist」 selectボックスをカスタマイズするものは多くありますが、今回は独特。 クリックすると、オートコンプリート機能がつきつつ、リスト要素はHTMLでリッチに、選択すると吹き出しに要素が追加されていくマルチ選択が可能。 単にGoogle,Yahooと書いているよりも直感的に分かっていい感じですね 関連エントリ パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 レスポンシブな画像ギャラリーが作成できるjQueryプラグイン Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Su

  • 攻略! ツール・ド・プログラミング (34) バーコードの読み書きをサポートするJava/Android用ライブラリ「ZXing」 | エンタープライズ | マイナビニュース

    ZXingとは ZXing(「ゼブラ・クロッシング」と読む)は、1次元および2次元バーコードのエンコードやデコードををサポートするJavaライブラリである。商品用バーコードやQRコードをはじめとするさまざまな規格に対応しており、バーコード内に埋め込まれた情報を読み取ったり、任意の情報を埋め込んだバーコードを生成したりすることが可能となる。稿執筆時点の最新版はZXing 1.6であり、次のバーコード規格に対応している。 UPC-AおよびUPC-E EAN-8およびEAN-13 CODE39 CODE93 CODE128 QRコード ITFコード CODABAR(NW7) RSS-14(GS1 DataBar) Data matrix PDF417 ZXingはもともとスマートフォン付属のカメラなどで撮影したバーコード画像を処理する目的で開発されたライブラリであり、Java SEのほかにAn