JavaScriptでユニークな文字列をさくっと生成する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Block Reveal Effects | Codrops
Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers some content underneath. Today we’d like to share a couple of ideas for a kind of block reveal effect that has been used in some designs recently. The main idea is to reveal content in a schematic box look. T
Viewing Augmented Reality Assets in Safari for iOS | WebKit
Safari on iOS 12 supports viewing 3D models and allows you to see them in Augmented Reality (AR). Supported assets use the Universal Scene Description format, or USDZ, developed by Pixar. Apple has made a gallery of examples for you to play with. This post will tell you how to author Web content to reference USDZ files so your users can experience AR. Serving USDZ content For Safari to recognize A
particles.js - A lightweight JavaScript library for creating particles
particles.js is a lightweight JavaScript library for creating particles.
Barba.js
Create badass, fluid and smooth transition between your website's pages. barba.js is a small (4.4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages. It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user's web experience. This production-ready version is n
[JavaScript] クラス＆モジュールの安全な書き方 - Qiita
【追記】 記事末尾のコメントで指摘されているように、当記事の手法は、メモリ消費や処理速度においては不利な面がありますのでご注意ください。また、次期JavaScript（ES6）では正式に class が導入されます。 JavaScriptのクラスについては色々なサイトで解説されていますが、内部でthisやprototypeを使用している形では、次のような危険性があります。 thisが外部と共有されるため、thisが自身のインスタンスではなくなることがある（特にメソッド内で外部系からのコールバックを使用している場合） prototypeを使ったメソッドがクラス内のローカル変数を参照している場合、その変数はインスタンス間で共有されるため、想定外の値になることがある（クロージャ効果） 以下、安全な書き方についてまとめてみました。 例）Itemクラス // Itemクラス var Item = f
![[JavaScript] クラス＆モジュールの安全な書き方 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/027b86c263d4d3ea6cca501f7c78e410e3c4b296/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzY3NTElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODcxODc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YmExNTY3ZTlkNmFiZGJhZGRmZTNkMzExNzczMDY5ODU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D99fc2c9611a89cd3b6973298de710c6e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFMyU4MiVBRiVFMyU4MyVBOSVFMyU4MiVCOSVFRiVCQyU4NiVFMyU4MyVBMiVFMyU4MiVCOCVFMyU4MyVBNSVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MSVBRSVFNSVBRSU4OSVFNSU4NSVBOCVFMyU4MSVBQSVFNiU5QiVCOCVFMyU4MSU4RCVFNiU5NiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTE2NDNmYjY3YzcwNmIxYThmOTYzOTIyZGMzZThlMDll%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5YXN1bW9kZXYmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz01MGJiMTA5NzhjNmVmMGUzMDhjZDk3M2Y2YWI4MGVjNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6d059b0fd255011f3ef247fbb3f766ff)
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
CSSだけでつくるメニュー集めました | 楽天ティップスRakutenTips
パーツをストックしておくと後で引き出して使えるので便利ですよね。悩んだら既存のパーツを使って作業効率を上げていきましょ♪ Pure CSS Transition Effects For Off-Canvas Views
Pure CSS transition effects for off-canvas views
Pure CSS transition effects for off-canvas views You have probably all seen the "drawer menu/off-canvas" navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required. Demo Download v1.0.2 Documentation
かっこよすぎる！JavaScriptで、画像に多く使われている色を背景色に設定しよう！サンプルコード付き - Qiita
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <style type="text/css"> body { background-color: #999999; } .sampleContents { width: 100%; height: 600px; background-color: #fff; } </style> </head> <body> <div class="sampleContents adaptive-target"> <img src="https://qiita-image-store.s3.amazonaws.com/0/83231/c60f3d3c-4e6c-fc3c-8b99-a9724408fff3.png" class="sampleImage" data-adaptive
rakuten-tips.com
rakuten-tips.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CLNDR.js
Here's The Deal CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn't generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within it. CLNDR is free of opinions about markup and style: it is the high-speed chassis on which you build the vehicle of your dreams. For a little backstory and a
【JavaScript】配列をシャッフルして要素をランダムに入れ替える方法 - Web.fla
JavaScriptで配列をシャッフルしてその要素をランダムに表示させるにはどうしたらいいのか調べてみた。 するとJavaScriptでは割と有名なシャッフルするアルゴリズムがあるようなので調べたところ「配列を拡張してみた。Array.shuffle() Array.clone() – JavaScript」というサイトで見つかりました。 アルゴリズムの難しい話は置いておいて、今回はこのアルゴリズムを利用して、配列をシャッフルした後にjQueryも使ってランダムに表示させていたいと思います。 Array自体をprototypeで拡張する まぁそのまんまjavascriptのarray要素自体をprototypeで拡張させます。Fisher–Yatesアルゴリズムらしいです。 拡張したshuffleメソッドは普通のpush()のように使えます。 //シャッフルのアルゴリズム prototyp
Prism
Download Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Openbase: discover the best open-source packages
jQuery Steps
MixItUp | KunkaLabs
GitHub - davidjbradshaw/iframe-resizer: Keep iFrames sized to their content.
The Box
