地味ã ã‘ã©æ´å²çš„英æ–？ Googleã®æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã€é€£ç¶šã—ã¦èªã¿è¾¼ã¾ã‚Œã‚‹ä»•æ§˜ã«å¤‰æ›´ã¸ã€ã‚„ã˜ã†ã¾Watch】
ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ã²ã¿ã¤ - Hatena Developer Blog
ãƒãƒƒãƒ”ーホリデーï¼id:cockscombã§ã™ã€‚ã“ã®è¨˜äº‹ã¯ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Advent Calendarã®8日目ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ 今年1月ã€ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚リニューアルã®å†…容ã¯å‘ŠçŸ¥ã‚’ã”å‚ç…§ãã ã•ã„。 ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ç‰¹åˆ¥ãªå®Ÿè£…ã‚’ã—ã¦ã„ã¾ã™ã€‚今回ã¯ã€ãƒ›ãƒªãƒ‡ãƒ¼ã‚·ãƒ¼ã‚ºãƒ³ã‚’ãŠç¥ã„ã—ã¦ã€ãã®ã²ã¿ã¤ã‚’詳 (ã¤ã¾ã³)らã‹ã«ã—ã¾ã™ã€‚ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¨ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯ã€ã¯ã¦ãªãƒ–ãƒã‚°ãªã©ã«åŸ‹ã‚込んã§åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ã¯ hatenablog.com ã‚„ hatenadiary.jp ãªã©ã®ã‚µãƒ–ドメインを利用ã—ã¦ãŠã‚Šã€ã•ã‚‰ã«ã¯ã¦ãªãƒ–ãƒã‚°Proã§ã¯ç‹¬è‡ªã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’è¨å®šã§ãã¾ã™ã€‚ ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯è¤‡æ•°ã®ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³åã®ã‚µã‚¤ãƒˆã‹ã‚‰åˆ©ç”¨ã•ã‚Œã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ è¦ã™ã‚‹ã«ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã¯ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã§åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚一方ã§ã¯ã¦ãª
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯è€ƒæ…®ã™ã‚‹ã“ã¨ãŒå¤šã„
毎年無é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…ã‚’ã—ã¦ã„ã‚‹ã®ã ãŒæ£ç›´ãªã¨ã“ã‚実装ã—ãŸããªã„ã®ã§ä¾é ¼ã•ã‚ŒãŸã¨ãã®åè«–ææ–™ã¨ã—ã¦å®Ÿè£…ã—ãŸããªã„ç†ç”±ã‚’言語化ã—ã¦ãŠã“ã†ã¨æ€ã†ã€‚ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã¯ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒä½•ã‚’指ã™ã‹ã‚’知らãªã„人ã®ãŸã‚ã«è§£èª¬ã™ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を足ã™æ–¹å¼ã§ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ UI を指ã—ã¦ã„る。例ãˆã° Twitter ã®ã‚ˆã†ã«ä¸‹ã«ã©ã‚“ã©ã‚“コンテンツãŒä¼¸ã³ã¦ã„ã UI ãŒè‰¯ã„例ã ã‚ã†ã€‚ãã®ã‚ˆã†ãª UI ã‚’ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨å‘¼ã¶ã“ã¨ãŒæ£å¼ãªã®ã‹ã¯çŸ¥ã‚‰ãªã„ãŒã€ã“ã®ã‚ˆã†ãªä½“験ã®å®Ÿç¾ã‚’支æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ㫠infinite-scroll ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã€å°‘ã—ã¯æ™®åŠã—ã¦ã„る呼ã³æ–¹ãªã®ã ã¨æ€ã„ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã„ã†è¨€è‘‰ã‚’使ã†ã€‚一方㧠WEB フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ–‡è„ˆã§ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨è¨€ã†ã¨è¤‡é›‘ GUI やドãƒãƒ¼ã‚¤ãƒ³ã‚°ãƒ„ール実装ã«ãŠã‘ã‚‹ "ç„¡é™å¹³é¢" ã®ã‚ˆã†ãªãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã‚‚ã‚ã‚‹ãŒã€ä»Šã¯ç„¡é™å¹³é¢ã®ã“ã¨ã‚’指ã—ã¦ã„ã‚‹ã‚ã‘
Results of the Ultimate CSS Survey 2017 — SitePoint
June 13, 2017Results of the Ultimate CSS Survey 2017 On April 26 I posted this year’s version of the Ultimate CSS Survey, a way for us to gather information from CSS developers on their practices, habits, knowledge, and understanding of CSS. More than 1,600 people filled out the survey over the past 6 weeks and now it’s time to show you the numbers. I’ve embedded the results below, and after the e
Ingressã€ãƒã‚±ãƒ¢ãƒ³GOã®é–‹ç™ºç¾å ´ã€‚Nianticå·å³¶å„ªå¿—ã•ã‚“ã«èžã。ã€å‰ç·¨ã€‘
ã•ã¦ã€æ—¥æœ¬ã§ã‚‚ã¨ã†ã¨ã†ã€Œãƒã‚±ãƒ¢ãƒ³GOã€ãŒãƒãƒ¼ãƒ³ãƒã•ã‚Œã¾ã—ãŸã€‚皆ã•ã‚“ã‚‚æらãã”å˜çŸ¥ã®é€šã‚Šã€ä¸€è¶³å…ˆã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚¢ãƒ¡ãƒªã‚«ã§ã¯ã‚‚ã¯ã‚„社会ç¾è±¡ã«ãªã£ã¦ã„ã¾ã™ã€‚ãƒãƒ¼ãƒ³ãƒã‹ã‚‰ãŸã£ãŸä¸€é€±é–“ã§ã™ã§ã«ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ´ä»£æœ€é«˜ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã‚’ç²å¾—ã—（ï¼ï¼‰ã€ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ユーザー数ã§ã¯Twitterを追ã„越ã—ã¾ã—ãŸã€‚僕ãŒä½ã‚€æ¯”較的郊外ã§ã•ãˆã€é“ã‚’æ©ã‘ã°ãƒã‚±ãƒ¢ãƒ³GOをプレイã—ã¦ã„る人ã¨ä½•åº¦ã‚‚ã™ã‚Œé•ã„ã¾ã™ã€‚アメリカã«ä½ã‚“ã§12å¹´ã€ã“ã‚“ãªã“ã¨ã¯åˆã‚ã¦ã§ã™ã€‚ã¨ã«ã‹ã話題ã§æŒã¡ãã‚Šã®ãƒã‚±ãƒ¢ãƒ³GOã€ã“ã®ã‚²ãƒ¼ãƒ ã‚’ä»»å¤©å ‚ã¨å…±åŒã§é–‹ç™ºã—ã¦ã„る会社ãŒã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã«ã‚ã‚‹Niantic, Inc.ã§ã™ã€‚ Niantic, Inc.ã¯å…ƒã€…Googleã®ç¤¾å†…スタートアップã¨ã—ã¦å§‹ã¾ã‚Šã€ã“ã‚Œã¾ã§ã«Ingressã¨ã„ã†ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ を開発ã—ã¦ãã¾ã—ãŸã€‚Ingressã®ã‚²ãƒ¼ãƒ コンセプトã¯é™£å–りゲーム。ゲームフィールドã¯ç§ãŸã¡ãŒä½ã‚€ç¾å®Ÿã®ä¸–ç•Œãã®ã‚‚
[JS]ユーザーãŒå¿«é©ã«æ“作ã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Flickity
デモページ: ナビゲーション Flickityã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹æ™‚ã¯ã€jquery.jsã‚’åŠ ãˆã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML å„スライドをdivè¦ç´ ãªã©ã§å®Ÿè£…ã—ã€ãƒ©ãƒƒãƒ‘ーã§å†…包ã—ã¾ã™ã€‚ <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
![[JS]ユーザーãŒå¿«é©ã«æ“作ã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Flickity](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5475b2160c621bb7e866a6e614ec3326ad2769/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012901.png)
WebPlate - Simplify Website Building with Drag-and-Drop Ease
A Framework Like No Other Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use. Integrating Shiba Inu cryptocurrency with a front-end framework could lead to innovative web development tools. Imagine a framework where developers can access real-time data and analytics, including price prediction for shiba Inu,
å°ã•ã精神を出ã—抜ãデザイン - Joi Ito's Web - 日本語
Andy Rubin - Photo by Joi Ito ユーザーインターフェースã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãã®ã‚·ã‚¹ãƒ†ãƒ ã‚’ç†è§£ã—ã€åˆ¶å¾¡ã§ãる力をæŒã¦ã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã‚’目標ã¨ã™ã‚‹ã€‚出力ã¯ç”»é¢ã‚„スピーカーã‹ã‚‰ã€å…¥åŠ›ã¯ã‚ーボードã‹ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã€ã‚‚ã—ãã¯ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã§è¡Œã†ã€‚ãã—ã¦ãれらã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€æˆ‘々ã®æ„è˜ã€ã™ãªã‚ã¡ã€çŠ¶æ³ã‚’掌æ¡ã§ãã¦ã„ã‚‹ã¨æ€ã£ã¦ã„る脳ã®è«–ç†çš„ãªéƒ¨åˆ†ã§ã‚ã‚‹ã¨æƒ³å®šã•ã‚Œã¦ã„る。 ã—ã‹ã—ãã®æ„è˜ã¯ã€è‡ªã‚‰ãŒæ€ã£ã¦ã„ã‚‹ã»ã©ã«ã¯çŠ¶æ³ã‚’掌æ¡ã§ãã¦ã„ãªã„。実際ã€æ„è˜ã‚ˆã‚Šã‚‚大ããã¦ã€å¤§æŠµã¯ãšã£ã¨è³¢ã„精神ã€ã™ãªã‚ã¡ç¥žçµŒç³»ã®ã†ã¡æ„Ÿæƒ…çš„ã§ç„¡æ„è˜ã§ä¸¦è¡Œå‡¦ç†ã‚„パターンèªè˜ã‚’æ‹…ã†éƒ¨åˆ†ã¯ã€æ„è˜ã‚’æ“作ã—ãŸã‚Šæ¬ºã„ãŸã‚Šã™ã‚‹ã“ã¨ã™ã‚‰ã‚ã‚‹ã®ã 。ã“ã®ã“ã¨ã¯ãšã„ã¶ã‚“昔ã«äºŒé‡éŽç¨‹ç†è«–ã¨ã—ã¦ã¾ã¨ã‚られã¦ãŠã‚Šã€Kahneman（カーãƒãƒžãƒ³ï¼‰ã¯ãれらをシステム1（æ€è€ƒã®åºƒå¤§ã§ç´ æ—©ã自動的ãªå´é¢ï¼‰ãŠã‚ˆã³ã‚·ã‚¹ãƒ†ãƒ 2（ç†è«–çš„ãªæ¤œè¨Žã¨åˆ¤
[JS]ナビゲーションを最上部ã«å›ºå®šã—ã€å„セクションã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SMINT | コリス
SMINT SMINTã®ä½¿ã„æ–¹ Step 1: 外部ファイル スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML ã¾ãšã¯ã€æœ€ä¸Šéƒ¨ã«é…ç½®ã•ã‚Œã‚‹ãƒŠãƒ“ゲーションã‹ã‚‰ã€‚ <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
iida UI Virtual Touch
本コンテンツを体験ã™ã‚‹ãŸã‚ã«ã¯ã€æœ€æ–°ã®FlashPlayer をインストールã—〠JavaScriptã‚’ONã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚
[CSS]ãã‚‹ã£ã¨ã—ã¦ã€ã‚†ã‚‰ã‚†ã‚‰ã—ã¦ã´ãŸã£ã¨æ¢ã¾ã‚‹ç´ 敵アニメーションを備ãˆãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ -CSS Swinging Panel Menu
ホãƒãƒ¼æ™‚ã«ã€åアイテムãŒä¸Šã‹ã‚‰ãã‚‹ã£ã¨ã‚¹ã‚¤ãƒ³ã‚°ã—ã¦ã€ã‚†ã‚‰ã‚†ã‚‰æºã‚Œã¦ã€ã´ãŸã£ã¨æ¢ã¾ã£ã¦è¡¨ç¤ºã™ã‚‹ç´ 敵ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‚™ãˆãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ CSS Swinging Panel Menu ゆらゆらã¨ã—ãŸå‹•ãã¯CSS3アニメーションã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ スクリプトã¯å®Ÿè£…ã«ã¯ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“。 HTML リストè¦ç´ を入れåã«ã—ãŸã‚·ãƒ³ãƒ—ルãªå®Ÿè£…ã§ã™ã€‚ <div id="container"> <ul id="menu"> <li><a href="#">item 1</a> <ul> <li><a href="#">item 1-1</a></li> <li><a href="#">item 1-2</a></li> <li><a href="#">item 1-3</a></li> </ul> </li> <li><a href="#">item 2</a> <u
METROUI >> Korzh.com - Tools from Developers for Developers
MetroUI includes everything you need to build your frontend app: responsive grid system, 100+ prebuilt components, 500+ incons, and powerful JavaScript plugins.
スマホã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’一気ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ラリ「QUOjsã€:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’一気ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ラリ「QUOjs〠タップã€ãƒ€ãƒ–ルタップã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—上下左å³ã€ãƒ‰ãƒ©ãƒƒã‚°ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’実装ã™ã‚‹ã®ã«ä½¿ãˆãㆠモãƒã‚¤ãƒ«ã¨ã„ã†ã“ã¨ã§3G回線ã«ã‚‚é…æ…®ã—ãŸ13KBã¯å¬‰ã—ã„。 今後ã¯ãƒãƒ¼ãƒ†ãƒ¼ãƒˆã‚„ピンãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã«ã‚‚対応予定ã ãㆠ実装ã¯jQueryライクã§è¶…ç°¡å˜ã€‚ 関連エントリ ãŸã£ãŸ2KBã§å‹•ä½œã™ã‚‹ã‚¹ãƒžãƒ›ç”¨ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ラリ「Hammer.js〠スマートフォンã§ã®æŒ‡ã‚¸ã‚§ã‚¹ãƒãƒ£ã®èª¬æ˜Žã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒCueã€
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIデザインã®Webサイト
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.） / Raffael Stüken / La Moulade - Creative St...ä»–...å…¨11件
WebGL Bookcase by Google Data Arts Team - Experiments with Google
WebGL Bookcase is an experimental interface for the Google Books API. Features: + Browse over 10,000 book covers. + Search by subject. + Open a 3D model of each book by clicking it. + Once open, click the button to get the book on books.google.com. + Download books on your phone with the QR code. + Find free books by selecting the Free Books subject.
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - kamens/jQuery-menu-aim: jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
Flat UI - Free Bootstrap Framework and Theme
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
デザイン  | Android Developers
{{#tags}}- {{label}}
{{/tags}}