HTMLã€CSSã€Javascriptã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€çµµã‚’æã„ãŸã‚Šã€‚
Sassã¨Compassを使ã£ã¦æ¥½ã—ãCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ - develo.org
HTMLã€CSSã€Javascriptã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€çµµã‚’æã„ãŸã‚Šã€‚
Introduction to Sass and How to Setup with Mac + Coda
2014å¹´7月31æ—¥ CSS, 便利ツール 「Sassã€ã£ã¦èžã„ãŸã“ã¨ã‚ã‚Šã¾ã™ã‹ï¼Ÿã™ã£ã”ãç°¡å˜ã«è¨€ã†ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ãƒ»åŠ¹çŽ‡è‰¯ã記述ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã¨ã¯è¨€ãˆåŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯CSSã¨åŒã˜ãªã®ã§ã€ã€Œæ–°ã—ã„プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ã¨ã„ã†ã‚ˆã‚Šã€ŒCSSã®æ–°ã—ã„装備å“ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚一見難ã—ãæ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ…£ã‚Œã‚‹ã¨ã€Œã“ã‚Œãªã—ã§ã¯ã„られãªã„ï¼ã€ã¨ã¾ã§æ€ãˆã‚‹Sassã®é…力ã¨ã€Macã§ã®è¨å®šæ–¹æ³•ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãªãƒ¼ã¨ã„ã†äº‹ã§Mac＋Codaã§ã®è¨å®šæ–¹æ³•ã‚‚紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Sassã¨ã¯ 日本語ã§ã¯ã€Œã‚µã‚¹ã€ã¨èªã¾ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚æ‹¡å¼µåã¯ã€Œ.scssã€ã€‚今ã¾ã§ã®CSSã«å¤‰æ•°ã‚„計算å¼ã‚’使ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é¢¨ã®æ›¸ãæ–¹ã‚’åŠ ãˆãŸ .scss ファイルをã€å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘イル）ã—ã¦CSSファイルを作æˆã—ã¾ã™ã€‚例ãˆã°ã€Œstyle.scssã€ã®Sassファイルを変æ›ã™ã‚‹
Webベースã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‚¯ãƒ¼ãƒ«ãªãƒ—レゼンテーションを実装ã™ã‚‹ç‚ºã®JavaScriptフレームワーク・Mosho - ã‹ã¡ã³ã¨.net
Web上ã§ãƒ—レゼンã™ã‚‹ç‚ºã®JavaScript フレームワークã€Moshoã®ã”紹介ã§ã™ã€‚ impress.jsライクãªãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãª å‹•ãã®ãƒ—レゼンテーションをHTML㧠実装ã™ã‚‹äº‹ãŒå¯èƒ½ã§ã™ã€‚シンプル㧠良ã‹ã£ãŸã®ã§ãŠå‹§ã‚。 ã“ã®æ‰‹ã®ã¯è‰²ã€…出ã¦ã„ã¾ã™ã®ã§æŽ¢ã›ã°ã„ãらã§ã‚‚見ã¤ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€Moshoã¯jQueryã‚„mootoolsãªã©ã®ãƒ©ã‚¤ãƒ–ラリã«ä¾å˜ã—ãªã„スクリプトã§ã™ã®ã§è¦šãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚。 よãã‚るプレゼンã®ã‚„ã¤ã€‚HTML5/CSS3/JavaScriptã§ä½œã‚Šã¾ã™ã€‚サイズã¯éžåœ§ç¸®ç‰ˆã§15KBã»ã©ã€‚ 以下ã«ã‚µãƒ³ãƒ—ル用æ„ã—ã¾ã—ãŸã€‚矢å°ã‚ーã§æ“作ã—ã¾ã™ã€‚ Sample data属性ã§æŒ‡å®šã™ã‚‹ スライドã”ã¨ã®å‹•ãã¯impress.jsåŒæ§˜ã€ã‚«ã‚¹ã‚¿ãƒ データ属性ã§æ“作ã—ã¾ã™ã€‚ <div class="mosho-slide" id="3d-transform" data-x=1120
UIデザイナーãŒçŸ¥ã£ã¦ãŠãã¹ãエンドユーザーã®10ã®ç‰¹å¾´
ユーザーã®è¦–点ã«ç«‹ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãªã„インターフェースã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å—ã‘入れã¦ã‚‚らãˆãªã„ã¯ãšã 。ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€UIデザイナーãŒå¿µé ã«ç½®ã„ã¦ãŠãã¹ãユーザーã®ç¿’慣や考ãˆæ–¹ã«ã¤ã„ã¦ç„¦ç‚¹ã‚’当ã¦ã‚‹ã€‚ ã¤ã„最近ã€ã€ŒUbuntu Unityã€ã¯Ubuntuã«æ£å¼æ載ã•ã‚Œã¦ã‹ã‚‰1周年を迎ãˆãŸã€‚ã¾ãŸã€ã€ŒWindows 8ã€ã¯ãƒªãƒªãƒ¼ã‚¹ã‚’é–“è¿‘ã«æŽ§ãˆã¦ã„る。ã“ã†ã„ã£ãŸçŠ¶æ³ã®ãªã‹ã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）ã¯åŒã˜ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ãªã„ã¨ã„ã†äº‹å®ŸãŒæ˜Žã‚‰ã‹ã«ãªã£ã¦ãã¦ã„る。実際ã®ã¨ã“ã‚ã€ã‚³ãƒ³ãƒ”ュータã®ä½¿ã„æ–¹ã«é©å‘½çš„ãªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã™ã‚ˆã†ãªç´ 晴らã—ã„UIデザインもã‚ã‚Šå¾—ã‚‹ã ã‚ã†ãŒã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’念é ã«ç½®ã„ã¦ã„ãªã„ã‚‚ã®ã¯ã€ãã®ç´ 晴らã—ã•ã‚’証明ã™ã‚‹é–“ã‚‚ãªã失敗作ã¨ã„ã†çƒ™å°ã‚’押ã•ã‚Œã¦ã—ã¾ã†ã¯ãšã 。 ç†è€…ã¯é•·å¹´ã«æ¸¡ã‚‹ã‚³ãƒ³ãƒ”ュータ経験ã®ãªã‹ã§ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®Linuxデスクトップã¨ã€ã‚らゆるãƒãƒ¼ã‚¸ãƒ§ãƒ³
指定ã—ãŸèƒŒæ™¯ç”»åƒã‚’x秒毎ã«åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryプラグイン - Rewish
imgè¦ç´ ã§ã¯ãªã背景画åƒï¼ˆbackground-image）を切り替ãˆã‚‹jQueryプラグインã§ã™ã€‚ 2013å¹´7月29æ—¥ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.4.0をリリースã—ã¾ã—ãŸã€‚一ã‹ã‚‰æ›¸ããªãŠã—ã¦ã€åˆ‡ã‚Šæ›¿ãˆæ–¹æ³•ãªã©è‰²ã€…改善ã—ã¦ã„ã‚‹ã®ã§ã€è‰¯ã‘ã‚Œã°ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ jquery.bgswitcher.js 開発リãƒã‚¸ãƒˆãƒªã¯rewish/jquery-bgswitcher · GitHub ä¾å˜ãƒ©ã‚¤ãƒ–ラリ jQuery 1.7.x以上ãŒå¿…è¦ã§ã™ã€‚ ライセンス MIT License 主ãªæ©Ÿèƒ½ エフェクト付ãã®èƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆ 切り替ãˆã®åˆ¶å¾¡ï¼ˆé–‹å§‹/åœæ¢/リセット） ファイルåã®é€£ç•ªè‡ªå‹•èªã¿è¾¼ã¿ ç”»åƒã®ãƒ—リãƒãƒ¼ãƒ‰ デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
ページをゆるãµã‚ã£ã¨è¡¨ç¤ºã™ã‚‹ jQuery Chaining Effects Plugin (jquery.effectchain.js)
ページをゆるãµã‚ã£ã¨è¡¨ç¤ºã™ã‚‹ jQuery Chaining Effects Plugin (jquery.effectchain.js) ã¯ã„ã“ã‚“ã«ã¡ã¯ï¼ä»Šå›žã¯ã“ã“ã¨ã‹ã“ã“ã¿ãŸã„ãªã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ãƒ—ラグインをã¤ãã£ã¦ã¿ãŸã®ã§ãã®ã”紹介ã§ã™ï¼ Internet Explorer 6+, Safari 5, Google Chrome 8, Firefox 3.6, Opera 11 ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚ä¸å…·åˆã‚„å‹•ä½œå ±å‘Šãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã”連絡ドーゾ。 動作デモ ç”»åƒã§ã¯ãŠä¼ãˆã—ã«ãã„ã®ã§ã€æ˜ åƒã§ã€‚最åˆã® 20 秒ã¾ã§ãŒãƒ—ラグインã®ãƒ‡ãƒ¢ã«ãªã‚Šã¾ã™ã€‚ 実際ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ 特徴 ç°¡å˜ãªè¨˜è¿°ã§ãƒªãƒƒãƒãªãƒšãƒ¼ã‚¸è¡¨ç¤ºæ¼”出ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ã‚«ã‚¹ã‚¿ãƒ データ属性を使ã£ã¦è¦ç´ ã”ã¨ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’変ãˆãŸã‚Šã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒ«ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¤ã‚’指定ã—ã¦è¡¨ç¤ºã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’制御ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2012å¹´5・6月
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ Champagne エレメントをランダムãªé †ç•ªã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ã¾ã™ã€‚ Real Shadow カーソルを光æºã¨ã—ãŸãƒªã‚¢ãƒ«ãªå½±
Webデザイナーãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„ã€ä»Šæœˆã®å„ªã‚ŒãŸWebデザイン（2012å¹´6月）
浜æ¾ã®ãƒ“ジãƒã‚¹ãƒ›ãƒ†ãƒ«ï½œHOTEL day by ... / 03 ENTERTAINMENT(03E)::広... / ACRYLIC ORDER RUG（アクリルオー...ä»–...å…¨12件
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
UIデザイナーãŒçŸ¥ã£ã¦ãŠãã¹ãエンドユーザーã®10ã®ç‰¹å¾´
ユーザーã®è¦–点ã«ç«‹ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãªã„インターフェースã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å—ã‘入れã¦ã‚‚らãˆãªã„ã¯ãšã 。ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€UIデザイナーãŒå¿µé ã«ç½®ã„ã¦ãŠãã¹ãユーザーã®ç¿’慣や考ãˆæ–¹ã«ã¤ã„ã¦ç„¦ç‚¹ã‚’当ã¦ã‚‹ã€‚ ã¤ã„最近ã€ã€ŒUbuntu Unityã€ã¯Ubuntuã«æ£å¼æ載ã•ã‚Œã¦ã‹ã‚‰1周年を迎ãˆãŸã€‚ã¾ãŸã€ã€ŒWindows 8ã€ã¯ãƒªãƒªãƒ¼ã‚¹ã‚’é–“è¿‘ã«æŽ§ãˆã¦ã„る。ã“ã†ã„ã£ãŸçŠ¶æ³ã®ãªã‹ã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）ã¯åŒã˜ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ãªã„ã¨ã„ã†äº‹å®ŸãŒæ˜Žã‚‰ã‹ã«ãªã£ã¦ãã¦ã„る。実際ã®ã¨ã“ã‚ã€ã‚³ãƒ³ãƒ”ュータã®ä½¿ã„æ–¹ã«é©å‘½çš„ãªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã™ã‚ˆã†ãªç´ 晴らã—ã„UIデザインもã‚ã‚Šå¾—ã‚‹ã ã‚ã†ãŒã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’念é ã«ç½®ã„ã¦ã„ãªã„ã‚‚ã®ã¯ã€ãã®ç´ 晴らã—ã•ã‚’証明ã™ã‚‹é–“ã‚‚ãªã失敗作ã¨ã„ã†çƒ™å°ã‚’押ã•ã‚Œã¦ã—ã¾ã†ã¯ãšã 。 ç†è€…ã¯é•·å¹´ã«æ¸¡ã‚‹ã‚³ãƒ³ãƒ”ュータ経験ã®ãªã‹ã§ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®Linuxデスクトップã¨ã€ã‚らゆるãƒãƒ¼ã‚¸ãƒ§ãƒ³
[JS]シンプルãªã‚‚ã®ã‹ã‚‰é«˜æ€§èƒ½ãªã‚‚ã®ã¾ã§ç°¡å˜ã«é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’実装ã§ãるスクリプト -Backbone.Notifier
通知パãƒãƒ«ã‚’ページ上部ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ãŸã‚Šã€ä¸å¤®ã«ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°é¢¨ã«è¡¨ç¤ºã—ãŸã‚Šã€ã¯å½“ãŸã‚Šå‰ã€‚ デザインをåŠé€æ˜Žã‚„3Dã«ã—ãŸã‚Šã€ãƒ‘ãƒãƒ«ã®é€£å‹•ã‚„ユーザーã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚¤ãƒ™ãƒ³ãƒˆã®è¨å®šã‚‚ã§ãる高機能ãªé€šçŸ¥ãƒ‘ãƒãƒ«ã‚’実装ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Backbone.Notifier -GitHub [ad#ad-2] Backbone.Notifierã®ç‰¹å¾´ Backbone.Notifierã®ãƒ‡ãƒ¢ Backbone.Notifierã®ä½¿ã„æ–¹ Backbone.Notifierã®ç‰¹å¾´ ページã®ä¸Šéƒ¨ã‚„ä¸å¤®ã«é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’アニメーションã§è¡¨ç¤ºã—ã¾ã™ã€‚ スタイルã¯é€šçŸ¥ã€ã‚¨ãƒ©ãƒ¼ã€è¦å‘Šã€æˆåŠŸãªã©ã€ã•ã¾ã–ã¾ãªã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ スタイルã¯CSSベースã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ 通知パãƒãƒ«ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’調整ã§ãã¾ã™ã€‚ 通知パãƒãƒ«ã‚’連æºã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Backbone
Mac ã®å‡„ã美ã—ã„ Git クライアント Tower を使ã†ã¨ä»•äº‹ãŒã¨ã¦ã‚‚楽ã—ã„ | ウェブル
Git クライアントを探ã—ã¦ã„ãŸã®ã§ã™ãŒç‰¹ã«ãªã‹ã£ãŸã®ã§ã‚³ãƒžãƒ³ãƒ‰ã§è§¦ã£ã¦ã„ã¾ã—ãŸã€‚1人ã§ã‚„ã£ã¦ã‚‹ã®ã§ãã‚“ãªã«è¤‡é›‘ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ãªã„ã®ã§å¿…è¦ãªã‹ã£ãŸã®ã§ã™ãŒã€ãŸã¾ãŸã¾è¦‹ã¤ã‘ãŸã®ã‚’使ã£ãŸã‚‰å‡„ã良ã‹ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã“ã‚Œã¯å‡„ã見やã™ã„。個人的ã«ã¯ diff ã£ã¦è¨€ã†ã‚“ã§ã™ã‹ã€ã“ã‚ŒãŒå‡„ã良ã„。ãªã‚“ã‹CSS書ãæ›ãˆãŸã ã‘ãªã®ã«å‡„ãé ã®è‰¯ã„ã“ã¨ã‚’ã—ã¦ã„ã‚‹ã¿ãŸã„ã«è¦‹ãˆã‚‹ä¸æ€è°ã€‚トラブル㧠revert ã—ãŸã„時も凄ãç°¡å˜ã§ã™ã—ã€ç‰¹å®šã®ãƒªãƒ“ジョン㮠export ã‚‚ç°¡å˜ã§ã™ã€‚ç›´æ„Ÿçš„ã«æ“作ãŒå‡ºæ¥ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ Tower ã¨ã„ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãªã‚“ã§ã™ãŒä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚シェアウェアã§ã™ãŒ30日間トライアルã§åˆ©ç”¨ã§ãã‚‹ã¿ãŸã„ãªã®ã§ã“ã‚Œã§è©¦ã—ã¦ã¿ã‚‹ä¾¡å€¤ã‚ã‚Šã§ã™ã€‚ Tower – The most powerful Git client for Mac ç§ã®å ´åˆã¯ã€ä¸€äººã§ã‚„ã£ã¦ã‚‹ã®ã§ Git
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
medleyweb.com
{{#tags}}- {{label}}
{{/tags}}