lory
Touch enabled minimalistic slider written in vanilla JavaScript Hardware accelerated transitions Usable as a jQuery plugin Options for custom easing effects infinite looping ~ carousel No compromises for fallbacks Written in ecmascript 6 Using webpack, babel & eslint for development Download Here or via cdn from cdnjs Prerequisited Html structure Class names can be changed through options <div cla
Waypoints
Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoint = new Waypoint({ element: document.getElementById('waypoint'), handler: function(direction) { console.log('Scrolled to waypoint!') } }) Builds are available for multiple DOM libraries. jQuery 1.8+ Zepto 1.1+ No Framework IE 9+ npm install waypoints or bower install waypoints or GitHub Download Get Help
[JS]Webページやアプリ用のさまざまなレイアウトを簡単に実装できる便利なスクリプト -Golden Layout
Webページやアプリ用のマルチスクリーン対応の柔軟なレイアウトを簡単に実装できるjQuery, React, Angularに対応したスクリプトを紹介します。 Golden Layout Golden Layout -GitHub Golden Layoutの特徴 Golden Layoutのデモ Golden Layoutの使い方 Golden Layoutの特徴 Golden LayoutはjQuery, React, Angularに対応したMITライセンスのレイアウト マネージャーです。 ネイティブのポップアップウインドウ デザインはテーマで簡単に変更可能 包括的なAPI パワフルな持続性 IE8+, Firefox, Chrome対応 Golden Layoutのデモ デモではGolden Layoutで実装されたレイアウトのHTML, CSS, JSをカスタマイズすることもでき
![[JS]Webページやアプリ用のさまざまなレイアウトを簡単に実装できる便利なスクリプト -Golden Layout](https://cdn-ak-scissors.b.st-hatena.com/image/square/37d3b520b80c610b4174ec6afa650621d043bc3f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016041802.png)
UIセンスが壊滅的なエンジニアがそれっぽいwebアプリを作るために使った無料UIライブラリをまとめておく - Qiita
仕事の傍ら、暇つぶしとかでwebアプリを構築したりするわけですが、どうにもUIセンスがなさすぎて、カッコイイサイトとかを参考に真似したりしても、なぜか自分でアレンジするととてつもなくダサくなる、ということを繰り返してきました。 で、もうこうなったら自分で考えずに、すべてライブラリに頼ろう！と思ってwebサイトを構築した時に使ったcssやjsのフレームワーク、ライブラリなんかを、簡単なコメント添えてまとめておこうと思います。 css自分で一切書かなくても、このぐらいのUIまではいけそうです。 フレームワーク Bootstrap ベースはtwitter bootstrapの恩恵に授かります。 GoogleMaterialDesignLiteも見た目はかっこいいんですが、色々コンポーネントがたりなかったりして、結局いくらか自分でデザインしないとどうにもならなくなる印象です。 jQuery 今更書
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
【jQuery】無限スクロール［Infinite Scroll］を極限までカスタマイズ。 - ONZE
無限スクロールを実装する jQueryプラグインの［Infinite Scroll］を紹介します。 スクロールしてページの最下部まで移動すると、次のページの情報を自動で読み込み、ページの遷移無しで次々とコンテンツを表示してくれます。 ご存知のとおりFacebookのフィードやTwitterのタイムライン、TumblrのUIなど、超有名SNSサイトやモバイル版のアプリケーションでも導入されているので、その挙動は誰もが一度は体験しているでしょう。 最近ではクリエイティブ系のブログでも比較的多く実装されていて、需要も高まっているので、ウェブクリエイターの方々はマスターしておくべき技術の1つだと言えます。 さて。今日は、単に［Infinite Scroll］の実装方法を紹介するだけでなく、弊社オンズが実際に行った極限カスタマイズの方法も伝授します。 以下より本編をどうぞ。 基本の導入方法 ［Inf
Redefining Lazy Loading With Lazy Load XT — Smashing Magazine
The total size of media elements on the average web page is increasing constantly. Yet, especially on mobile devices, performance bottlenecks remain, which stem from bandwidth issues, widely varying network latency, and limitations on memory and the CPU. You need solutions for better and faster browsing experiences that work across all devices and browsers. In this article Denis Ryabov & Ugur Kane
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
Gettopup.com
Gettopup.com This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Best Penny Stocks music videos Best Mortgage Rates Health Insurance Dental Plans Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
%26utm_content%3Dlivedoor)
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
「吹き出し」をツールチップとして実装するjsいろいろ - かちびと.net
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
2009-10-27
って言われて、あらためて見てみると、確かにわざわざprototype.jsに依存するほどのことはないなと思ったのでちょっと修正。単体で動作するようになったはず。 http://github.com/technohippy/ProtoCommand/ <html> <head> <script src="http://github.com/technohippy/ProtoCommand/raw/master/src/protocommand.js"></script> <script> (function() { var konami = new ProtoCommand('up up down down left right left right b a'); konami.action = function() {document.body.style.backgroundColor
15 Attractive Javascript Carousel Plugins
jQuery A lot of websites use Javascript Carousel to showcase its products, portfolio and also as a image gallery. I have collected 14 Javascript Carousel made with jQuery, Mootool, Prototype and Yahoo Framework and I am sure you will be able to find one that suits you.
IxEdit | ユーザーガイド
IxEdit へようこそ IxEdit を使えば、ウェブページに簡単にインタラクションを加えることができます IxEdit は、ウェブアプリケーションのためのインタラクションデザインツールです。IxEdit を使えば、デザイナーは JavaScript コードを書かずに、ウェブページ上の要素をダイナミックに変化させる DOM スクリプティングを簡単に行うことができます。特に、ウェブアプリケーションのプロトタイピング段階で様々なインタラクションを試してみるのに役立つでしょう。 IxEdit はそれ自体が JavaScript で作られており、編集対象のウェブページの中に組み込んで使用する全く新しいタイプのツールです。作成したインタラクションはその場でウェブページに適用されるため、ブラウザの中で動作をリアルタイムに確認しながら編集作業を行うことができます。 IxEdit は指定されたパラメータ
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
GitHub - peachananr/onepage-scroll: Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
GitHub - wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
GitHub - yuku/textcomplete: Autocomplete for HTMLTextAreaElement and more.
JavaScriptテンプレートエンジンJsRenderの便利な機能
