[B! JavaScript] triniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

trini id:trini

JavaScriptã«é–¢ã™ã‚‹triniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (45)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

2015å¹´ç·ã¾ã¨ã‚ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆ100é¸
æ¯Žå¹´æ’ä¾‹ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ç·ã¾ã¨ã‚ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã€Œ100é¸ã€ã®åç§°ã¯æ’ä¾‹ãªã®ã§ã€å®Ÿéš›ã¯100ä»¥ä¸Šã‚ã‚Šã¾ã™ã€‚ ä»Šå¹´ç›®ç«‹ã£ãŸã®ã¯ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ãªã©ã®ç¸¦é•·ãƒšãƒ¼ã‚¸ç³»ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç³»ãƒ»CSSã‚„SVGã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã—ã‚‡ã†ã‹ã€‚ã‚ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å‘¨ã‚Šã‚‚å˜ã«ã‚µã‚¤ã‚ºå¤‰åŒ–ã«å¯¾å¿œã•ã›ã‚‹ã ã‘ã§ãªãã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹ã‚‚ã®ãŒå……å®Ÿã—ã¦ã„ã¾ã—ãŸã€‚ èƒŒæ™¯é–¢é€£ SVGé–¢é€£ ç¸¦é•·ãƒšãƒ¼ã‚¸é–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€£å‹•ãƒ»ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹é–¢é€£ ãã®ä»–ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»è£œåŠ©é–¢é€£ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç´¹ä»‹ãƒ»ãƒ„ã‚¢ãƒ¼é–¢é€£ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ç”»åƒæ‹¡å¤§ãƒ»é…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé–¢é€£ ãƒ†ã‚ã‚¹ãƒˆé–¢é€£ ã‚¿ãƒ–ãƒ»ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³é–¢é€£ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ»ãƒªã‚¹ãƒˆãƒ»ãƒãƒ£ãƒ¼ãƒˆé–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ãƒ‘ãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ãƒ¢ãƒ¼ãƒ€ãƒ«
trini 2017/05/26
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

Webåˆ¶ä½œ

Javascript

jquery
ãƒªãƒ³ã‚¯
Image Tilt Effect
This effect currently only works on hover. Please switch to a desktop browser in order to see the effect. How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Default options: "extraI mgs" : 2, "opacity" : 0.7, "bg
trini 2016/02/09
JavaScript
ãƒªãƒ³ã‚¯
jQueryã¨prototype.jsã‚’å…±å˜ã•ã›ã‚‹æ–¹æ³• | CSS Lecture
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS BOS138 adalah bandar permainan digital yang menjadi destinasi Utama meraih maxwin dengan mudah di seluruh asia tenggara. Dapatkan bocoran spin barbar agar ikut kecipratan hoki dari para big bos!
trini 2015/12/21
javascript

