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
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.
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
Looking for a way to engage your followers, away from the noise and chaos of today’s “social” sites? NodeBB takes the spirit and energy of the great online forum communities of old, and empowers it with powerful, mobile-ready and easy to use software. Establish your own platform for real conversations. Start today!
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
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
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
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で頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
IN @media print {a {color: #ff0000}} @media print {a {color: #f00;}}
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
《星球大戰》絕地：倖存者 通過這些閃回，Cal還了解到Santari和Dagan一起找到了Tanalorr，並希望將該位置用作訓練年輕絕地的天堂，這樣他們就可以免受帝國的威脅。. 尼希爾. 《星球大戰絕地武士倖存者的故事》解釋了 什麼是《星球大戰：倖存者故事》? 如果您想知道《星球大戰絕地武士：倖存者》中發生了什麼，但沒有時間玩它，那你很幸運! 在這裡，我們分解了基礎知識，以概述這個狂野的騎行，這是一個遙遠的銀河系. . 《星球大戰：倖存者的故事》中有很多基礎要涵蓋，所以我們將其分為幾章並概述主要部分. 劇透前方，但你知道已經. 第1章 第2章 第4章 第5章Cal的新員工 Bode Akuna 是這個策略的一部分，擺在敵人中，但與Cal的團隊秘密合作，這也包括其他為Saw Gerrera工作的其他工作. 一旦Cal和團隊訪問參議員的數據，他就會看到一張地圖顯示出帝國部隊“無處不在.“ 然
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ページを開く
