WideArea - Better Textarea
WideArea? WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. How to use? Really simple. Just include both JavaScript and CSS file and then add data-widearea="enable" attribute to your textarea and then call this JavaScript function in the page: wideArea(); License Free and open-source (including commercial use). P
色色 [:iroiro] - 「言葉ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—よã†ï¼
色色[:iroiro]ã¨ã¯ã€ã€Œè¨€è‘‰ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを生æˆã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚
![色色 [:iroiro] - 「言葉ã€ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—よã†ï¼](https://cdn-ak-scissors.b.st-hatena.com/image/square/af968f100788dea6e8fc8badabc54f2003dd7bb9/height=288;version=1;width=512/http%3A%2F%2Fsynthsky.com%2Firoiro%2Fimgs%2Firoiross.jpg)
Bootstrapをカスタマイズï¼ãƒšãƒ¼ã‚¸ã‚’スマホã§è¡¨ç¤ºã—ãŸéš›ã«æ¨ªã‹ã‚‰ãƒŠãƒ“ゲーションをスライドã•ã›ã‚‹ -Bootstrap Offcanvas
Bootstrapã§å®Ÿè£…ã—ãŸãƒšãƒ¼ã‚¸ã‚’スマホãªã©ã®å¹…ãŒç‹ã„スクリーンã§è¡¨ç¤ºã—ãŸéš›ã«ã€æ¨ªã‹ã‚‰ã‚ªãƒ•ã‚ャンãƒã‚¹ã®ãƒŠãƒ“ゲーションをアニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹JSã¨CSSã®ãƒ‘ックを紹介ã—ã¾ã™ã€‚ Off Canvas -Bootstrap Bootstrap Offcanvasã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML ã¾ãšã¯ã€ã‚ªãƒ•ã‚ャンãƒã‚¹ã®ãƒŠãƒ“ゲーションを開ãボタン。 <butt
ブラウザー上ã§ã‚µã‚¯ãƒƒã¨ã‚³ãƒ¼ãƒ‰ã®å‹•ä½œãƒ†ã‚¹ãƒˆãŒã§ãã‚‹Webサイトã„ã‚ã„ã‚
2017å¹´2月17æ—¥ 便利ツール 作æ¥ä¸ã«ã€ãµã¨å‹•ä½œç¢ºèªãŒã—ãŸã„…ã§ã‚‚æ–°è¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作るã®ã™ã‚‰ã‚ã‚“ã©ãã•ã„…ãªã‚“ã¦ã“ã¨ã€ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿï¼ˆãˆï¼Ÿãªã„？w）ãã‚“ãªæ™‚ã¯ãƒ•ã‚¡ã‚¤ãƒ«ä¸è¦ï¼ç’°å¢ƒè¨å®šä¸è¦ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ†ã‚¹ãƒˆã‚µã‚¤ãƒˆã‚’使ã£ã¡ã‚ƒã„ã¾ã—ょã†ï¼å‹•ä½œç¢ºèªç”¨ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹ã‚‚ã®ã€ãƒ–ックマーク登録ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ï¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’ä¿å˜ã§ãるサイトもã‚ã‚‹ã®ã§ã€å‚™å¿˜éŒ²ã¨ã—ã¦ä½¿ã£ã¦ã¿ã¦ã‚‚よã•ãã†ã§ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ CodePen Webクリエイターボックスã§ã‚‚何度ã¨ãªã紹介ã—ã¦ããŸCodePen。フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‹•ä½œç¢ºèªã«æœ€é©ã§ã™ã€‚Emmetã®åˆ©ç”¨ã‚‚OKï¼ãƒ©ã‚¤ãƒ–プレビューãŒã§ãã‚‹ã®ã§ã€ã„ã¡ã„ã¡ä¿å˜ã—ãŸã‚Šå®Ÿè¡Œãƒœã‚¿ãƒ³ã‚’クリックã—ã¦å‹•ä½œç¢ºèªã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。作æˆã—ãŸã‚³ãƒ¼ãƒ‰ã‚’ブãƒã‚°ã¸åŸ‹ã‚込んã ã‚Šã€ã‚·ã‚§ã‚¢ã™ã‚‹ã®ã‚‚ç°¡å˜ï¼ HTML
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã‚‚OKãªãƒ¨ãƒ¼ãƒãƒƒãƒ‘ã®é¢¨æ™¯å†™çœŸç´ æãŒå¤§é‡ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€Œç ‚æ¼ ã‚らã‹ã‚‹ãŸã€
写真ã®åŠ å·¥ã¯ç„¡åˆ¶é™ã€å•†ç”¨åˆ©ç”¨å¯èƒ½ã€å¹´é½¢åˆ¶é™ã®ã‚ã‚‹åŒäººä½œå“ã§ã®ä½¿ç”¨ã‚‚OKãª400枚以上ã®ãƒ¨ãƒ¼ãƒãƒƒãƒ‘é¢¨æ™¯å†™çœŸç´ æãŒã€ãƒ•ãƒªãƒ¼ã‚²ãƒ¼ãƒ åˆ¶ä½œã‚µã‚¤ãƒˆã€Œç ‚æ¼ ã‚らã‹ã‚‹ãŸã€ã«ã¦ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ç ‚æ¼ ã‚らã‹ã‚‹ãŸ http://sabakuarakaruta.web.fc2.com/materials.html ã€Œç ‚æ¼ ã‚らã‹ã‚‹ãŸã€ã‹ã‚‰å†™çœŸç´ æをダウンãƒãƒ¼ãƒ‰ã™ã‚‹éš›ã¯ã€ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã€Œåˆ©ç”¨è¦ç´„ã«åŒæ„ã—ã¦ä¸€æ‹¬DL(193MB)ã€ã‚’クリック。 ã™ã‚‹ã¨ã€ã€Œç ‚æ¼ ã‚らã‹ã‚‹ãŸã€ã®é‹å–¶è€…ã§ã‚る早見ã•ã‚‰ã‚Šã•ã‚“ã®OneDriveã«é£›ã³ã¾ã™ã€‚ ã“ã“ã«ã‚ã‚‹ã€Œå†™çœŸç´ æ(å…¨ã¦ä¸€æ‹¬DL)ã€ã‚’クリック。 「OKã€ã‚’クリック ダウンãƒãƒ¼ãƒ‰ã—ãŸZIPファイルを「Explzhã€ãªã©ã®ã‚½ãƒ•ãƒˆã‚’使ã£ã¦è§£å‡ã€‚ ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸ã«ã€ç”»åƒã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”4：3ã§é•·è¾º1280ピクセルã®JPGç”»åƒãŒåˆè¨ˆ400枚以上詰ã‚è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 写真ã¯å…¨éƒ¨ã§10個ã®ã‚¸ãƒ£
åˆå¿ƒè€…ã§ã‚‚分ã‹ã‚‹ï¼ãªã€jQueryã®ã€ŒTOPã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã®ä½œã‚Šæ–¹
ページをスクãƒãƒ¼ãƒ«ã™ã‚‹ã¨å³ä¸‹ã«å‡ºã¦ãる「TOPã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã®ä½œã‚Šæ–¹ã‚’ã€jQueryåˆå¿ƒè€…ã«ã‚‚分ã‹ã‚‹ã‚ˆã†èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚
Placehold.jp
基本 以下ã®å½¢å¼ã§ã€æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã®ç”»åƒã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ https://placehold.jp/{å¹…}x{高ã•}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文å—ã®è‰²ã‚µã‚¤ã‚ºã‚’変更ã™ã‚‹ https://placehold.jp/{æ–‡å—色}/150x100.png https://placehold.jp/{背景色}/{æ–‡å—色}/150x100.png https://placehold.jp/{æ–‡å—サイズ}/{背景色}/{æ–‡å—色}/150x100.png ※背景色・文å—色ã¯RGBã®16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更ã™ã‚‹ URL末尾ã®æ‹¡å¼µåã§ã€pngã¨jpgã®2種類ãŒæŒ‡å®šå¯èƒ½ã§ã™ã€‚
Webデザインをパーツã§å‚考ã«ã§ãるサイトã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€å·¥è—¤ã§ã™ã€‚ Webデザインã®éš›ã€ãƒ‘ーツã§æ‚©ã‚“ã§ã—ã¾ã†ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ãƒ»ãƒ»ã€‚ 今回ã¯ãƒ‘ーツ毎ã«ã¾ã¨ã‚ã¦ãã ã•ã£ã¦ã„るサイトをã”紹介ã—ã¾ã™ã€‚日本語サイトãŒå¤šã‚ã§ã™ã€‚ パーツ全般を集ã‚ã¦ã„るサイト ブブンデザインアーカイブ http://bubundesignarchive.jp/ Croppy http://croppy.org/ MephoBox http://box.mepholio.com/ メインビジュアル関連 WEBデザインã®ãƒ¡ã‚¤ãƒ³ãƒ“ジュアルã¾ã¨ã‚ http://mainvisual.net-king.com/ MAIN VISUAL collection http://mvisual-collection.dslrs-journal.info/ 見出ã—関連 見出ã—デザイン.com http://midashi-design.com/ Typography For He
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Webサービス開発ã§åŸ¹ã£ãŸé¢¨åœŸã§ã‚¢ãƒ‰ãƒ†ã‚¯ã‚’手ãŒã‘ã€ç§’é–“5万リクエストã«æŒ‘ã‚€ï¼ ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºÃ—ã¯ã¦ãªåº§è«‡ä¼š - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
以å‰ã«ã€Œã¯ã¦ãªã¨ãã£ãã‚Šã€ãªWebサービス開発会社ã¨ã—ã¦ã€é–‹ç™ºã®ã„ã‚ã„ã‚ã‚’ãŠèžãã—ãŸã€Œãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã€ãŒã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã®å¯¾è±¡ã‚’ã€ã‚¢ãƒ‰ãƒ†ã‚¯åˆ†é‡Žã«ã‚·ãƒ•ãƒˆã—ã€æœ€å…ˆç«¯ã®åˆ†é‡Žã§Webサービス出身ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã¡ãŒã•ã¾ã–ã¾ãªå·¥å¤«ã‚’ã—ã¦ã„ã¾ã™ã€‚3å¹´å‰ã¨åŒã˜ã‚ˆã†ã«ã€ã¯ã¦ãªãƒãƒ¼ãƒ•ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤§è¥¿ã‚’交ãˆã¦åº§è«‡ä¼šã‚’開催ã—ã€é–‹ç™ºç’°å¢ƒã‹ã‚‰ã‚ャリアパスã®ã“ã¨ã¾ã§ã„ã‚ã„ã‚ã¨ãŠèžãã—ã¾ã—ãŸã€‚記事ã®æœ€å¾Œã«ã¯ã€MacBook Pro RetinaディスプレイモデルãŒå½“ãŸã‚‹ãƒ—レゼントã®ãŠçŸ¥ã‚‰ã›ã‚‚ã‚ã‚Šã¾ã™ã€‚ 座談会出å¸è€…（上写真ã€å·¦ã‚ˆã‚Šï¼‰ï¼šã¯ã¦ãª 大西康裕ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚º 大石壮å¾ã•ã‚“ã€æ—¥é¦¬åº·å’Œã•ã‚“ã€é˜¿éƒ¨ç›´ä¹‹ã•ã‚“ã€ä¸Šç”°å’Œåã•ã‚“ （※ã“ã®è¨˜äº‹ã¯ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºæä¾›ã«ã‚ˆã‚‹PR記事ã§ã™ï¼‰ 大西　ã”無沙汰ã—ã¦ã„ã¾ã™ã€‚ã¯ã¦ãªãƒãƒ¼ãƒ•ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤§è¥¿ã§ã™ã€‚以å‰ã‚‚ã“ã¡ã‚‰ã®ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
クãƒã‚¹ãƒ—ラットフォーム開発ã®å¤§æœ¬å‘½!? HTML5もアプリもFlashも開発ã§ãる「OpenFLã€ã¨ã¯ï¼Ÿ - ICS MEDIA
クãƒã‚¹ãƒ—ラットフォーム開発ã®å¤§æœ¬å‘½!? HTML5もアプリもFlashも開発ã§ãる「OpenFLã€ã¨ã¯ï¼Ÿ 「インタラクティブコンテンツをワンソースã§ã‚¯ãƒã‚¹ãƒ—ラットフォームã«å¯¾å¿œã•ã›ãŸã„ã€ã€ãã‚Œã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã§ã‚ã‚Œã°èª°ã‚‚ãŒæœ›ã‚€ã“ã¨ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚一昔å‰ã¯Adobe FlashãŒã€ŒOpen Screen Projectã€ã¨é¡Œã—ã¦ä¸€æ©æ‰‹å‰ã¾ã§å®Ÿç¾ã—ã¦ã„ã¾ã—ãŸãŒã€iPhoneã‹ã‚‰Flashã‚’ç· ã‚出ãã†ã¨ã™ã‚‹Appleã®å¼·ç¡¬ãªå§¿å‹¢ã«ã‚ˆã£ã¦é “挫ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ 尾野ã•ã‚“(ã—ã£ã½ã•ã‚“)ã‹ã‚‰ã®å‹§ã‚ã‚‚ã‚り調ã¹ãŸã®ã§ã™ãŒã€ã€ŒOpenFLã€ï¼ˆã‚ªãƒ¼ãƒ—ンエフエル）ã¨ã„ã†ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã•ã¾ã–ã¾ãªå½¢å¼ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–コンテンツを出力ã§ãã¾ã™ã€‚ã¤ã¾ã‚ŠOpenFLを使ãˆã°ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ラットフォームを実ç¾ã§ãã‚‹ã®ã§ã™ã€‚今回ã¯OpenFLã‹ã‚‰HTML5ã¨Flashを出力ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¯ãƒã‚¹
Microsoft Expression Web 4ã¨Expression Design 4ã®ç„¡æ–™ç‰ˆãŒå…¬é–‹ã•ã‚Œã¦ãŸ – ウェブアラカルト
ã„ã¤ã®é–“ã«ã‹ã€Webサイト作æˆã‚½ãƒ•ãƒˆã€ŒMicrosoft Expression Web 4ã€ã¨ã€ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ä½œæˆã‚½ãƒ•ãƒˆã€ŒMicrosoft Expression Design 4ã€ã®ç„¡æ–™ç‰ˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ・Microsoft Expression Web 4 Webサイト作æˆã‚½ãƒ•ãƒˆ(Webオーサリングツール)。 入力ã®è‡ªå‹•è£œå®Œæ©Ÿèƒ½ã‚‚ã‚る。 ãŸã ã—ã€è‰²ã‚“ãªãƒ–ラウザã§è¡¨ç¤ºç¢ºèªãŒå‡ºæ¥ã‚‹ã€ŒExpression SuperPreview Remoteã€æ©Ÿèƒ½ã®ãƒ™ãƒ¼ã‚¿ç‰ˆã¯ã€2013å¹´6月30日をもã£ã¦æ供終了ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 注æ„点ã¨ã—ã¦ã¯ã€ä¸Šè¨˜ã‚µã‚¤ãƒˆã§æ™®é€šã«ã€ŒDownloadã€ãƒœã‚¿ãƒ³(赤ã„ã‚„ã¤)を押ã™ã¨ã€è‹±èªžç‰ˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã—ã¾ã†ã®ã§æ³¨æ„。日本語版ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ–¹æ³•ã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã®ä¸‹éƒ¨ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ・Microsoft Expression Design 4 ベクターグラフ
スマホサイト対ç–ï¼ã‚¦ã‚§ãƒ–クリップアイコンã®è¨å®šã‚’忘れãšã« | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ï¼ã‚µãƒªãƒ¼ã§ã™ã€‚ 昔ã¯ã€è¨å®šã—ã¦ã„ãŸã‚‰ã€Œã‚らオシャレã€ãらã„ã®æ„Ÿè¦šã ã£ãŸfaviconã‚‚ã€è¿‘é ƒã¯ã™ã£ã‹ã‚Šå¿…é ˆé …ç›®ã¨ãªã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ â–²ã¡ãªã¿ã«LIGã®faviconã¯ã“ã‚“ãªæ„Ÿã˜ ãã®ä¸€æ–¹ã§ã€æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ›ç”¨ã®ã€Œã‚¦ã‚§ãƒ–クリップアイコンã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚ŒãŒã¡ã‚ƒã‚“ã¨è¨å®šã—ã¦ã‚ã‚‹ã¨ã€ŒãŠã£ã€ã¦æ€ã„ã¾ã™ã€‚ã¨ã£ã¦ã‚‚ç°¡å˜ãªã®ã§è¨å®šã—ã¦ã¿ã¾ã—ょã†ã€‚ ウェブクリップアイコンã£ã¦ï¼Ÿ スマホã§ã¯ãƒ›ãƒ¼ãƒ ç”»é¢ã«ãƒ–ックマークã®ã‚¢ã‚¤ã‚³ãƒ³ï¼ˆã‚¿ãƒƒãƒ—ã§ãƒ–ラウザãŒç«‹ã¡ä¸ŠãŒã‚Šä»»æ„ã®ã‚µã‚¤ãƒˆãŒé–‹ãアイコン）を置ãã“ã¨ã‚’ã€ã€Œã‚¦ã‚§ãƒ–クリップã€ã¨å‘¼ã³ã¾ã™ã€‚ ãã®ã¨ãホーム画é¢ã§ä½¿ç”¨ã•ã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®äº‹ã‚’ãã®ã¾ã‚“ã¾ã€Œã‚¦ã‚§ãƒ–クリップアイコンã€ã¨å‘¼ã¶ã®ã§ã™ã。 ウェブクリップアイコンをホーム画é¢ã«è¨ç½®ã™ã‚‹æ–¹æ³• iPhoneãªã©ã®å ´åˆ iPhone/iPod touch/iPadã§ã¯ã€Safariã§ã‚µã‚¤ãƒˆã‚’é–‹ãã€ä¸‹éƒ¨ä¸å¤®ã®å…±æœ‰
SVGã‚’ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã«ä½¿ã„ãŸã„·svg.js MOONGIFT
svg.jsã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„イベント駆動型ã®SVGを実ç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ SVGã¯ã¾ã 広ã利用ã•ã‚Œã¦ã„ã‚‹ã¨ã¯è¨€ã„ãŒãŸã„ã§ã™ãŒã€ãƒ“ットマップã§ã¯ãªãベクターデータãªã®ã§æ‹¡å¤§ã—ã¦ã‚‚ãã‚Œã„ãªã©ç‰¹å¾´ãŒå¤šæ•°ã‚ã‚Šã¾ã™ã€‚今回紹介ã™ã‚‹svg.jsã¯SVGを使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã«ãªã‚Šã¾ã™ã€‚ デモã§ã™ã€‚å˜ç´”ãªã‚ªãƒ–ジェクトã®ç”Ÿæˆã€ç§»å‹•ã€ä¸å¤®å¯„ã›ãŒç°¡å˜ã«æŒ‡å®šã§ãã¾ã™ã€‚ クãƒãƒ¼ãƒ³ã—ã¦é‡ãåˆã‚ã›ã€‚é‡å¿ƒã®åˆ¤å®šã€å‚¾ã‘ã‚‹ã®ã‚‚手軽ã§ã™ã€‚ X軸ã€Y軸ã®ãšã‚‰ã—。塗りã¤ã¶ã—。 æž ã ã‘ã‚’æãã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆç·šå½¢ã€å††å½¢ï¼‰ã€‚ クリックã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã€ç”»åƒãƒžã‚¹ã‚¯ã‚‚ã§ãã¾ã™ã€‚ クリックã—ãŸã‚ªãƒ–ジェクトã ã‘色を変更ã—ã¾ã™ã€‚ ã•ã‚‰ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚自在ã«ã€‚ プラグインã«ã‚ˆã‚‹æ‹¡å¼µã‚‚サãƒãƒ¼ãƒˆã€‚ svg.jsを使ãˆã°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ç”»åƒã‚’é‡ãã¦è¡¨ç¤ºã—ãŸã‚Šã€ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã«ã‚ˆã£ã¦å½¢çŠ¶ã‚„色を変更ã—ãŸã‚Šã™ã‚‹ã“ã¨
ç›´æ„Ÿçš„ã«ã‚¹ãƒžãƒ¼ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIãŒä½œã‚Œã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—サービス「fluidã€
WEB以上ã«UIãŒé‡è¦è¦–ã•ã‚Œã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発。当然情勢も刻一刻ã¨å¤‰ã‚ã£ã¦ã„ãスピード感も求ã‚られã¾ã™ã€‚今日紹介ã™ã‚‹ã®ã¯ç›´æ„Ÿçš„ã«ã‚¹ãƒžãƒ¼ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIãŒä½œã‚Œã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—サービス「fluidã€ã€‚ ブラウザ上ã§ã€ç”¨æ„ã•ã‚ŒãŸãƒ‘ーツを並ã¹ã¦ã„ãã ã‘ã§ç°¡å˜ã«UIã‚’è¨è¨ˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚éžå¸¸ã«ç›´æ„Ÿçš„ã«æ“作ã§ãるよã†ã«ãªã£ã¦ãŠã‚Šã€æµ·å¤–ã®ã‚µãƒ¼ãƒ“スã§ã™ãŒã€èª¬æ˜Žã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç„¡ã—ã§åˆ¶ä½œã—ã¦ã„ãã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 詳ã—ãã¯ä»¥ä¸‹ 予ã‚よã利用ã™ã‚‹ãƒ‘ーツãŒå–ã‚Šæƒãˆã‚‰ã‚Œã‚Œã¦ã„ã¾ã™ã®ã§ã€åŸºæœ¬è¨è¨ˆã¯ç”¨æ„ã•ã‚Œã¦ã„るパーツã§å分行ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ フリー版ã§ã¯1ã¤ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§10スクリーンã¾ã§ã€10MBã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰é ˜åŸŸã¾ã§åˆ©ç”¨ã§ãã‚‹ãã†ã§ã™ã€‚ãれ以上ã¯ã€STANDARDã€PROFESSIONALã€EXPERTã¨é–‹ç™ºè¦æ¨¡ã«å¿œã˜ã¦æœ‰æ–™ãƒ—ランãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚有料版ã®åˆ©ç”¨æ–™é‡‘ã¯æ–™é‡‘ã¯ã€ŒPlans & Pr
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
(ç¾åœ¨ä½œæ¥ä¸)ブãƒã‚°ã‚’レスãƒãƒ³ã‚·ãƒ–デザインã«é©å¿œã•ã›ã‚‹ãŸã‚ã«ã—ã¦ã„ã‚‹ã“㨠: ã¤ãã¥ãæ€ãµã“㨠〜 ゲームやアニメã®ç´¹ä»‹ã‚’ä¸å¿ƒ ã«ã€ã‚ã¨æ°—ãŒã¤ã„ãŸã¨ãã«ãƒ—ãƒã‚°ãƒ©ãƒ ãƒã‚¿ã‚‚書ã„ã¦ã¾ã™
TinyMCE Javascript Content Editor by Moxiecode Systems AB
Liveweaveã¨JSHintã§ã‚µã‚¯ã£ã¨JavaScriptコーディング : ã¤ãã¥ãæ€ãµã“㨠〜 ゲームやアニメã®ç´¹ä»‹ã‚’ä¸å¿ƒ ã«ã€ã‚ã¨æ°—ãŒã¤ã„ãŸã¨ãã«ãƒ—ãƒã‚°ãƒ©ãƒ ãƒã‚¿ã‚‚書ã„ã¦ã¾ã™
YOURS - OpenStreetMap Wiki
{{#tags}}- {{label}}
{{/tags}}