ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ã“ã‚Œã¯ã‚‚ã¯ã‚„é”æ³•ï¼ HTML5, JavaScriptã§å®Ÿè£…ã•ã‚ŒãŸãƒªãƒƒãƒãªã‚¢ãƒ—リケーション5é¸ | らãµã‚‰ã ^^
最近ã€è©±é¡Œã«ãªã£ã¦ã„ã‚‹JavaScriptã§ã™ã”ã„ã‚‚ã®ã‚’ 実装ã—ã¦ã„る方々ãŒã„ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã ã‘ã§ãã‚‹ãªã‚“ã¦æ£ç›´é©šãã¾ã—ãŸã€‚ â‘ 3Dゲームã®ã‚ˆã†ãªç”»é¢ã‚’å†ç¾ Minecraft4kJS ã“ã¡ã‚‰ã¯ã€ç”»é¢ä¸Šã§ãƒ€ãƒ³ã‚¸ãƒ§ãƒ³ã‚’進んã§ã„ãよã†ãªé–“隔を味ã‚ãˆã‚‹ã‚¢ãƒ—リケーションã§ã™ã€‚ ã“ã‚“ãªçŒ›è€…ãŒã„ã‚‹ãªã‚“ã¦.. â‘¡ã‚ã¡ã‚ƒãã¡ã‚ƒã‹ã£ã“ã„ã„時計 orked from: パーティクル時計 クリックã™ã‚‹ãŸã³ã«ã€ç”»é¢ãŒã¯ã˜ã‘るよã†ãªæ¼”出ãŒã‹ã£ã“ã„ã„ï¼ JSã ã‘ã§ã“ã‚“ãªã«ãƒªãƒƒãƒãªä½œå“ãŒã¤ãã‚Œã‚‹ï¼ â‘¢æ´—ç·´ã•ã‚Œã¾ãã£ã¦ã‚‹ToDoアプリ soda todo ã“ã‚Œã¯ã€ãœã²ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦ã»ã—ã„ã§ã™ã€‚ ã‚¿ã‚¹ã‚¯ã‚’è¿½åŠ ã—ãŸã¨ãã®æ¼”出ãŒæ ¼å¥½ã‚ˆã™ãŽã¦ã€ ã‚ã¡ã‚ƒãã¡ã‚ƒæ°—æŒã¡ã„ã„ã§ã™ã€‚ ã“ã‚“ãªTodoãŒã‚ã£ãŸã‚‰ã€ä»•äº‹ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚上ãŒã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ â‘£ãƒãƒ£ãƒƒãƒˆå½¢å¼ã®ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ
çŸæœŸé–“ã§JavaScriptã‚’ç¿’å¾—ã—ã€ã‚¢ãƒ—リ・Webサービスをã¤ãã‚‹ãŸã‚ã®å‹‰å¼·æ³• | らãµã‚‰ã ^^ @TwinTKchan #spam
å‰å›žæ›¸ã„㟠çŸæœŸé–“ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ç¿’å¾—ã—ã¦Webサービスをã¤ãã‚‹ãŸã‚ã®çŸ¥è˜ã¨æ–¹æ³•ã¾ã¨ã‚ ãŒå¥½è©•ã ã£ãŸã®ã§ã€ä»Šå›žã¯ã€JavaScriptã«çµžã£ã¦ç¿’å¾—ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ä¸€ç•ªæœ€åˆã«ã€JSã«è§¦ã‚ŒãŸæ™‚ã¯ã€Hello, Worldを表示ã•ã›ãŸã‚Šã€ aã‚¿ã‚°ã§ãƒªãƒ³ã‚¯ã‚’ã¯ã£ãŸã‚Šãらã„ã—ã‹å‡ºæ¥ã¾ã›ã‚“ã§ã—ãŸã€‚ ã§ã™ãŒã€ç¾åœ¨ã¯jQueryã§ç¤¾å†…システム㮠画é¢ã‚’ã¤ãã‚‹(Ajaxã¨ã‹ã‚’使ã£ã¦)事を任ã›ã¦ã‚‚らã£ã¦ã„ã¾ã™ã€‚ ãªãœã€JavaScript(JS)ãŒã„ã„ã®ã‹ï¼Ÿãªãœå‹‰å¼·ã™ã‚‹ã®ã‹ï¼Ÿ ã¾ãšã¯ã€ãªãœJSã‚’ãŠè–¦ã‚ã™ã‚‹ã®ã‹ã‚’説明ã—ã¾ã™ã€‚ â‘ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリãŒã¤ãã‚Œã¡ã‚ƒã†ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¨ã¯ã€iPhoneアプリã¨ã‹ã€Androidアプリã®ã“ã¨ã§ã™ã€‚ ã“ã‚Œã¾ã§ã¯ã€iPhoneãªã‚‰ã€Objective-Cã¨ã„ã†è¨€èªžã‚’〠Androidãªã‚‰Java(JSã¨ã¯åˆ¥ç‰©)ã¨ã„ã†è¨€èªž
昔ã®CSSã‚’Lessã¨ã‹Sassã«ã—ãŸã„ã®
ã©ã‚‚ã€ç™½ã§ã™ã€‚ホワイトデーã¯æ¥æœˆã§ã™ï¼ˆã¯ã„）。 ã•ã¦ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã‚’対象ã«ã—ãŸã‚Šã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„サイトを作ã£ã¦ã„ãã¨ãªã‚‹ã¨CSSを書ãã®ã‚‚大変ã§ã™ã€‚ãã‚“ãªæ™‚ã¯ã€Œç´ ã®CSSãªã‚“ã¦æ›¸ã„ã¦ã‚‰ã‚Œã£ã‹ã€ãƒã‚«ãƒ¤ãƒãƒ¼ï¼ï¼ˆã‚¬ãƒ©ã‚¬ãƒ©ã‚¬ãƒƒã‚·ãƒ£ãƒ¼ãƒ³ï¼‰ã€ã£ã¦ãªã‚‹ã®ã§ã€æœ€è¿‘話題ã®ã€ŒLessã€ã‚„「Sass（+Compass）ã€ã€ŒStylusã€ã¨ã„ã£ãŸCSSプリプãƒã‚»ãƒƒã‚µã‚’使ã£ã¦ãƒ†ãƒ¼ãƒžã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’作る人もã„ã‚‹ã§ã—ょã†ã€‚ æ–°è¦ã§ä½œã‚‹å ´åˆã¯è‡ªåˆ†ã®å¥½ããªãƒ—リプãƒã‚»ãƒƒã‚µã‚’使ãˆã°ã„ã„ã—ã€ã€ŒForgeã€ãªã‚“ã¦ã„ã†Sass / CoffeeScriptãªãƒ†ãƒ¼ãƒžé–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ワークã¿ãŸã„ãªã®ï¼ˆè¦Ruby / RubyGems）もã‚ã‚‹ã‚“ã§ã™ãŒã€æ˜”構築ã—ãŸã‚µã‚¤ãƒˆã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã‹ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®æ™‚ãªã©ã€æ—¢å˜ã®ãƒ†ãƒ¼ãƒžã‚’å…ƒã«ã„ã˜ã‚‰ãªã„ã¨ã„ã‘ãªã„å ´åˆã¯ãã£ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã“ã¨ã§ã—ょã†ï¼ˆç¬‘）。 ã—ã‹ã—ã€ä¸–ã®ä¸ã«ã¯ä¾¿åˆ©ãªãƒ„ールを作ã£ã¦ãã ã•ã‚‹é–‹
スワイプã§ãã‚‹LightBox実装jQueryプラグイン「Swipeboxã€:phpspot開発日誌
Swipebox | A touchable jQuery lightbox スワイプã§ãã‚‹LightBox実装jQueryプラグイン「Swipeboxã€ã€‚ LightBoxãŒæœ€åˆã«å‡ºãŸæ™‚ã¯ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ãŒã“ã‚“ãªã«ã‚‚æµè¡Œã£ã¦ã„ã‚‹ã¨ã¯æ€ã„ã¾ã›ã‚“ã§ã—ãŸãŒã€ä»Šã‚„タッãƒãƒ‡ãƒã‚¤ã‚¹ã®å‹¢ã„ã¯ç•™ã¾ã‚‹ã“ã¨ã‚’知りã¾ã›ã‚“。 ã¨ã„ã†ã‚ã‘ã§ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ç”»åƒã‚’スワイプã§é€ã‚‹ã“ã¨ã®ã§ãã‚‹jQueryプラグインãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ PCã§ã‚‚動作ã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€ã“ã‚Œã‹ã‚‰å®Ÿè£…ã™ã‚‹ãªã‚‰ã‚¹ãƒ¯ã‚¤ãƒ—ãŒæ¨™æº–対応ã®ã‚‚ã®ãŒä¾¿åˆ©ãã†ã§ã™ã€‚ ５年後ã€ï¼‘ï¼å¹´å¾Œã¯ã‚¿ãƒ–レットãŒä¸»æµã¨ãªã£ã¦ã„ã‚‹ã¨ä»®å®šã™ã‚‹ã¨ã€ã“ã†ã—ãŸãƒ—ラグインã®é¡žã‚‚ã»ã¨ã‚“ã©ãŒã‚¹ãƒ¯ã‚¤ãƒ—対応ãªã‚“ã¦ã„ã†ã“ã¨ã«ãªã£ã¦ã„ãã†ã§ã™ã。 関連エントリ 今ã“ã知ã£ã¦ãŠãLightbox風プラグイン20+
「転è·ã€ã¯ã‚µã‚¤ã‚³ãƒã®æŒ¯ã‚Šç›´ã— - 脱社畜ブãƒã‚°
ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€ãƒ‰ãƒ©ãƒƒã‚«ãƒ¼ã®è¨€è‘‰ã‚’ãã®ã¾ã¾å€Ÿã‚Šã¦ã€Œæœ€åˆã®å°±è·ã¯ãã˜å¼•ãã€ã¨ã„ã†ã“ã¨ã‚’何度ã‹æ›¸ã„ã¦ããŸï¼ˆã©ã‚“ãªã«è€ƒãˆã¦ã‚‚ã€å…¥ç¤¾å¾Œã®ã€Œã“ã‚“ãªã¯ãšã˜ã‚ƒãªã‹ã£ãŸã€ã¯é¿ã‘られãªã„ç‰ï¼‰ã€‚今日ã¯æœ€åˆã®å°±è·ã§ã¯ãªã„ã€äºŒåº¦ç›®ä»¥é™ã®å°±è·ã§ã‚る「転è·ã€ã«ã¤ã„ã¦ã®ã“ã¨ã‚’書ããŸã„ã¨æ€ã†ã€‚ 僕ã¯ã€æœ€åˆã®å°±è·ãŒã€Œãã˜å¼•ãã€ãªã‚‰ã€äºŒå›žç›®ç§»è¡Œã®å°±è·ã§ã‚る転è·ã¯ã€Œã‚µã‚¤ã‚³ãƒã®æŒ¯ã‚Šç›´ã—ã€ã ã¨æ€ã£ã¦ã„る。転è·ã§ã‚ã£ã¦ã‚‚ã€åƒãã¾ã§ã¯è·å ´ã®é›°å›²æ°—ã¯åˆ†ã‹ã‚Šã¥ã‚‰ã„ã—ã€ãã‚ŒãŒçµæžœçš„ã«ä»Šã®è·å ´ã‚ˆã‚Šã‚ˆããªã‚‹ã‹ã©ã†ã‹ã‚‚ä¿è¨¼ã¯ã•ã‚Œãªã„。çµå±€ã€ä¼šç¤¾ã§æ°—æŒã‚ˆãåƒã‘ã‚‹ã‹ãŒé‹æ¬¡ç¬¬ã¨ã„ã†çŠ¶æ³ã¯ã€è»¢è·ã§ã‚ã£ã¦ã‚‚変ã‚らãªã„。 ä»®ã«ä»Šã®è·å ´ãŒé…·ã„è·å ´ã§ã€ã‚µã‚¤ã‚³ãƒã®å‡ºç›®ã§è¨€ã†ã¨ã€Œï¼’ã€ãらã„ã ã£ãŸã¨ã™ã‚‹ã€‚ã“ã‚Œã¯è€ãˆã‚‰ã‚Œãªã„ã¨æ€ã£ã¦è»¢è·ã‚’実行ã™ã‚‹ã¨ã€ç¢ºçŽ‡çš„ã«ã¯ã€Œï¼’ã€ã‚ˆã‚Šå¤§ãã„出目ãŒå‡ºã‚‹å ´åˆã®ã»ã†ãŒå¤šã„ã®ã ãŒã€é‹ã«ã‚ˆã£ã¦ã¯ã¾ãŸåŒã˜ã€Œï¼’ã€ã¨ã‹ã€ã•ã‚‰ã«ä½Žã„「１ã€ãŒå‡ºã¦ã—ã¾ã†ã“
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.css2less.cc/
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼·ã—ã¦ã¿ã‚‹ | DevelopersIO
{{#tags}}- {{label}}
{{/tags}}