このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。 ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS
連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感速度を高めるためのJavaScriptチューニングということで、単純なJavaScriptの構文によるスピードを比較するようなものではなく、主にユーザー視点からの高速化を主眼に解説します。その中で、同期・非同期といったJavaScriptの仕組みやscript要素のasync属性、defer属性などについても触れていきます。 ユーザーの体感速度を向上させる 一概にJavaScriptの高速化といっ
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
jQueryを良くする25のTIPS ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
4 Pings & Trackbacks Pingback: 11 Ways to Enhance a User Interface with MooTools | Web Design Ledger Pingback: 11 Excellent Solutions for Creating Tooltips | Web Design Ledger Pingback: 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger Pingback: 13 Super Useful jQuery Content Slider Scripts and Tutorials | Web Design Ledger 72 Comments Nice collection of techniques! You might like
Most likely, you are looking for a demo of jQuery UI Datepicker. Since the jQuery UI project has now become a solid library, I have moved the jQuery UI Datepicker project to the jQuery UI website. Since the date picker was moved to the jQuery UI website, people have still asked how to download the date picker by itself. JavaScript: ui.datepicker.js Style Sheet: ui.datepicker.css. jQuery Datepicker
jQueryは軽量のAjaxフレームワークです。JavaScriptの標準的なコーディングとは異なりますが、非常に短いコードで大きな効果があるスクリプトを記述できるようになります。prototype.jsがRuby風に記述できるライブラリだとすればjQueryはCSS風にJavaScriptを記述できるライブラリといえるでしょう。 主な特徴としては以下のとおりです。
Web2.0を個人レベルで実感させてくれたのが「LightBox」だと思います。 今では画像を表示する多くのブログで使用されています。 今回はこれをjQueryで実現したjQuery lightBox pluginを紹介します。 sponsors 使用方法 jQuery lightBox pluginからファイル群をアップロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.lightbox-0.3.1.js"></script> <link rel="stylesheet" type="text/css" href="http://yourdomain/jq
動作サンプル - 既存テーブルにFlexigridを組み込む jQuery 1.2.6とFlexigridを用意し、実際にテーブルリストに組み込んで使ってみた。ここでのWebブラウザ実行環境は次のとおり。 Microsoft Windows XP SP2 / Microsoft Internet Explorer 7 FreeBSD 8-current / Mozilla Firefox 2 まずは既存のテーブルに対して組み込んでみる。ベースとなるHTMLソースコードとWebブラウザでの実行結果は次のとおり。 base_table.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Con
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
忘れないうちにメモ。 prototype.js の次に jQuery をロードする。 そして jQuery.noConflict() を呼び出す。 jQuery.noConflict() の戻り値を利用しないのであれば、」$() を jQuery() に置換してもよいが、コーディングが面倒なので、 var $j = jQuery.noConflict(); として戻り値を受け取り、jQueryとして動作させたい箇所 $() を $j() に置換する。 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="../js/prototype.js" type="text/javascript"></script> <script src="../js/aculous
Created: 2008年4月13日 (日) pm 11時00分 modified: 2020年1月28日 (火) pm 5時17分 Posted by jun Published in java script, jQuery, 解決済&解決法 やったよ!! ついに見つけたよ~~!! 何個かのページに書きましたが、前々から、 「prototype.js」系のスクリプトを入れると「jQuery」シリーズが動作不能に陥る解決方法が判りましたよ!! (*゚ o゚*) オオー! な・なんと、答えは「jQuery」の、本家サイトにありました・・・(゜_゜i)タラー・・・ まぁ~英語で判らないんだけどね~ (゚゚;)\(--;)オイオイ 実際は、グルルン先生に「prototype.js jQuery コンフリクト」で質問するといっぱい答えてくれます。 ・・・今までは、検索キーワードが良くなかった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く