CSS Content Filter | CodyHouse
Content Filter A slide-in filter panel powered by CSS and jQuery. A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he's looking for. Building this kind
JWT.IO
JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. JWT.IO allows you to decode, verify and generate JWT. Learn more about jwtSee jwt libraries Warning: JWTs are credentials, which can grant access to resources. Be careful where you paste them! We do not record tokens, all validation and debugging is done on the client side.
Mjolnir Guiding
Are you ready to embark on the ultimate outdoor adventure? Look no further! With a lifetime of hunting and fishing experience, our guide services are your ticket to thrilling expeditions and unforgettable memories. I’m a passionate hunter since the age of 15, an avid angler for nearly three decades, a rock climber, backpacker, and U.S. Army Veteran. My expertise spans across a diverse array of ter
Stop using Javascript Tooltips – Hacking UI
Stop using Javascript tooltips. Seriously. Stop. CSS allows us to do almost everything capable with Javascript tooltips, and doesn’t require us to load external libraries, make additional HTTP requests or pollute the DOM. I created SCSS Tooltips, a simple Sass mixin, to make this task even easier. You can download a zip file or check out the code on github. Download “SCSS Tooltips†Are they really
Ãœbersicht
At a Glance Ãœbersicht lets you run system commands and display their output on your desktop in little containers, called widgets. Widgets are written using HTML5, which means they are easy to write and customize can show data in tables, charts, graphs ... you name it can react to different screen sizes The following screenshots give you a glimpse of Ãœbersicht in action: Support Ãœbersicht The app i
How to build a nice Hamburger Button transition in Swift – robb.is
Hamburger buttons may have become somewhat of a cliché in interface design lately, but when I came across a particularly nice transition of a hamburger button on dribbble, I had to try and recreate it in code. Here's the original shot by the CreativeDash team: You'll notice how the top and bottom strokes of the hamburger form a X, while the middle one morphs into an outline. I knew this effect cou
CSS Spheres
Recently I’ve talked about creating CSS triangles, which used border-radius to create the angled shapes. Now let’s try spheres. Flat designThere are two ways we could approach making spheres with CSS. One is to create an actual 3D sphere using lots of elements. There are some beautiful examples of these. A potential downside though is that these require the browser display many elements, which can
5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ï½œæŠ€è¡“ブãƒã‚°ï½œåŒ—æµ·é“æœå¹Œå¸‚・宮城県仙å°å¸‚ã®VR・ゲーム・システム開発 インフィニットループ
5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”± 先日ã®ã€ŒOpenIL vol.2ã€ã«ã¦ã€Œ5分ã§ã‚ã‹ã‚‹Vue.jsã€ã¨ã„ã†LTを発表ã—ã¾ã—ãŸã€‚ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘インフィニットループ公開勉強会「OpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å‰ç·¨ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘インフィニットループ公開勉強会「OpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å¾Œç·¨ ã“ã®è¨˜äº‹ã¯ã€ãã®æ™‚ã®LTã®è³‡æ–™ã‚’å…ƒã«ãƒ–ãƒã‚°åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ jQueryã¯é ‘張れã°é ‘張るã»ã©è¾›ããªã‚‹ jQueryã€ç°¡å˜ã«å‹•ãã®ã‚るサイトを作れã¦ã¨ã¦ã‚‚便利ã§ã™ã‚ˆã。 // 何ã‹ç”»é¢ã«åæ˜ ã™ã‚‹ $(".hoge").html("変更ã—ãŸã„内容"); // 変更時ã«ä½•ã‹å‡¦ç†ã—ã¦å¤‰æ›´ã™ã‚‹ $(".foo").on("change", function() { $(".bar").html("変更ã—ãŸã„内容"); }); イベントをå—ã‘å–ã£ã¦ã€è‰²ã€…ã¨å‡¦ç†ã‚’ã—
『RequireJSç‰ã¯ã‚‚ã†å¤ã„。WebPackã¨ã¯ï¼Ÿã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ アメーãƒäº‹æ¥æœ¬éƒ¨ クãƒã‚¹ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³å®¤ã®ã‚°ãƒ³ã‚¿ï¼ˆ@gunta85）ã¨ç”³ã—ã¾ã™ã€‚ 今回ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ã€ ã‚ã‚Šã¨ã‚らゆるä¾å˜é–¢ä¿‚ã‚’ç°¡å˜ã«è§£æ±ºã—ã¦ãれる〠WebPackã¨ã„ã†ã‚¹ã‚°ãƒ¬ãƒ¢ãƒŽã‚’ã”紹介ã—ã¾ã™ã€‚ 導入経緯大ããªã‚¢ãƒ—リを開発ã™ã‚‹ã«ã‚ãŸã‚Šã€ä¾å˜é–¢ä¿‚を解決ã—ã¦ãれるもã®ã‚’探ã—ã¦ã„ã¾ã—ãŸã€‚ ãã®ä¸ã§ã€RequireJSã‚„Browserifyã€Componentãªã©ã‚‚候補ã«æŒ™ãŒã‚Šã¾ã—ãŸãŒã€ 諸々ã®ç†ç”±ã§WebPackã‚’é¸ã³ã¾ã—ãŸã€‚ 特徴ã®é•ã„ã«ã¤ã„ã¦ã¯ã€ŒWebPack vs Browserifyã€ç‰ã§æ¤œç´¢ã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã‹ã¨æ€ã„ã¾ã™
CSS Shrink
IN @media print {a {color: #ff0000}} @media print {a {color: #f00;}}
How to get started with layer fonts in CSS | Web Designer Depot
We might be inclined to think of highly decorative and multi-colored fonts as belonging to the digital type age. Not so. Chromatic Type which enabled the use of outlines, shadows, and multiple colors (among other things) go back to the mid-19th century. They were made up of two or more corresponding sets that were printed […] We might be inclined to think of highly decorative and multi-colored fon
Download Chrome Dev Editor developer pre-release
Chrome Dev Editor is a web development environment running as a packaged app inside Google Chrome. It is based on the open source project Spark developed by Google since November 2013 using the Dart language and Polymer elements. Chrome Dev Editor supports building JavaScript & Dart web apps, Chrome apps, Polymer elements and widgets. It is going to be officially announced at Google I/O 2014, but
meetfinch.com
《星çƒå¤§æˆ°ã€‹çµ•åœ°ï¼šå€–å˜è€… 通éŽé€™äº›é–ƒå›žï¼ŒCal還了解到Santariå’ŒDagan一起找到了Tanalorr，並希望將該ä½ç½®ç”¨ä½œè¨“ç·´å¹´è¼•çµ•åœ°çš„å¤©å ‚ï¼Œé€™æ¨£ä»–å€‘å°±å¯ä»¥å…å—å¸åœ‹çš„å¨è„…。. 尼希爾. 《星çƒå¤§æˆ°çµ•åœ°æ¦å£«å€–å˜è€…的故事》解釋了 什麼是《星çƒå¤§æˆ°ï¼šå€–å˜è€…故事》? 如果您想知é“《星çƒå¤§æˆ°çµ•åœ°æ¦å£«ï¼šå€–å˜è€…》ä¸ç™¼ç”Ÿäº†ä»€éº¼ï¼Œä½†æ²’æœ‰æ™‚é–“çŽ©å®ƒï¼Œé‚£ä½ å¾ˆå¹¸é‹! 在這裡，我們分解了基礎知è˜ï¼Œä»¥æ¦‚述這個狂野的騎行，這是一個é™é 的銀河系. . 《星çƒå¤§æˆ°ï¼šå€–å˜è€…的故事》ä¸æœ‰å¾ˆå¤šåŸºç¤Žè¦æ¶µè“‹ï¼Œæ‰€ä»¥æˆ‘å€‘å°‡å…¶åˆ†ç‚ºå¹¾ç« ä¸¦æ¦‚è¿°ä¸»è¦éƒ¨åˆ†. 劇é€å‰æ–¹ï¼Œä½†ä½ 知é“已經. 第1ç« ç¬¬2ç« ç¬¬4ç« ç¬¬5ç« Calçš„æ–°å“¡å·¥ Bode Akuna 是這個ç–略的一部分，擺在敵人ä¸ï¼Œä½†èˆ‡Cal的團隊秘密åˆä½œï¼Œé€™ä¹ŸåŒ…括其他為Saw Gerrera工作的其他工作. 一旦Cal和團隊訪å•åƒè°å“¡çš„數據，他就會看到一張地圖顯示出å¸åœ‹éƒ¨éšŠâ€œç„¡è™•ä¸åœ¨.“ 然
Springy - A force directed graph layout algorithm in JavaScript.
Springy.js A force directed graph layout algorithm in JavaScript. What is Springy? Springy is a force directed graph layout algorithm. So what does this “force directed†stuff mean anyway? Excellent question! It means that springy uses some real world physics to try and figure out how to show a network graph in a way that looks good. Here's an example: Getting started Springy.js is designed to be
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Multi-Platform Live Coding with React, Firebase, and LiveReload - QuickCoin
Home | NodeBB | Your Community Forum Platform
GitHub - codemix/fast.js: Faster user-land reimplementations for several common builtin native JavaScript functions.
MDwiki - Markdown based wiki done 100% on the client via javascript
tomkrcha.com - 
Headstart
{{#tags}}- {{label}}
{{/tags}}