Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
Long Shadow Generator for Photoshop - A PS extension to create long shadow with one click!
Long Shadow Generator is made with ♥ by Ray And this will always be free. Donate Ask me anything: [email protected] Features: Shadow length Shadow opacity Black or white shadow Flatten or gradiant shadow Shadow angles Installation: Close Photoshop before install. Double click the .zxp file, Adobe Extension Manager should show up automaticly. Open Photoshop and click from menu "Window" > "Extension" >
ã“ã‚“ãªç°¡å˜ã§ã„ã„ã®ï¼Ÿä¾¿åˆ©ã™ãŽã‚‹Photoshopã®ãƒ—ラグイン23é¸
デザイン制作ã®å¤§åŠã‚’Photoshopã§ä½œæ¥ã™ã‚‹äººã‚‚多ãã„らã£ã—ゃã„ã¾ã™ã€‚ ãã‚“ãªPhotoshopã§ã™ã‹ã‚‰ã€è‡ªåˆ†ä»•æ§˜ã«ç’°å¢ƒã‚’æ•´ãˆã¦ãŠãã“ã¨ã§ä½œæ¥ã®å¿«é©å…·åˆã‚‚大ãã変ã‚ã£ã¦ãã¾ã™ã€‚ 今回ã¯ã€Photoshopã§ã®ä½œæ¥ã‚’効率化ã™ã‚‹ä½¿ã„å‹æ‰‹ã®è‰¯ã„プラグインを28個ã«çµžã‚Šã”紹介ã—ã¾ã™ã€‚ フォトショッププラグインã¨ã¯ã€æ¨™æº–機能を拡張ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚å¿…è¦ã«å¿œã˜ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ä½œæ¥åŠ¹çŽ‡ã‚’飛èºçš„ã«ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ å…¨ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ°—ã«ãªã‚‹ã‚‚ã®ãŒã‚ã‚Œã°æ˜¯éžä¸€åº¦ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 便利ã™ãŽã‚‹Photoshopã®ãƒ—ラグイン23é¸ 1.Velositey ã‚ãšã‹æ•°å›žã®ã‚¯ãƒªãƒƒã‚¯ã§ã‚ã£ã¨ã„ã†é–“ã«ãƒ›ãƒ¼ãƒ ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作るプラグインã§ã™ã€‚ ヘッダã‹ã‚‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ãŒãã‚Œãžã‚Œ10種類以上åŽéŒ²ã•ã‚Œã¦ãŠã‚Šã€Photoshopを起動後4回é¸æŠžã™ã‚Œã°ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
[JS]ボタンãŒãƒ‘ãƒãƒ«ã«ã€ãƒ‘ãƒãƒ«ãŒãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰å½¢ã™ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -cta.js
最近ã®Webページã§äººæ°—ãŒã‚ã‚‹ã®ã¯ã€ãƒ“ジュアルã®é€£ç¶šæ€§ã€‚ パãƒãƒ«ã‚’クリックã™ã‚‹ã¨ã€ãã‚ŒãŒæ‹¡å¤§ã—ã¦ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ãªã‚Šã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ãã‚ŒãŒå¤‰å½¢ã—ã¦ãƒ‘ãƒãƒ«ã«ãªã‚‹ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’トリガーã«è¦ç´ ãŒåˆ¥ã®è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹è¶…軽é‡ï¼ˆ1.2KB）スクリプトを紹介ã—ã¾ã™ã€‚ モーダルウインドウã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒ‡ãƒ¢ コマをè½ã¨ã—ã¦ã„ã‚‹ã®ã§åˆ†ã‹ã‚Šã«ãã„ã§ã™ãŒã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚„サイドãƒãƒ¼ã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰å½¢ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ cta.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... コンテンツ ... <script src="src/cta.js"></script> </body> Step 2: HTML 一ã¤ç›®ã®ãƒ‡ãƒ¢ã€Œã‚¿ã‚¤ãƒ«çŠ¶ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã®HTMLã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ data
![[JS]ボタンãŒãƒ‘ãƒãƒ«ã«ã€ãƒ‘ãƒãƒ«ãŒãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰å½¢ã™ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -cta.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b796beb0e3307e8d7086ea2aaa29efd7e12d443/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015042101.png)
[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js
デモ：Googleマップ Googleマップもサãƒãƒ¼ãƒˆã€‚ Embed.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプト・スタイルシートã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋ã‚込む時ã«ã¯ã€Œwidgets.jsã€ã€ã‚³ãƒ¼ãƒ‰ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã«ã¯ã€Œhighlight.min.jsã€ã‚’使用ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
コメントや記事å˜ä½ã€é•·ããªã£ãŸè¨˜äº‹ã‚’ページ分ã‘ã™ã‚‹WordPressページãƒãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラグインã„ãã¤ã‹
ページナビゲーションプラグイン 10 Best Free Wordpress Pagination Plugin - Smashfreakzã‚’ã”紹介。SSã¯å…ƒè¨˜äº‹ã ã¨ã©ã‚“ãªã‚‚ã®ã‹å…¨ãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ã‚ã¨ã§è‡ªåˆ†ã§ãƒ‘ッã¨è¦‹ã¦ã‚ã‹ã‚‹ã‚ˆã†ã«æ’®ã‚Šç›´ã—ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’プラグインã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚Šã¾ã™ãŒã€ WordPress：プラグインを使ã‚ãšã«ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹æ–¹æ³•ã®ã‚ˆã†ã«ã€ãƒ—ラグインを使ã‚ãªã„方法もã‚ã‚Šã¾ã™ã€‚ãŠå¥½ããªæ–¹ã‚’。 WP-PageNavi ãŠãらã相当数ã®æ—¥æœ¬äººãŒåˆ©ç”¨ã—ã¦ã„るページングナビゲーション。日本語対応ã—ã¦ã¾ã™ã—。 WP-PAGINATE å„種è¨å®šé …目も少ãªãã€ã‚·ãƒ³ãƒ—ルã§äººæ°—。 SIMPLE PAGINATION ã“ã®è³ªæ„ŸãŒå¥½ãã£ã¦ã„ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚Œãªã‚‰WP-PageNaviã¯æ—¥æœ¬èªžã§ã™ã—ã€è‹±èªžã‚’見るã®ã‚‚å«Œã ã¨ã„ã†äººã¯ãã£ã¡ãŒã„ã„ã‹ã‚‚
Youtubeã‚„Vimeoã®å‹•ç”»ã‚’背景ã«æŒ‡å®šã§ãã‚‹jQueryプラグイン・OKFocus video - ã‹ã¡ã³ã¨.net
Youtubeã‚„Vimeoã®å‹•ç”»ã‚’手軽ã«èƒŒæ™¯æŒ‡å®šã§ãã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—トã®ã”紹介。jQueryã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚æ—¢ã«åŒç‰ã®ã‚‚ã®ãŒå˜åœ¨ã—ã¾ã™ãŒã€ä½¿ã„ã‚„ã™ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ 動画を手軽ã«èƒŒæ™¯æŒ‡å®šå‡ºæ¥ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ 動作サンプルã§ã™ã€‚ 背景ãªã®ã§é‡ããŸãƒ¬ã‚¤ãƒ¤ãƒ¼ã®èƒŒæ™¯ã‚’é€éŽã™ã‚Œã°ãƒžã‚¹ã‚¯ã£ã½ã出æ¥ã¾ã™ã。 <script src='jquery.js'></script> <script src='okvideo.js'></script> 本体ã¨ã‚¹ã‚¯ãƒªãƒ—トをèªã¿è¾¼ã¿ã¾ã™ã€‚ $(function(){ $.okvideo({ source: 'http://vimeo.com/*****', volume: 0 }) }); Vimeoã¾ãŸã¯Youtubeã®å‹•ç”»ã®URLを貼るã ã‘。ã“ã‚Œã§èƒŒæ™¯ã«å‹•ç”»ãŒæµã‚Œã¾ã™ã€‚ミュートã¯volumeã‚’0ã«æŒ‡å®šã—ã¾ã™ã€‚ ä»–ã«ã‚‚オプションã„ã‚ã„ã‚。詳細ã¯ä»¥ä¸‹ã§ã”確èª
郵便番å·ã‚’入力ã™ã‚‹ã¨ä½æ‰€ã‚’自動補完ã—ã¦ãれるjQueryプラグイン・jquery.jpostal.js - ã‹ã¡ã³ã¨.net
郵便番å·ã‹ã‚‰ä½æ‰€ã‚’自動補完ã—ã¦ãれるライブラリã®ã”紹介。他ã«ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã‘ã©ä½¿ã„ã‚„ã™ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦ã€‚ よãã‚ã‚‹ã‚„ã¤ã€‚メンテもä¸è¦ã¨ã®äº‹ãªã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚ <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script> ライブラリã¯googlecode.comã«ãƒ›ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’直接èªã¿è¾¼ã¿ã¾ã™ã€‚ $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#a
Twitterã®ã‚ˆã†ãªãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¨ç½®å‡ºæ¥ã‚‹jQueryプラグイン
Simple and Effective jQuery Dropdown Login Formã¯ã€è»½é‡ã§ãŠæ‰‹è»½ã«ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¨ç½®å‡ºæ¥ã‚‹ãƒ—ラグインã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã€Twitterã¿ãŸã„ãªãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¨ç½®ã—ãŸãƒ¼ã„ã¨ã„ã†äººãŒä½•äººã‹ã„ãŸã®ã§å…±æœ‰ã€‚ クリックã‹ã‚‰å±•é–‹ イメージ的ã«ã¯ä»¥ä¸‹ã®æ§˜ãªã€‚ ä¸ã€…美ã—ã„ã§ã—ょ？ è¨ç½®æ–¹æ³• ã¯ã˜ã‚ã«jQueryã‚’Google先生ã‹ã‚‰å‘¼ã³å‡ºã—ã€CSSã€login.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip
入力フォームを更ã«ä¾¿åˆ©ã«ã™ã‚‹jQueryプラグイン5㤠| æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ãŠç–²ã‚Œã•ã¾ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ¢ãƒ¢ã‚³ã§ã™ã€‚ 以å‰ã“ã¡ã‚‰ã®è¨˜äº‹ã€Œå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ をユーザーフレンドリーã«ã™ã‚‹ä¾¿åˆ©ãªJSプラグインã€ã§ã‚‚ã„ãã¤ã‹ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸãŒã€ä»Šå›žã¾ãŸæ–°ãŸã«åˆ¶ä½œã•ã‚ŒãŸå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ãŒæ›´ã«ä¾¿åˆ©ã«ãªã‚‹ãƒ—ラグインを5ã¤ã»ã©ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ flexselect http://rmm5t.github.io/jquery-flexselect/ セレクトボックスã®å„é …ç›®ã‚’ãƒ•ãƒ¬ã‚シブルã«è¡¨ç¤ºã§ãã‚‹jQueryプラグイン。 é¸æŠžã ã‘ã§ãªãã€ãƒ•ã‚©ãƒ¼ãƒ ã«æ–‡å—を入力ã•ã›ã‚‹ã“ã¨ã§ã‚½ãƒ¼ãƒˆã‚‚è¡Œãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚é …ç›®æ•°ãŒå¤šã„å ´åˆã«æœ‰åŠ¹æ´»ç”¨ã§ããã†ã§ã™ã€‚ Multi-Column-Dropdown http://djsmithme.github.io/Multi-Column-Select/ セレクトボックスã®UIをボタンã§é¸æŠžã™ã‚‹å½¢å¼ã«å¤‰æ›´ã—使ã„ã‚„ã™ãã™ã‚‹jQueryプラグイン。 ä¸€é …
maguro29.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - ã¾ãã«ãƒãƒãƒ£ãƒ³ãƒãƒ« ãã«ãƒã«ã¤ã„㦠アプリ ニュース å‹•ç”» 話題 続ã リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
スクãƒãƒ¼ãƒ«ã§é †ã«ç”»åƒèªã¿è¾¼ã¿Lazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
How to Visualize Data Beautifully With the Chart.js Library
Creating charts that look presentable can be a bit of a pain. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to be done. Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW Visualization of Data With Chart.js – Tutorial The Chart.js library is one of the gre
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Welcome to nginx!
jQuery Background Test
darsa.in
Page Not Found
http://vanilla-stone.com/blog/wordpress/2011-edition-45-wordpress-plugin-pieces-install-absolute/
{{#tags}}- {{label}}
{{/tags}}