Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
先週あたりに公開されて、あちこちで紹介されているjQueryプラグイン 「jQuery Apple Effect」をここでも紹介してみます。 ≫jQuery Apple Effect Appleのサイトで効果的に使われている、 ページロード後に、初めに注目させるべき内容のみを表示し、 少し遅れて、他のナビゲーションやページ全体をフェードインさせるエフェクト。 【DEMO】jQuery Apple Effect ≫DEMOはこちら 以下の画像の様に、初めにビートルズ画像が表示され、 時間をおいて、ページ全体がフェードインしてきます。 サイトへの実装も簡単で、jQueryファイルと上記サイトからダウンロードできる 「jquery.appleEffect.js 」のプラグインファイルをページ上から読み込んで、 最初に表示ておきたい要素に対して、 ◆SCRIPT $('#target').appl
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect. Supported browsers are Safari, Chrome, Webkit, Firefox 3.5+, IE9+, and Opera 11+. The plugin's functionality includes: setting or animating HTML content to an ar
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
jquery.jsを読み込む jQueryとは、John Resig氏によって開発された、Ajax (Asynchronous JavaScript + XML) ライブラリ。 読み込むには、jQueryサイトから、最新版をダウンロードし、外部jsファイルとして読み込む。 または、Googleの「The AJAX Libraries API」経由でjQueryをダウンロードさせることもできる。 Google AJAX Libraries APIでは、jQueryのほかに、Prototype、script.aculo.us、MooTools、Dojoがサポートされている。 (関連記事) この方法のほうが、 ・バージョンを最後まで指定しないことによって最新版が供給される。 ・自分のサーバに置くより軽い。 などのメリットがある。 このページのサンプルはこちらの方法で読み込んで作っている。 Goo
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
当ブログの中の人による海外旅行写真サイトで、jQueryのPlug-inを利用した画像の遅延ロードを試してみました。 使用したプラグインは、Lazy Load (Lazy Load Plugin for jQuery)。 このプラグイン、プレースホルダーとして使用する画像...当ブログの中の人による海外旅行写真サイトで、jQueryのPlug-inを利用した画像の遅延ロードを試してみました。 使用したプラグインは、Lazy Load (Lazy Load Plugin for jQuery)。 このプラグイン、プレースホルダーとして使用する画像のサイズを指定することができないため、プレースホルダー画像がロードする画像と同じサイズで表示されてしまいます。これだと色々なサイズの画像があるページでローディングアニメーションを表示させるのに都合が悪いため、少々手を入れました。元にしたバージョンは
Som medborgare i det moderna samhället har du troligen inte kunnat undgå att se hur tillvaron har förändrats. Det gäller i så gott som samtliga områden – men det är särskilt sant när det kommer till företagande och försäljning. Tidigare gick det att hålla sig någorlunda i skymundan som företag så länge det fanns en lojal kundkrets eller en traditionell affärsmodell som gick ut på långsiktiga klien
使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな(適当)。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能(DD_belatedPNG.jsとか)なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメニューは横に広がってくれます。 Horizontal Subnav Simple jQuery tabs コンテンツをタブで切
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a backgro
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »
Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery Introduction This is a simple jQuery tutorial, but can be extremely useful in frontend design. It's an elegant way to put more content in your website, but only display it when the user wants to see it. It keeps your website clean, but in the same time does not compromise your website content. You can check out the demons
Posted on 28th July 2008 — This episode is revisiting the image cross fade effect, in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting. Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here. Earlier: Coda Slider Effect Next: Animation Jump – quick tip Watch the image fade re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く