クリエイティブコーディングã®æ•™ç§‘書
ゲームエンジンや3Dソフトウェアを利用ã—ã¦é«˜åº¦ãªè¡¨ç¾ãŒã§ãã‚‹ã“ã®æ™‚代ã§ã‚‚ã€ãƒ—リミティブãªæ画や動ãã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‹ã‚‰å¦ã¹ã‚‹ã“ã¨ã¯å¤šã„。ãれらをJavaScriptã§æ›¸ãクリエイティブコーディングã¨ã„ã†å½¢ã§å¦ã¹ã‚‹æ‰‹å¼•æ›¸ãŒæœ¬æ›¸ã¨ãªã‚‹ã€‚
SwiftMailerを使ã£ã¦ãƒ¡ãƒ¼ãƒ«é€ä¿¡ã™ã‚‹ - 本日も乙
皆ã•ã‚“ã¯ã€PHPã§ãƒ¡ãƒ¼ãƒ«é€ä¿¡ã™ã‚‹éš›ã«ä½•ã‚’使ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ mail(), mb_send_mail(), PEAR::Mailãªã©æ§˜ã€…ãªé–¢æ•°ã‚„ライブラリãŒã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘ã®ãƒ¢ãƒ€ãƒ³ãªãƒ©ã‚¤ãƒ–ラリã¨ã—㦠SwiftMailer ãŒã‚ã‚Šã¾ã™ã€‚ SwiftMailerã¯PHP5.2以上ã§å‹•ä½œã™ã‚‹ãƒ¡ãƒ¼ãƒ«ãƒ©ã‚¤ãƒ–ラリã§ã€PEARã‚„Composer ãªã©ã§ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã€Symfony2 ã«ã‚‚組ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 今回㯠SwiftMailerã‚’Composerã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ç°¡å˜ãªãƒ¡ãƒ¼ãƒ«é€ä¿¡ãƒ—ãƒã‚°ãƒ©ãƒ を作æˆã—ã¦ã¿ã¾ã™ã€‚ 今回ã®ç›®æ¨™ SwiftMailerã‚’Composerã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ SwiftMailerを使ã£ã¦ç°¡å˜ãªãƒ¡ãƒ¼ãƒ«é€ä¿¡ã‚’ã—ã¦ã¿ã‚‹ サーãƒç’°å¢ƒ CentOS 6.4 Postfix 2.6.6 PHP 5.4.16 composerã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Composerã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« c
GitHub - stutrek/scrollmonitor: A simple and fast API to monitor elements as you scroll
The scroll monitor allows you to receive events when elements enter or exit a viewport. It does this using watcher objects, which watch an element and trigger events. Watcher objects also contain information about the element they watch, including the element's visibility and location relative to the viewport. If your scroll container is an element other than the body you can create a container th
Dropboxも採用ï¼JSã ã‘ã§PDFをレンダリングã§ãã‚‹PDF.jsã«ã—ã³ã‚ŒãŸï¼
Webアプリã§PDFを扱ã†ã¨ãã£ã¦ã€ã©ã†ã—ã¦ã„ã¾ã™ï¼ŸÂ 一昔å‰ãªã‚‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ç”Ÿæˆã—ã¦Adobe Readerã§è¡¨ç¤ºã•ã›ã‚‹ãらã„ã§ã—ãŸãŒã€ã„ã¾ãªã‚‰JavaScriptã ã‘ã§æ画も制御ã§ãã¡ã‚ƒã†ã‚“ã§ã™ã。 本記事ã¯Jani Hartikainenã€Florian Rapplã€Jezen Thomasã€Jeff SmithãŒæŸ»èªã‚’担当ã—ã¦ã„ã¾ã™ã€‚最高ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä»•ä¸Šã’ã‚‹ãŸã‚ã«å°½åŠ›ã—ã¦ãã‚ŒãŸSitePointã®æŸ»èªæ‹…当者ã®ã¿ãªã•ã‚“ã«æ„Ÿè¬ã—ã¾ã™ã€‚ ç¾åœ¨ã®ãƒ–ラウザーã¯ã»ã¼ã™ã¹ã¦ã€Webサイトã§ã®PDF文書を閲覧ã§ãる機能を最åˆã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€é–‹ç™ºè€…ã¯ã“ã®ã‚‚ã¨ã‚‚ã¨å‚™ã‚ã£ã¦ã„る機能を制御ã§ãã¾ã›ã‚“。ãŸã¨ãˆã°ã€Webアプリå´ã®ãƒ«ãƒ¼ãƒ«ã§Printボタンを無効ã«ã—ãŸã„å ´åˆã€æœ‰æ–™ä¼šå“¡ã¸ã®ç§»è¡Œãƒšãƒ¼ã‚¸ã ã‘をレンダリングã—ãªã„å ´åˆãªã©ã‚’考ãˆã¦ã¿ã¾ã™ã€‚embedタグを使ãˆã°ãƒ–ラウザーã«ã‚‚ã¨ã‚‚ã¨å‚™ã‚
[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip
スマホãªã©ã®å°ã•ã„スクリーンã§ã¯æ˜”ã‹ã‚‰ã‚ã‚‹Lightbox風ã®ä½“験を与ãˆã€ã‚ˆã‚Šå¤§ãã„スクリーンã§ã¯ãƒšãƒ¼ã‚¸ä¸Šã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’残ã™ã‚ˆã†è¨è¨ˆã•ã‚ŒãŸã€ç”»åƒã‚„動画をアニメーションã§æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚相性ãŒéžå¸¸ã«ã‚ˆãã€æ“作も快é©ã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã™ï¼ ã—ã‹ã‚‚ã€IE7+ã«ã‚‚対応。 Strip Strip -GitHub Stripã®ãƒ‡ãƒ¢ Stripã®ä½¿ã„æ–¹ Stripã®ãƒ‡ãƒ¢ デモã¯Chrome, Safari, Firefox, Opera, IEã¯7+ã€iOS5+, Android3+ã§ã”覧ãã ã•ã„。 å„ç”»åƒã‚’クリック・タップã™ã‚‹ã¨ã€æ‹¡å¤§ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 拡大時ã¯ãã®ã¾ã¾ä»–ã®ç”»åƒã‚‚表示ã§ãるギャラリー機能ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ デモ：幅780pxã§è¡¨ç¤º スライド表示ã•ã›ã‚‹ã®ã¯ç”»åƒã ã‘ã§ãªãã€YouTubeã‚„Vimeoãªã©
![[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
Web Design Tips To Help You Succeed - Web Design
Understanding í•´ìš´ëŒ€ê³ êµ¬ë ¤ Facebook Marketing Works Having a really goodí•´ìš´ëŒ€ê³ êµ¬ë ¤ item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [ë” ë³´ê¸°] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
[JS]複数ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚指定ã—ãŸå ´æ‰€ã«ç•™ã¾ã‚‰ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -ãƒãƒå…¬
デモページ：一番下ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« 「Hachi, stay!ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€å¾©æ´»ã—ã¾ã™ã€‚ ãƒãƒå…¬ã®ä½¿ã„æ–¹ 実装ã¯éžå¸¸ã«ç°¡å˜ã§ã€è¤‡æ•°ã®è¦ç´ ã«ãƒãƒå…¬ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Step 1: 外部ファイル 「jqeury.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.hachiko.1.0.0.min.js"></script> Step 2: HTML HTMLã¯é€šå¸¸é€šã‚Šã«å®Ÿè£…ã—ã€ãƒãƒå…¬ã‚’é©ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚¹ã‚¯ãƒªãƒ—トã§æŒ‡å®šã§ãるよã†ã«idãªã©ã‚’付与ã—ã¾ã™ã€‚ 例：id=sticky <div id="sticky">Click me to see how the state i
[JS]ナビゲーションを最上部ã«å›ºå®šã—ã€å„セクションã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SMINT | コリス
SMINT SMINTã®ä½¿ã„æ–¹ Step 1: 外部ファイル スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML ã¾ãšã¯ã€æœ€ä¸Šéƒ¨ã«é…ç½®ã•ã‚Œã‚‹ãƒŠãƒ“ゲーションã‹ã‚‰ã€‚ <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
IE6 position:fixed ã®è«¸å•é¡Œã‚’解決ã™ã‚‹ jQuery.exFixed.js - Cyokodog :: Diary
最近ã®æ›´æ–°å±¥æ´ 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1ã«å¯¾å¿œã—ã¾ã—ãŸã€‚ 2010-12-27 Ver 1.3.1 リリース fixed è¦ç´ ãŒãƒ–ラウザ表示エリアã‹ã‚‰éš れ１度éžè¡¨ç¤ºçŠ¶æ…‹ã«ãªã‚‹ã¨ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’リサイズã—表示エリア内ã«ãŠã•ã‚ã¦ã‚‚éžè¡¨ç¤ºçŠ¶æ…‹ãŒç¶šã„ã¦ã—ã¾ã†ä¸å…·åˆã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ 2010-11-14 Ver 1.3.0 リリースã—ã¾ã—ãŸã€‚exAPI ベースã®å®Ÿè£…ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚サイズ㫠auto を指定ã§ãるよã†ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2009-12-08 Ver 1.2.2 リリースã—ã¾ã—ãŸã€‚IE6 ã«ã¦ fixed 対象è¦ç´ ã‚’éžè¡¨ç¤ºã«ã—ã¦ã‚‚表示ã•ã‚Œã¦ã—ã¾ã†ä¸å…·åˆã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚Ver 1.2.1 ã§ã‚µã‚¤ã‚ºã‚’明示ã›ãšãƒ—ラグインを実行ã™ã‚‹ã¨ fixed ã•ã‚Œãªã„ä¸å…·åˆã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ more jQuery exFixed を使用ã™ã‚‹ã¨ã€IE6 㧠p
『JavaScriptã®é–‹ç™ºåŠ¹çŽ‡ã‚’高ã‚ã‚‹7ã¤ã®ãƒ©ã‚¤ãƒ–ラリã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
NameBright - Coming Soon
voronianski.com is coming soon This domain is managed at
Webshim
Important note: Webshim is not compatible with upcoming jQuery 3.x and I do not plan to work on a new major version. I will still fix critical bugs in the future though. Webshim is a polyfill library that enables you to reliably use HTML5 features across browsers, even if native support is lacking. The project is hosted on GitHub, and is available for use under the MIT software license. You can re
[JS]変更時ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‹ã£ã“ã„ã„グリッドを生æˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Grid—A—Licious
Masonryã¯ã‹ã£ã“ã„ã„ã‘ã©ãƒ‘ãƒãƒ«ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¡ã‚‡ã£ã¨ãªã€ã¨ã„ã†äººã«ã´ã£ãŸã‚Šãªã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚スムーズã§ã‹ã£ã“ã„ã„グリッドを生æˆã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Grid—A—Licious Grid—A—Licious -GitHub Grid—A—Liciousã®ãƒ‡ãƒ¢ Grid—A—Liciousã®ä½¿ã„æ–¹ Grid—A—Liciousã®å®Ÿè£…例 Grid—A—Liciousã®ãƒ‡ãƒ¢ ã¾ãšã¯ã€Grid—A—Liciousã®ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªå‹•ä½œãŒç¢ºèªã§ãるデモã‹ã‚‰ã”紹介。 アレンジã¯ã€ä¸‹è¨˜ã®Grid—A—Liciousã®å®Ÿè£…例ã§ã€‚ ページã„ã£ã±ã„ã«é«˜ã•ã®ç•°ãªã‚‹ãƒ‘ãƒãƒ«ãŒåŒã˜é–“éš”ã§é…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモページ：スマフォサイズ Grid—A—Liciousã®ä½¿ã„æ–¹ Grid—A—Liciousã¯2008å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸå½“時ã¯å˜ã«ã‚°ãƒªãƒƒãƒ‰çŠ¶ã«
JavaScript library poll results - QuirksBlog
I held a JavaScript library poll in the last three weeks, and it’s time to publish the results. At least 3,350 people responded. With nearly 155,000 responses in total, and nearly 1,700 for the least-answered question, I believe this poll is fairly representative of my readers and the readers of my readers, and therefore gives genuinely useful information about current JavaScript library use. On a
jQuery UI Touch Punch - Touch Event Support for jQuery UI
Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
RoughNotation
Zebra Dialog - a small, compact, and highly configurable jQuery plugin for creating modal dialog boxes
anime.js
オリジナルフォントãŒä½œã‚Œã‚‹iPad用フォント作æˆã‚¢ãƒ—リ「iFontMakerã€ï½œlinker journal｜linker
{{#tags}}- {{label}}
{{/tags}}