[B! 3D][jquery] daabtkのブックマーク

daabtk id:daabtk

3Dとjqueryに関するdaabtkのブックマーク (8)

2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。デモページ Choreographer-js ﹁choreographer﹂は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
daabtk 2016/12/15
3Dアニメーション

3D

anime

2D

javascript

あとで読む

jQuery

まとめ

ライブラリ

css
リンク
Redirecting
daabtk 2016/05/13
css

jQuery

css3

3D

jquery
リンク
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
daabtk 2015/05/04
3D

jquery

webgl

jThree

javascript

threeJs

MikuMikuDance

library

mmd

three.js
リンク
[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper
iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK！ Swiper Swiper -GitHub Swiperの特徴 Swiperのデモ Swiperの使い方 Swiperの特徴ライブラリに依存しない Swiperは他のスクリプトのライブラリに依存せず、軽量で速く動作するスクリプトです。 jQuery, Zetro, jQuery Mibileなどの他のライブラリと一緒に使う時も安全です。タッチの動きをそのままデフォルトの設定でタッチの動きを「1:1」でインタラクションとして提供できます。豊富なオプションページネーション・ナビゲーションボタン・パララックスエフェクトなど
daabtk 2015/03/02
flexbox

jQuery

3D

Android

javascript

jQuery

スライダー

スライド

スマートフォン

スクリプト
リンク
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。アートワークにはアニメーションgifも多いのですが、ページサイズが大変なことになるため最初の一つだけです、アニメーションはリンク先で。
daabtk 2014/07/03
gif

concept

3D

apple

design

デザイン

webデザイン

UI

jQuery

web
リンク
解析嫌いなあなたを震わす！簡単&便利なMixpanelを使おう！ | cherry-pick BLOG | 株式会社cherry-pick
こんにちは、金濱です。突然ですが、サイトの解析&改善は好きですか？結構苦手な人って多いんじゃないでしょうか。（私もその一人です。）そんな人でも解析したくて、解析したくて震えてしまうツール、Mixpanelをご紹介します。サイトの効果測定にはほとんどの方がGoogle Analyticsを使っていることと思います。 Google Analytics（以下GA）ではサイトの全体像は見えるけど、なかなか個々のユーザーの行動って見えにくいですよね？最近注目を集めているインバウンドマーケティングでは個々のユーザーの必要に応じたコンテンツを見せることが求められる為、解析もサイトの全体像をとらえるだけでは足りません。 Mixpanelはユーザーの行動に焦点を当ており、詳細なセグメント分析ができるという強みがあります。そして何よりこのシンプルなUIは直感的に使うことができます。 Mixpane
daabtk 2014/04/29
CMS

あとで読む

jquery

Webマーケティング

3D

development

*あとで

mixpanel

アクセス解析

解析ツール
リンク
【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方
こんばんは、企画の林です。今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3でのアニメーション処理についてお話します。 iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。 ※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。 iPad 上のブラウザで、ネイティブアプリのように滑らかにのアニメーションさせるためには jQuery.animate() を使ってはいけません。 CSS3の transf orm:translate3d を使って GPU 上で処理させる必要があります。︵jQuery.animate() 関数はお話にならないくらいカクカクした動きになってしまいます。︶上下左右どの動きも transf orm:transla
daabtk 2013/02/26
jQuery

jquery

3D

iPad

css

アニメーション

css3

javascript

iOS

development
リンク
スマホでアニメーションするときはcss3の「translate3d」を使おう
Posted: 2011.09.16 / Category: javascript / Tag: CSS3, jQuery, アニメーションスマートフォン向けのサイトでアニメーションさせたいとき、PCサイトのようにjQueryのanimateを使ってしまうと動きがガタガタになってしまい。これがWebアプリの限界なのかー。って叫びそうになりますが、そんなときはcss3の﹁translate3d﹂を使えば滑らかに動きますよ。 jQueryのアニメーションたとえばある要素をクリックしたときスライドするアニメーションをjQueryで書くとこんな感じですね。 javascript $('#rect').click(function(){ $(this).stop().animate({'marginLeft' : '300px'}, 300); }); css3のアニメーション同じことをcss
daabtk 2013/02/25
3D

アニメーション

css

css3

this

jquery

JavaScript

スマートフォン

mobile

*web制作
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx