Enterprise Strategy Group: Go-to-market Expertise to Help You Win
![Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3d2a0f66528f3129cf184dab2cb3e398ff8c975/height=288;version=1;width=512/https%3A%2F%2Fwww.techtarget.com%2Fwp-content%2Fuploads%2F2023%2F05%2FHomepage-Forrester-hero-2023-r9.jpg)
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
最近よく見かける「ページTOP」のスクロールをjQueryでは簡単に実装できます。 Javascriptソース $(function(){ $("a[href^=#]").click(function(){ var Hash = $(this.hash); var HashOffset = $(Hash).offset().top; $("html,body").animate({ scrollTop: HashOffset }, 1000); return false; }); }); Javascriptソースの解説 2行目:$("a[href^=#]").click aタグのクリック設定をしています。 $("a[href^=#]")と設定することで、hrefの最初に「#」があるaタグのみに反応するようにしています。 3行目:var Hash = $(this.hash); クリックし
Project Kotlin is the codename for a statically-typed JVM-targeted programming language developed by JetBrains JetBrainsは7月20日(ロシア時間)、工業利用を想定して開発された新しいJava仮想マシン向けのプログラミング言語「Kotlin」を発表した。KotlinはJavaと同じ静的に型付けされたプログラミング言語。文法もJavaと似ている。Java SE 8で導入されることになる機能や、Javaには導入されていない機能がすでに導入されている。現実的に普及する可能性があるプログラミング言語として興味深い。 JetBrainsはJavaの統合開発環境であるIntellJ IDEAを開発している企業。Javaのみならずほかのプログラミング言語向けの開発ツールも開発しており、J
Screenfly by QuirkTools ? Test Your Website at Different Screen Resolutions 異なる解像度のデバイスでの動作確認がすぐ出来る「Screenfly」。 あくまで解像度のみではありますが、ページ上で何の拡張も必要なくURLを入れるだけで解像度の変更が可能です。 デバイスの種類も豊富なので、多くの利用者見込みがあるサイトではこうしたツールで簡単にでも確認しておくとよさそう URLを入れると左にアイコンが表示されつつ、iframeでサイトが表示。 アイコンクリックでデバイスのリストが現れ、クリックすれば解像度が変更されます。 デスクトップ、タブレット、スマフォ等、最近のトレンドはおさえています。 手軽に使えるところがいいですね 関連エントリ どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプ
As hypertext use on the Web becomes more sophisticated, identifying document fragments using only IDs included in the document has become more and restrictive. To expand linking possibilities, this document specifies a css() scheme for use in fragment identifiers of HTML and XML content. The css() scheme uses CSS Selectors syntax to identify locations within a given HTML or XML representation of a
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with Update Karan Lyons has created a new and significantly improved version of CSSFrag that (among other improvements) can automatically generate CSSFrag links from the context menu. I have now passed the torch of CSSFrag Safari Extension maintainer to Karan. We tried to rig up a way to smoothly and aut
これを使うと、漫画風の吹き出しを自由に表示する事が出来るようになります。 吹出しには背景画像が指定されているので、 CSSを変更してオリジナルの吹出しにする事も簡単そうでした。 使い方 以下のようなスクリプトを追加する事で表示する事ができました。 $('h1').grumble({ text: 'ここにメッセージを入れます!', angle: 85, distance: 100, showAfter: 500 }); オプションの説明 text:表示する文章 angle:角度 distance:距離 showAfter:指定した秒数後に表示(ミリ秒) オプショには他にもコールバック処理なんかもありました。 詳細&ダウンロードは下のリンクからどうぞ!
最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向上に貢献してくれます。 何度もクリックしないと目的の場所に到達できない、という設計はユーザーに取って不便ですし、離脱率も上げてしまいがちですので、大量のコンテンツを保有するWebサイトではこういったメガメニューの導入を検討するのも良いかも知れません。 メガメニューはドロップダウン形式が多いのですが、今日ご紹介するスクリプトはサイドメニュータイプです。 見た目はよくあるサイドナビゲーションメニューですが、マウスを乗せると横に関連ページなどが整理された状態で飛び出しますので視覚的にもコンテンツを探しやすそうです。 画像を含めてあげるのもなかなか効果高そうですな。 コー
HTMLやCSS、JavaScriptといったWebの技術でスマートフォン用のアプリを開発できるモバイルフレームワークが注目されています。本連載でもこれまで、Web技術を使ってiOS向けのアプリを開発できる「NimbleKit」を紹介してきましたが、他にも以下のような同様のモバイルフレームワークがあります。 スマートフォン向けのアプリケーション開発フレームワーク Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ NimbleKit (iPhone専用) http://www.nimblekit.com/ JSWaffle (Android専用) http://d.aoikujira.com/jsWaffle/wiki/ 今回から数回にわたって、「PhoneGap」を使ったiPhone/iPad向け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く