favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
How to Display Update Notifications in the Browser Tab | Envato Tuts+
Websites and web apps with frequently updated content have to figure out a way to grab users’ attention to tell them of updates, particularly where users may have moved away from the tab where the website or app is active. There are a couple of common patterns which you’ll see out in the wild. Social websites such as Facebook, Twitter, and LinkedIn, which potentially receive new content every few
Waves
Waves - Click effect inspired by Google Material DesignGetting Started It's easy to use Waves. Download the latest version of Waves from Github repository. Just include waves.css and waves.js to your HTML file. And Waves is ready to use! To put Waves effect on your buttons, wrap it inside a <span> that contain .waves-effect and .waves-button class. Waves support Font Awesome icons, so you can give
Spin.js | ライブラリ | KANTENNA.COM
HOME > ライブラリ > Spin.js Spin.js ローディングアニメーションを画像無し、CSSなし、外部ライブラリなしで作成できるライブラリ。jQueryのプラグインとして利用することも可能。 使い方 外部のライブラリやファイルを必要としないのでspin.jsを読み込むだけです。
iScroll 5, smooth scrolling for the web
Are you looking for the smoothest scroll for your web pages? Look no more. iScroll is the best smooth scrolling, high-performance, multi-platform javascript scroller that will add a sleek and modern look to your web pages. Get everything you need to know and understand about the fastest and smoothest scrolling library, iScroll. iScroll is a multi-platform JS library that lets you add scrollbars to
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
Switchery - iOS 7 style switches for your checkboxes
What is Switchery? Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly. Licensed under the MIT License. Supported by all modern browsers: Chrome, Firefox, Opera, Safari, IE8+ If you like this module and you're a fan of iOS 7 sty
Examining Responsive Navigation: Off Canvas Patterns | Envato Tuts+
In this tutorial we'll walk through four variations of patterns where navigation and page content is placed off canvas to conserve space until requested. It's time to stop copying and pasting, let's start understanding! To recap, the first in this series focused on patterns where the navigation remained in the header. The second looked to patterns that moved the navigation to the footer. The third
uibox.in
We’re getting things ready Loading your experience… This won’t take long.
Free How-To Tutorials. Learn Everything Today | Envato Tuts+
Discover over 22,100 free how-to articles and tutorials. Millions of students shape their future with our free tutorials every month. What would you like to learn? With these free tutorials, you can learn to master Photoshop actions, give better PowerPoint presentations, or get the most out of WordPress. Or maybe you want to brush up on your web design skills or discover how to start a business? Y
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じない メイ
スマートフォンUI 要素並び替え（配列複製）JavaScript cloneNode
最近良くあるなと思うのが、「要素(DOM)を入れ替えたい」と言った要件だったりもします。 ソーシャルゲームなんかになるとカード画像を入替え。とかになりますかね。 以下の様な並びだとして、 タップ→タップで入替え。とか、タップ→スライドで入替え。 だったり。 そんなとき、JavaScript でcloneNode を使えば実現は可能かと思います。 タッチやクリックで要素をelemA、elemBの要素を取得し、 var newElemA = elemA.cloneNode(true), newElemB = elemB.cloneNode(true); elemA.parentNode.replaceChild( newElemB, elemA ); elemB.parentNode.replaceChild( newElemA, elemB. ); ちなみにreplaceChildに関し
Scrollable Div
((( spellific ))) Practice spelling while playing a fun word game! Click here to play
Slide and Push Menus | Codrops
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”. There are examples of how
iPhone/Android/PCのブラウザ対応、フリック操作をシンプルに実装できるjQueryプラグイン - makogの日記
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル（iPhone/Androidでもご覧いただけます） jQuery.flickSimple ダウンロード（github） これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dimsemenov/PhotoSwipe: JavaScript image gallery for mobile and desktop, modular, framework independent
Google Search
Div Scroll with android 2.3.3
GitHub - jakiestfu/Snap.js: A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)
公海555000kk线路检测—首页（欢迎您）