jquery
ãƒªãƒ³ã‚¯
http://dfcreative.github.io/projects/waterfall/
1 Include jquery/zepto and jquery.waterfall <script src="js/zepto.js"></script> <script src="js/jquery.waterfall.js"></script>
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã®Webã‚µã‚¤ãƒˆæ§‹ç¯‰ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€ã€ŒIsotopeã€ã€ŒjQuery Masonryã€ï½œBLACKFLAG
æœ€è¿‘ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å½±éŸ¿ã‚‚ã‚ã£ã¦ ãƒœãƒƒã‚¯ã‚¹ã‚’ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ãŸæ§‹æˆã®ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆWebã‚µã‚¤ãƒˆã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦æœ€é©ãªé…ç½®ã§ç”»é¢ã‚’æ§‹æˆã§ããŸã‚Šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã™ãŒ jQueryã‚’ä½¿ã£ã¦ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã¨ã—ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯ã€ŒBlocksIt.jsã€ BlocksIt.js | Dynamic Grid Layout jQuery Plugin â€“ Plugin Page ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ BlocksIt.js Demonstration #1 â€“ Random Dynamic Grid Layout BlocksIt.js Demonstration #2 â€“ Pinterest Dynamic Grid Layout with CSS3 Transitions ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã³ã«ãƒ©ãƒ³ãƒ€ãƒ ã§
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã«ç”»åƒã‚’ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€ã‚µãƒ³ãƒ—ãƒ«ã€€â”‚ã€€ã±ã‚“ã«ã‚ƒã£ã¨/H&Y
BlocksIt.js jQueryã®ã‚µãƒ³ãƒ—ãƒ«ã€€byã€€ã±ã‚“ã«ã‚ƒã£ã¨/H&Y
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinterestï¼ˆãƒ”ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆï¼‰é¢¨ã«ç”»åƒã‚’ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€
æœ€è¿‘ã€ç‰¹ã«å¥³æ€§ã«äººæ°—ãŒã‚ã‚‹Pinterestï¼ˆãƒ”ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆï¼‰ã€‚ ãã®äººæ°—ã®ç§˜å¯†ã®ã²ã¨ã¤ãŒã€ãã®ã‚·ãƒ³ãƒ—ãƒ«ã§ãŠæ´’è½ãªãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã§ã™ã€‚ Pinterestï¼ˆãƒ”ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆï¼‰ã¯ç™½åœ°ã«ç”»åƒãŒãšã‚‰ã‚Šã¨ä¸¦ã‚“ã ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ä¸å¿ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¦ã€ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³èªŒã®ã‚ˆã†ã§ãŸã çœºã‚ã¦ã„ã‚‹ã ã‘ã§ã‚‚é€€å±ˆã—ã¾ã›ã‚“ã€‚ ãã®Pinterestï¼ˆãƒ”ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆï¼‰é¢¨ã«ç”»åƒã‚’ä¸€è¦§è¡¨ç¤ºã•ã›ã¦ãã‚Œã‚‹ã®ãŒã€ã“ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ â†’ã€€Pinterestï¼ˆãƒ”ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆï¼‰é¢¨ã«ç”»åƒã‚’ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€ã‚µãƒ³ãƒ—ãƒ« jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBlocksIt.jsã€ã®ä½¿ç”¨æ–¹æ³•ã¯ç¶šãã‚’ã©ã†ãžã€‚ ã€ä½¿ç”¨æ–¹æ³•ã€‘ ã¾ãšã¯ã€ã“ã¡ã‚‰ã®æœ¬å®¶ã®ã‚µã‚¤ãƒˆã‹ã‚‰BlocksIt.jsãªã©ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <head>éƒ¨åˆ†ã«cssã¨
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒThe Wookmarkã€ï½œæ ªå¼ä¼šç¤¾ã‚¢ã‚¯ãƒˆã‚¼ãƒï½œã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ–ãƒã‚°
é€šå¸¸ã€htmlã®é …ç›®ã¯è¦å‰‡æ£ã—ãä¸¦ã°ã›ã‚‹ã“ã¨ã¯å‡ºæ¥ã¾ã™ãŒã€ Pinterestã®æ§˜ã«éš™é–“ã‚’åŸ‹ã‚ã‚‹ã‚ˆã†ãªã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“ã€‚ [é€šå¸¸ã®html/css] [Pinteresté¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ] â– The Wookmarkã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã®å³ã‚«ãƒ©ãƒ ã«ã‚ã‚‹ã€ŒDownload ZIPã€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ https://github.com/GBKS/Wookmark-jQuery â– htmlã‚’è¨˜è¿° æ§‹é€ ã¯ã€ä¸¦ã¹ãŸã„ç”»åƒã‚’å…¨ã¦ul ï¼ž liã®å½¢å¼ã§ä¸¦ã¹ãã®ä¸Šã‚’ï¼œdivï¼žã§å›²ã£ã¦ãŠãã¾ã™ã€‚ ã“ã®æ™‚ã€ï¼œdivï¼žã«ã¯roleå±žæ€§ã‚‚è¨å®šã—ã¦ãŠãã¾ã™ã€‚ ï¼œdiv id=â€mainâ€ role=â€mainâ€ï¼ž ï¼œul id=â€tilesâ€ï¼ž ï¼œliï¼žï¼œimg src=â€img/sample01.jpgâ€ alt=â€â€ /ï¼žï¼œ/liï¼ž ï¼œliï¼žï¼œimg src=â€img/sample01.jpgâ€
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
masonry + ajaxã§pinteresté¢¨ã‚¿ã‚¤ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹ - Qiita
pinterestã®ã‚ˆã†ãªã€ ãƒ»è¦ç´ ã‚’éš™é–“ãªãæ•·ãè©°ã‚ã‚‹ ãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªã‚µã‚¤ã‚ºã«å¿œã˜ã¦é…ç½®ã‚‚å¤‰ã‚ã‚‹ ã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’æŒã¤ã‚¿ã‚¤ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹jsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ ãã®ä¸ã§ã‚‚ä»Šå›žã¯å®šç•ªã®masonryã‚’ä½¿ã„ã€ ajaxã§ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã—ã¦ä¸‹ã«ä¸‹ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒšãƒ¼ã‚¸é·ç§»ãªã—ã§è¿½åŠ ã—ã¦ã¿ã¾ã™ åŸºæœ¬çš„ãªmasonryã®ä½¿ã„æ–¹ã¯ä»–ã«è¨˜äº‹ãŒå¤§é‡ã«ã‚ã‚‹ã®ã§ã“ã“ã§ã¯è§£èª¬ã—ã¾ã›ã‚“ã‚ˆ! å®Œæˆã‚¤ãƒ¡ãƒ¼ã‚¸ã¯(æ‰‹å‰å‘³å™Œã§ã™ãŒ)ã“ã‚“ãªã‹ã‚“ã˜ã§ã™â†“ tokyotownname.com ã§ã¯å§‹ã‚ã¾ã™ã€ ç”»åƒãŒã„ãã¤ã‹ãƒˆãƒƒãƒ—ã«ã‚ã‚Šã€ ãã®ä¸‹ã«ã€Œã‚‚ã£ã¨èªã‚€ã€ãƒœã‚¿ãƒ³ãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ã‚ã‚ŠãŒã¡ã§ã™ãã€‚  <div id="images"> <div id="image-unit">....</div> <div id="image-unit">....</div> ...... <div id
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
TokyoTownName
åƒä»£ç”°åŒº ä¹æ®µåŒ— | Kon Yuichi 2013-06-16 02:16:50 +0900 Show ä¸å¤®åŒº æ–°å¯Œ | Kon Yuichi 2013-06-14 00:30:50 +0900 Show å¢¨ç”°åŒº å‘å³¶ | konpyu 2013-06-09 00:02:17 +0900 Show å¢¨ç”°åŒº å ¤é€š | konpyu 2013-06-08 23:56:14 +0900 Show å¢¨ç”°åŒº å…«åºƒ | konpyu 2013-06-08 23:54:10 +0900 Show å¢¨ç”°åŒº äº¬å³¶ | konpyu 2013-06-08 23:52:27 +0900 Show å¢¨ç”°åŒº æ±å‘å³¶ | konpyu 2013-06-08 23:44:39 +0900 Show æ¸‹è°·åŒº æµæ¯”å¯¿è¥¿ | konpyu 2013-05-27 01:02:10 +0900 Show æ¸‹è°·åŒº æ± | kon
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
CSSã§è¨å®šãŒã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSalvattoreã€:phpspoté–‹ç™ºæ—¥èªŒ
Salvattore ? A jQuery Masonry alternative with CSS-driven configuration. CSSã§è¨å®šãŒã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSalvattoreã€ã€‚ Pinteresté¢¨UIã‚’å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å¤šæ•°ã‚ã‚Šã¾ã™ãŒã€CSSã§è¨å®šãŒå‡ºæ¥ã‚‹ã®ã¯ä¾¿åˆ©ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ JSã¯ä½¿ã£ã¦ã„ã¾ã™ãŒã€ã‚«ãƒ©ãƒ æ•°ç‰ã®èª¿æ•´ã‚’CSSã§ã§ãã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§å†ç·¨æˆã§ãã‚‹Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.Shapeshiftã€ ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã§é¸æŠžã—ã¦ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒImage Pickerã€
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Microsoft .NET Micro Framework - An Open Source Platform for Resource Constrained Devices.
How to Develop a Social Mass Media Policy and Template In todayâ€™s digital age, social mass media has become a powerful tool for communication, marketing, and community engagement. However, its widespread use also introduces risks such as reputational damage, privacy breaches, and inappropriate content sharing. Developing a comprehensive social mass media policy is essential for organizations to gu
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinteresté¢¨ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã€ŒjQuery.waterfallã€ - Tecuration .com
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Recipinterest - äººæ°—ã®ãƒ¬ã‚·ãƒ”ã‚’ä¸€è¦§
About Recipinterestã¯Pinterestã‚’ãƒ‘ã‚¯ã£ãŸã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚ŒãŸã‚µã‚¤ãƒˆã§ã™ã€‚ COOKPADã®äººæ°—ã®ã‚ã‚‹æ–™ç†ã‚’ä¸€è¦§ã§ãã¾ã™ã€‚ã€Œã‚ãƒ¼ä»Šæ—¥ã®æ™©ã”é£¯ã©ã†ã—ã‚ˆã†ã€ã¨ã„ã†æ™‚ã«ã”è¦§ãã ã•ã„ã€‚ ãã‚Œãžã‚Œã®ãƒ¬ã‚·ãƒ”ã¯ã¤ãã‚Œã½æ•° Ã— ã¯ã¦ã¶æ•°ã§ã‚¹ã‚³ã‚¢ãƒªãƒ³ã‚°ã—ã¦ã„ã¦ã€ã‚¹ã‚³ã‚¢ã®é«˜ã„ãƒ¬ã‚·ãƒ”ã‹ã‚‰é †ã«è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ æ›´æ–°å±¥æ´ 2012.8.14 å…¬é–‹
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã«Cookpadã®äººæ°—ãƒ¬ã‚·ãƒ”ã‚’è¡¨ç¤ºã™ã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã£ãŸ â€“ taichino.com
ãƒ”ãƒ¼ã‚¯ã¯éŽãŽãŸæ°—ã‚‚ã—ã¾ã™ãŒã€è¦‹ã¦ã„ã‚‹ã ã‘ã§æ¥½ã—ã„æ°—ãŒã™ã‚‹Pinterestã€‚ã¡ã‚‡ã£ã¨ã“ã®è¦‹ãŸç›®ã‚’å®Ÿé¨“ã—ãŸããªã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã‚¹ã‚³ã‚¢(ã¤ãã‚Œã½æ•° x ã¯ã¦ã¶æ•°)ãŒé«˜ã„Cookpadã®ä¸ã§ã‚‚äººæ°—ã®ã‚ã‚Šãã†ãªãƒ¬ã‚·ãƒ”ã‚’ä¸€è¦§ã§ãã¾ã™ã€‚åå‰ã¯Recipe + Pinterestã§Recipinterestã§ã™ã€‚ã‚¢ã‚¯ã‚»ã‚¹ã¯ã‚³ãƒãƒ©ã‹ã‚‰ã€‚ ä»Šæ—¥ã®æ™©ã”é£¯ãŒæ±ºã¾ã‚‰ãªã„ãªãƒ¼ã¨ã„ã†æ™‚ã«ã€ä¸€åº¦ã”è¦§ãã ã•ã„ã¾ã›ã€‚ ä»Šå›žã¯ã‚µãƒ¼ãƒãƒ¼å´ã¯ç›®æ–°ã—ã„ã‚‚ã®ã¯ãªãã¦ã€ã„ã¤ã‚‚é€šã‚Šã®Djangoãªã®ã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§masonryã¨ã„ã†ã‚¿ã‚¤ãƒªãƒ³ã‚°ç”¨ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ä½¿ã‚ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã¾ã™ã€‚ã‚„ã‚„å‹•ãã«ä¸æº€ãŒã‚ã‚Šã¾ã™ãŒã€ç°¡å˜ã«Pinteresté¢¨ã®è¦‹ãŸç›®ã‚’ä½œã‚Œã¦æ¥½ã—ã„ã§ã™ã€‚
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
jQuery Wookmark Plug-in Example
Resize the browser window or click a grid it em to trigger layout updates.
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Galereya. jQuery gallery.
Responsive, easily customizable jquery gallery with a masonry layout. Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc. Galereya effects and browser compatibility depends on your custom CSS styles a lot! $('#gal1').galereya({ load: function(next) { $.getJSON('images.json', func
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã† (1/4) - ï¼ IT
Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ3ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ ã¯ã˜ã‚ã« ä¸€å£ã«SNSã¨ã„ã†ã¨ã€èªè€…ã®çš†ã•ã‚“ã¯ã¾ãšã€Twitterã‚„Facebookã€LINEãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ€ã„æµ®ã‹ã¹ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ã“ã†ã„ã£ãŸãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªã‚µãƒ¼ãƒ“ã‚¹ã ã‘ã§ãªãã€ä¸–ã®ä¸ã«ã¯ã•ã¾ã–ã¾ãªã‚¸ãƒ£ãƒ³ãƒ«ã«ç‰¹åŒ–ã—ãŸSNSãŒã„ãã¤ã‚‚ç™»å ´ã—ã¦ãã¦ã„ã¾ã™ã€‚ ç‰¹ã«å†™çœŸå…±æœ‰ã«ç‰¹åŒ–ã—ãŸSNSã®UIã¨ã„ã†ã®ã¯ã€ãã®ç‰¹æ€§ã®ãŸã‚ã‹ç”»åƒã‚’ç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚ãŸã‚‚ã®ãŒã‚ˆãè¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚åŸºæœ¬çš„ãªæ“ä½œæ€§ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã„ã‹ã«ç¾Žã—ãã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ã«ç”»åƒã‚’ä¸¦ã¹ã‚‹ã‹ã«ã‚ˆã£ã¦ä»–ã‚µãƒ¼ãƒ“ã‚¹ã¨ã®å·®åˆ¥åŒ–ã‚’å›³ã‚‹ã‹ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ã³ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è…•ã®è¦‹ã›æ‰€ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Pinterestã¯ã€ãã†ã—ãŸå†™çœŸå…±æœ‰SNSã®1ã¤ã§ã™ã€‚é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„åŒºåˆ‡ã‚ŠãŒç§€é€¸ã™ãŽã‚‹Pinteresté¢¨ãƒ–ãƒã‚°Webãƒ‡ã‚¶ã‚¤ãƒ³
House: Kolekcja Lato 2013 Webãƒ‡ã‚¶ã‚¤ãƒ³ï¼“ã¤ã®è‰¯ã„ã¨ã“ : 3 Good Point! åˆºæ¿€çš„ãªPinteresté¢¨Webãƒ‡ã‚¶ã‚¤ãƒ³ è¨˜äº‹ã®åŒºåˆ‡ã‚Šç·šãŒç§€é€¸ï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã®çµ±ä¸€æ€§ãƒ»ä¸€è²«æ€§ ç§ã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ã‚³ã‚’è¦‹ãŸï¼ Tweetçš†ã•ã‚“GWæ¥½ã—ã‚“ã§ã„ã¾ã™ã§ã—ã‚‡ã†ã‹ã€‚çµ¶è³›ãŠä¼‘ã¿ä¸ã§ã™ãŒã€ç°¡å˜ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ãƒ“ãƒ¥ãƒ¼ã„ãã¾ã™ã‚ˆï¼ ä»Šæ—¥ã¯Pinteresté¢¨ãƒ–ãƒã‚°Webãƒ‡ã‚¶ã‚¤ãƒ³ã§éžå¸¸ã«å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ãƒšãƒ¼ã‚¸ã¨ã„ã†ã‹ã€è¨˜äº‹åŒºåˆ‡ã‚ŠãŒç§€é€¸ã§ã™ã€‚å½“ãƒ–ãƒã‚°ã€ŒWebé¢¨ã€ã¨åŒã˜ãã€masonryã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ãŒã€ã“ã‚“ãªåŒºåˆ‡ã‚Šæ–¹ãŒã‚ã‚‹ã¨ã¯é©šãã€‚ masonryã‚’åˆ©ç”¨ã—ãŸè¨˜äº‹åŒºåˆ‡ã‚ŠãŒåˆºæ¿€çš„ ãƒˆãƒƒãƒ—ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‹ã‚‰ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€pinteresté¢¨ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„åŒºåˆ‡ã‚ŠãŒç§€é€¸ãªãƒ–ãƒã‚°å½¢å¼ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒç™»å ´ã—ã¾ã™ã€‚ ã“ã®ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã®æ®µã€…ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ã€Œmasonr
trini 2014/01/15
pinteresté¢¨

jquery

webåˆ¶ä½œ

javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰

grid

layout
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