ボールã®ãƒã‚¦ãƒ³ãƒ‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ - smart js
var loader = new smart.Loader(); loader.load({ red :"img/ballRed.png", blue :"img/ballBlue.png", green :"img/ballGreen.png", yellow:"img/ballYellow.png" },function(imgs) { var stage = new smart.Stage("demo2"); var colorCount = 0; var pressed = 0; // smart.Canvas を継承ã—ã¦ãƒã‚¦ãƒ³ãƒ‰ã™ã‚‹ãƒœãƒ¼ãƒ«ã‚’定義 var Ball = S.extend(smart.Canvas,{ init:function(img,fn) { smart.Canvas.apply(this,[40, 40 ,img]); this.times = 300; th
jQueryã§ãƒœãƒ¼ãƒ«ã‚’ãƒã‚¦ãƒ³ãƒ‰ã•ã›ã‚‹ - ã¿ã‹ã¥ãブãƒã‚° ãã®3
ã¡ã‚‡ã„ã¨é•å’Œæ„ŸãŒã‚るよã†ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ã¼ã‚ˆãƒ¼ã‚“ã¼ã‚ˆãƒ¼ã‚“ã¨ãƒã‚¦ãƒ³ãƒ‰ã•ã›ã¦ã¿ã¾ã—ãŸã€‚ easeOutSineã¨easeInSineã‚’ã¤ãªã„ã§æ”¾ç‰©ç·šçš„ãªå‹•ãã‚’ã¤ãり〠ボールã®å¤‰å½¢ã¨marginã®èª¿æ•´ã‚’åŒæ™‚ã«è¡Œã†ã“ã¨ã§ã¼ã‚ˆãƒ¼ã‚“感を演出ã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚ (function(win, doc, $) { "use strict"; var $ball = $("#ball"); (function jump() { $ball.animate({ marginLeft: -50, width: 100, height: 100, bottom: 300 }, 800, "easeOutSine"). animate({bottom: 0}, 800, "easeInSine"). // ã¼ animate({ marginLeft: -60, width: 120, height: 80 },
[JS]ç”»åƒã‚’拡大表示ã™ã‚‹Lightboxã®é€²åŒ–å½¢ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«ç•°ãªã‚‹è¨å®šã‚‚å¯èƒ½ãªé«˜æ€§èƒ½ãªè»½é‡ã‚¹ã‚¯ãƒªãƒ—ト -Chocolat
デスクトップã€ã‚¿ãƒ–レットã€ã‚¹ãƒžãƒ›ã®ãã‚Œãžã‚Œã«åˆã‚ã›ãŸæ–¹æ³•ã§ã€æŒ‡å®šã—ãŸã‚¨ãƒªã‚¢ã‚„ウインドウã„ã£ã±ã„ã«ç”»åƒã‚’拡大表示ã—ãŸã‚Šã€ãã®ã¾ã¾è¤‡æ•°ã®ç”»åƒã‚’表示ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€è»½é‡ã§é«˜æ€§èƒ½ãªç”»åƒã‚’拡大表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ スクリプトã ã‘ã§ãªãã€ãƒšãƒ¼ã‚¸å…¨ä½“やデモãªã©ã‚‚éžå¸¸ã«é¢ç™½ã„デザインã§ã™ã€‚ Chocolatã®ç‰¹å¾´ 個人ユーザーã‹ã‚‰ãƒ—ãƒã®Web制作者ã¾ã§ 専門的ãªçŸ¥è˜ãŒãªãã¦ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã€APIを使ã†ã¨æ›´ã«é«˜æ€§èƒ½ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ クãƒã‚¹ãƒ–ラウザ対応 å…¨ã¦ã®ä¸»è¦ãƒ–ラウザã§å‹•ä½œã—ã¾ã™ã€‚ テストブラウザ: IE7+, Firefox, Chrome, Opera, Safari è»½é‡ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ãŸã£ãŸ23KBã€ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ç‰ˆã¯10KBã§ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–対応 デスクトップã€ã‚¿ãƒ–レットã€ã‚¹ãƒžãƒ›ã‚’サãƒãƒ¼ãƒˆã€‚ デãƒã‚¤ã‚¹ã”ã¨ã«ç•°ãªã‚‹ç”»åƒã‚’表示ã—ãŸã‚Šã€è‡ªèº«ã®ãƒ–レイクãƒã‚¤ãƒ³ãƒˆã‚’定義ã™ã‚‹ã“
![[JS]ç”»åƒã‚’拡大表示ã™ã‚‹Lightboxã®é€²åŒ–å½¢ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«ç•°ãªã‚‹è¨å®šã‚‚å¯èƒ½ãªé«˜æ€§èƒ½ãªè»½é‡ã‚¹ã‚¯ãƒªãƒ—ト -Chocolat](https://cdn-ak-scissors.b.st-hatena.com/image/square/38b45d852b9f815258fa2b8ef8ae530164b9fcfa/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072901-01.png)
JavaScriptã§ãƒ‘スワードèªè¨¼ã‚’è¨å®šï¼ ç°¡å˜ãªé–²è¦§åˆ¶é™ [ホームページ作æˆ] All About
パスワードを入力ã—ãªã„ã¨ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„秘密ã®ã‚¦ã‚§ãƒ–ページを作りãŸã„å ´åˆã€ã„ãã¤ã‹ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€ã‚¦ã‚§ãƒ–サーãƒã®Basicèªè¨¼(基本èªè¨¼)機能を利用ã—ãŸã‚Šã€ãƒ‘スワードã®å…¥åŠ›ã‚’求ã‚ã‚‹CGIを作æˆã—ã¦ä½¿ã£ãŸã‚Šã™ã‚‹æ–¹æ³•ãŒã‚ã‚‹ã§ã—ょã†ã€‚ ã—ã‹ã—ã€å€‹äººã‚µã‚¤ãƒˆãªã©ã§ã¯ã€Œãã“ã¾ã§å¼·å›ºãªèªè¨¼æ©Ÿèƒ½ã¯è¦ã‚‰ãªã„ã®ã§ã€è¤‡é›‘ãªã“ã¨ã¯ã›ãšã€ã¨ã«ã‹ãç°¡å˜ã«ã‚¢ã‚¯ã‚»ã‚¹åˆ¶é™ã‚’è¨å®šã—ãŸã„ã€ã¨ã„ã†å ´åˆã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ãã®ã‚ˆã†ãªå ´åˆã¯ã€JavaScriptã§ãƒ‘スワードã®å…¥åŠ›ã‚’求ã‚る手軽ãªèªè¨¼æ–¹æ³•ã‚’使ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ 完全ã§ã¯ãªã„(脆弱ãª)代ã‚ã‚Šã«ã€ç°¡å˜ã«ä½œã‚Œã‚‹JavaScriptã§ã®èªè¨¼æ©Ÿèƒ½ JavaScriptを使ã£ãŸãƒ‘スワードèªè¨¼ã¯ã€Œãªã‚“ã¡ã‚ƒã£ã¦èªè¨¼ã€ã¨ã§ã‚‚呼ã¹ã°ã‚ˆã„ã‹ã€å®Œå…¨ãªã‚¢ã‚¯ã‚»ã‚¹åˆ¶é™ã«ã¯ãªã‚Šã¾ã›ã‚“。URLを直接指定ã™ã‚Œã°èª°ã§ã‚‚閲覧å¯èƒ½ãªãŸã‚ã€èªè¨¼å¾Œã®URLãŒãƒãƒ¬ã‚‹ã ã‘ã§ãƒ‘スワードを入力ã›ãšã«ã‚¢ã‚¯ã‚»ã‚¹
![JavaScriptã§ãƒ‘スワードèªè¨¼ã‚’è¨å®šï¼ ç°¡å˜ãªé–²è¦§åˆ¶é™ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/27168062d62fd642c89c3b39df8a055b9e28d8b8/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F3%2F9%2Ftopimg_original.png)
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Facebookページã®ãƒ•ã‚£ãƒ¼ãƒ‰URLã‚’å–å¾—ã—ウォールを自サイトã«è¡¨ç¤º
表示ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¾ãŸç·‘部分をã€ã€Œitem.titleã€ã«ã™ã‚Œã°çœç•¥ã—ãŸå½¢ã§è¡¨ç¤ºã€‚「item.linkã€ã«ã™ã‚Œã°è¨˜äº‹ã¸ã®ãƒªãƒ³ã‚¯ãŒè²¼ã‚Œã‚‹ã€‚ ãã—ã¦ã“れらをåˆã‚ã›ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯ã€‚ $('#facebook ul').append('<li><a href="' + item.link + '">' + item.title + '</a><span class="posted">[' + formatData(item.publishedDate) + ']</span></li>'); ã¨ã™ã‚‹ã¨ã€ 「item.titleã€ã¯æŠ•ç¨¿æ™‚ã«æ›¸ã込んã 部分ã®ã¿ãŒè¡¨ç¤ºã•ã‚Œæ·»ä»˜ç”»åƒã¯è¡¨ç¤ºã•ã‚Œãªã„。ãã‚Œã«Facebookã¸ã®ãƒªãƒ³ã‚¯ã€Œitem.linkã€ãŒè²¼ã‚‰ã‚Œã‚‹ã€‚3行目ãŒæ—¥ä»˜ã ã‘ãªã®ã¯ã€æ›¸ãè¾¼ã¿ã‚’ã›ãšã«ç”»åƒã ã‘è²¼ã£ãŸãƒ•ã‚£ãƒ¼ãƒ‰ã€‚ 以上ã€ã“ã‚“ãªæ„Ÿã˜ã§è‡ªã‚µã‚¤ãƒˆã«è‡ªFacebookã®ã‚¦ã‚©ãƒ¼ãƒ«ã‚’貼り込むã“ã¨ãŒã§ã
Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãイイ。
Macを使ã„始ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ソフトやアプリを探ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ら無料らã—ã(今後シェアウェアã«ãªã‚‹ã‹ã‚‚？)ã€åˆæœŸè¨å®šã‚„自分ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—手間å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsを書ã事ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassも使ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w 以下ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ Sublime Text 2 – Dev Builds åˆæœŸè¨å®š アプリを立ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional†file formats such as MP4 and WebM, but
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
スクãƒãƒ¼ãƒ«ãƒœã‚¿ãƒ³ãŒã¤ã‘られるjQueryプラグインVertical Scroller jQuery Plugin Plus | ãƒã‚·ãƒ£ãƒã‚°ã€‚
{{#tags}}- {{label}}
{{/tags}}