サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
ama-ch
id:ama-ch
●
6,954
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
jQuery
(13)
●
1on1
(3)
●
1password
(3)
●
3D
(3)
●
API
(24)
●
AddyOsmani
(19)
●
Adobe
(3)
●
Ajax
(7)
●
Autoprefixer
(8)
●
BDD
(3)
●
Bacon.js
(3)
●
Blink
(14)
●
BusterJS
(6)
●
CDN
(3)
●
CI(51)
●
CORS
(5)
●
CSS3
(46)
●
Chrome
(85)
●
CommonJS
(7)
●
DART
(11)
●
DOM
(10)
●
Dropbox
(5)
●
ECMAScript 5
(4)
●
ECMAScript6
(5)
●
ES.next
(4)
●
ES6
(65)
●
Edge
(3)
●
Electron
(4)
●
Emacs
(13)
●
Facebook
(11)
●
FluentConf
(8)
●
GitHub Pages
(5)
●
IDE
(4)
●
IE(68)
●
IIJmio
(9)
●
IntelliJ IDEA
(25)
●
Internet Explorer
(17)
●
JSX
(15)
●
Java8
(3)
●
JetBrains
(4)
●
JsTestDriver
(3)
●
MVNO
(5)
●
Mercurial
(7)
●
Mob Programming
(10)
●
Mocha
(12)
●
Modernizr
(6)
●
MongoDB
(4)
●
OOCSS
(7)
●
OS X
(3)
●
OSS
(3)
●
Observer
(3)
●
Paul Irish
(5)
●
Polymer
(11)
●
Puppet
(3)
●
Python
(19)
●
REST
(3)
●
Redux
(8)
●
Relay
(4)
●
RequireJS
(14)
●
SCSS
(37)
●
SMACSS
(6)
●
SPA
(6)
●
Safari
(17)
●
ServiceWorker
(6)
●
Sinon.js
(9)
●
TDD
(93)
●
Testacular
(5)
●
Tools
(7)
●
Vue.js
(6)
●
W3C
(8)
●
WAI-ARIA
(5)
●
Web Workers
(8)
●
WebComponents
(17)
●
WebStorm
(29)
●
YUI
(18)
●
a11y
(3)
●
accessibility
(12)
●
advent calendar
(3)
●
agile
(88)
●
altjs
(4)
●
amd
(10)
●
analytics
(5)
●
analyze
(3)
●
android
(21)
●
angularjs
(108)
●
animation
(20)
●
ansible
(4)
●
app
(5)
●
apple
(9)
●
architecture
(45)
●
asm.js
(9)
●
assert
(5)
●
ast
(15)
●
async
(24)
●
atlassian
(6)
●
atom
(9)
●
automation
(3)
●
babel
(6)
●
backbone.js
(82)
●
bash
(5)
●
bem
(7)
●
benchmark
(5)
●
binary
(4)
●
bitbucket
(3)
●
blog
(3)
●
boilerplate
(12)
●
book
(115)
●
bootstrap
(16)
●
bower
(9)
●
browser
(44)
●
browserify
(28)
●
bug
(20)
●
build
(14)
●
business
(10)
●
buster.js
(3)
●
canvas
(15)
●
casperjs
(3)
●
chai
(3)
●
chart
(11)
●
chat
(3)
●
cheat sheet
(4)
●
chef
(10)
●
chrome developer tools
(13)
●
chrome extension
(5)
●
chromium
(16)
●
cli
(12)
●
closure
(51)
●
closure compiler
(79)
●
closure library
(55)
●
closure linter
(13)
●
closure templates
(6)
●
closure tools
(6)
●
code review
(3)
●
coffeescript
(24)
●
color
(4)
●
communication
(5)
●
compass
(59)
●
compatibility
(3)
●
completion
(3)
●
component
(8)
●
console
(7)
●
contenteditable
(3)
●
cookie
(4)
●
cookpad
(7)
●
coverage
(11)
●
cross2014
(5)
●
csp
(6)
●
csrf
(4)
●
css
(302)
●
css sprite
(3)
●
csscomb
(5)
●
cssnext
(3)
●
cybozu
(84)
●
database
(3)
●
ddd
(6)
●
debug
(77)
●
defer
(3)
●
deferred
(16)
●
dependencies
(3)
●
design
(53)
●
design pattern
(10)
●
development
(75)
●
devops
(21)
●
devsumi
(5)
●
devsumi2012
(3)
●
devtools
(59)
●
di(16)
●
dialog
(3)
●
diff
(11)
●
docker
(17)
●
doctest
(3)
●
document
(43)
●
documentation
(5)
●
dojo
(5)
●
drone
(3)
●
ebook
(10)
●
eclipse
(5)
●
ecmascript
(40)
●
editor
(15)
●
education
(4)
●
effect
(7)
●
ember.js
(17)
●
emoji
(3)
●
encoding
(5)
●
enterprise
(7)
●
error
(6)
●
escape
(4)
●
eslint
(56)
●
esprima
(16)
●
event
(34)
●
expect.js
(3)
●
express
(4)
●
extension
(25)
●
fastclick
(4)
●
fetch
(4)
●
firebug
(7)
●
firefox
(78)
●
fixclosure
(3)
●
flash
(7)
●
flexbox
(6)
●
flip
(4)
●
flow
(9)
●
flowtype
(3)
●
flux
(47)
●
font
(14)
●
form
(10)
●
framework
(37)
●
frontend
(12)
●
fullscreen
(3)
●
gadget
(3)
●
gdb
(4)
●
gem
(6)
●
generator
(7)
●
ghq
(3)
●
gif
(3)
●
git
(108)
●
git-flow
(3)
●
github
(107)
●
gitignore
(5)
●
gmail
(3)
●
golang
(4)
●
google
(32)
●
google+
(3)
●
growl
(3)
●
grunt
(94)
●
guideline
(4)
●
gulp
(32)
●
headless
(6)
●
hg(6)
●
hipchat
(3)
●
history
(7)
●
homebrew
(7)
●
hook
(4)
●
html
(32)
●
html5
(93)
●
http
(8)
●
http2
(4)
●
i18n
(9)
●
iOS
(32)
●
iOS5
(3)
●
iOS7
(4)
●
iPad
(4)
●
icon
(3)
●
ie10
(21)
●
ie11
(12)
●
image
(16)
●
import
(3)
●
io.js
(10)
●
iphone
(18)
●
jQuery
(72)
●
jQuery Mobile
(7)
●
jasmine
(14)
●
java
(33)
●
javascript
(724)
●
jenkins
(18)
●
jsdoc
(15)
●
jsfiddle
(4)
●
jshint
(29)
●
jslint
(4)
●
json
(10)
●
junit
(8)
●
kaizen
(11)
●
kanban
(12)
●
karma
(26)
●
keyboard
(3)
●
kindle
(7)
●
kintone
(98)
●
knockout.js
(3)
●
koa
(3)
●
kpt
(8)
●
language
(6)
●
layout
(9)
●
lean
(13)
●
less
(31)
●
library
(56)
●
libsass
(5)
●
life
(12)
●
lint
(19)
●
localStorage
(12)
●
lodash
(3)
●
log
(8)
●
mac
(28)
●
management
(30)
●
marionette.js
(4)
●
markdown
(29)
●
maven
(6)
●
mechanize
(5)
●
mediaqueries
(6)
●
meetup
(4)
●
memory
(7)
●
memory leak
(14)
●
merge
(3)
●
meteor.js
(3)
●
metrics
(6)
●
microservice
(4)
●
microservices
(3)
●
microsoft
(6)
●
microsoft edge
(3)
●
minify
(5)
●
mixi
(3)
●
mixin
(3)
●
mobile
(91)
●
mock
(5)
●
module
(25)
●
mozilla
(16)
●
mustache
(3)
●
mvc
(69)
●
mysql
(6)
●
nasne
(3)
●
network
(6)
●
node
(4)
●
node-webkit
(4)
●
node.js
(142)
●
nodebrew
(3)
●
normalize.css
(10)
●
npm
(62)
●
o'reilly
(4)
●
oh-my-zsh
(7)
●
opera
(8)
●
optimization
(6)
●
oreilly
(6)
●
parallax
(4)
●
password
(4)
●
pattern
(5)
●
pdf
(8)
●
peco
(11)
●
performance
(142)
●
phantomjs
(31)
●
php
(4)
●
pjax
(3)
●
plovr
(8)
●
plugin
(14)
●
pm(19)
●
pmjp
(3)
●
podcast
(3)
●
polyfill
(8)
●
postcss
(6)
●
power-assert
(24)
●
preprocessor
(4)
●
presentation
(15)
●
programming
(25)
●
promise
(52)
●
protractor
(8)
●
proxy
(11)
●
pseudo-elements
(3)
●
python challenge
(6)
●
qa(7)
●
qiita
(3)
●
rails
(7)
●
react
(171)
●
refactoring
(13)
●
reference
(8)
●
reflow
(6)
●
regexp
(3)
●
remote
(4)
●
reporter
(3)
●
require
(7)
●
require.js
(3)
●
responsive
(11)
●
retina
(5)
●
retrospective
(4)
●
review
(7)
●
rspec
(3)
●
rss
(3)
●
ruby
(19)
●
sass
(162)
●
sass 3.2
(11)
●
sass 3.3
(5)
●
screen
(4)
●
scroll
(6)
●
scrum
(79)
●
scss-lint
(6)
●
security
(111)
●
selector
(4)
●
selenium
(27)
●
sencha
(5)
●
seo
(5)
●
server
(5)
●
service
(9)
●
setImmediate
(3)
●
shadowdom
(3)
●
shell
(13)
●
shellscript
(3)
●
shibuya.xss
(4)
●
slide
(420)
●
slideshare
(3)
●
smartphone
(4)
●
socket.io
(7)
●
sourcemap
(19)
●
spdy
(4)
●
spec
(5)
●
spine.js
(3)
●
srcset
(3)
●
static analysis
(23)
●
storage
(4)
●
storybook
(3)
●
stream
(4)
●
stream api
(3)
●
study
(3)
●
style guide
(4)
●
styleguide
(20)
●
stylus
(5)
●
sublimetext2
(14)
●
subversion
(3)
●
svg
(5)
●
svn
(4)
●
team
(17)
●
teamwork
(3)
●
technical debt
(10)
●
template
(14)
●
teppeis
(10)
●
terminal
(6)
●
test
(221)
●
testem
(3)
●
testing
(23)
●
tips
(34)
●
todomvc
(3)
●
tool
(43)
●
touch
(5)
●
trello
(4)
●
tutorial
(26)
●
twitter
(13)
●
typescript
(43)
●
ubuntu
(7)
●
ui(15)
●
underscore.js
(7)
●
unicode
(4)
●
unix
(5)
●
usability
(6)
●
ux(5)
●
v8
(18)
●
vagrant
(10)
●
version
(5)
●
viewport
(6)
●
virtualdom
(9)
●
web
(17)
●
webdbpress
(8)
●
webkit
(38)
●
webpack
(7)
●
webservice
(27)
●
websocket
(8)
●
webデザイン
(5)
●
work
(16)
●
workflow
(4)
●
writing
(17)
●
xhr
(6)
●
xss
(45)
●
yahoo
(4)
●
yarn
(4)
●
yeoman
(12)
●
zsh
(33)
●
はてな
(5)
●
まとめ
(9)
●
サイボウズ
(35)
●
スマートフォン
(5)
●
スライド
(5)
●
セキュリティ
(8)
●
テスト駆動開発
(8)
●
デザイン
(5)
●
デザインスプリント
(4)
●
パララックス
(6)
●
ペアプロ
(6)
●
仕事
(10)
●
技術的負債
(4)
●
教育
(7)
●
開発
(8)
●
javascript
(724)
●
slide
(420)
●
css
(302)
●
test
(221)
●
react
(171)
●
sass
(162)
●
node.js
(142)
●
performance
(142)
●
book
(115)
●
security
(111)
関連タグで絞り込む (5)
●
effect
●
html
●
library
●
react
●
slide
タグの絞り込みを解除
dialogに関するama-chのブックマーク (3)
●
13 users
●
github.com/yuanyan
●テクノロジー
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ama-ch
2015/06/22
●react
●library
●dialog
●
27 users
●
geckotang.github.io
●テクノロジー
dialog要素と、そのAPIについて
ama-ch
2014/08/20
●dialog
●html
●slide
●
32 users
●
kachibito.net
●テクノロジー
モーダルウィンドウを表示する際に 遠近感を加えて分かりやすくする、 というコンセプトの元、作られた スクリプト・Avgrundのご紹介です。 思いつきませんでしたが、結構いい ですね、これ。 遠近感のあるモーダルウィンドウを実装する非依存型のスクリプトです。これはいいエフェクト。説明するより見たほうが早そうですね。 Sample以下動作サンプル。ボタンを押せばモーダルウィンドウが表示されます。 確認出来ましたでしょうか。 コード<script type="text/javascript" src="avgrund.js"></script>avgrund.jsを読み込む。あとはマークアップです。 <button onclick="avgrund.activate();">クリック！</button>avgrund.activate()をclickさせればイベントが発火します。 <aside
ama-ch
2012/08/27
●effect
●dialog
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
GitHub - yuanyan/boron: A collection of dialog animations with React.js
ご存じですか、dialog要素
モーダルウィンドウを表示する際に遠近感を付けるスクリプト・Avgrund