自己紹介 ども。KAYACでJS書いてる@kyo_agoです 今年に入ってからはSVG Girl(SVG女子)とか、HTML5花火大会(のベースコード)とか、www.kayac.comのJS書いてます。 こないだhtml5とか勉強会で話しました 最近はスマホ環境で色々JS書いてます
Dreamweaver CS6 と HTML5 で始めようスマートフォン&タブレット対応 Adobe® Dreamweaver® は、マルチデバイス時代に対応すべく HTML5 や jQuery Mobile といった最新の技術をサポートし、更に強力な Web 開発ツールとなりました。本サイトでは Dreamweaver の便利な使い方をご紹介します。 本文へ Adobe Dreamweaver CS6 体験版 ダウンロード サンプルコードのダウンロード 今回は、jQuery と CSS を使ってごく簡単なクロスフェード効果を実装する方法をご紹介します。Dreamweaver CS 5.5 の CSS パネルを使うとアニメーションも簡単に設定できます。制作するのは写真ギャラリーです。 それでは実際に必要なコードの編集を行います。サンプルコードをダウンロードして、その中に含まれる index
刻々と変化するウェブ技術を追いかけ続けること 特にHTML5など、Webの技術は常に変化し続けていくものですが、仕様変更による対応などは大変でしたか? ご指摘の通り、大変な作業です。仕様がすぐに変わるため、プロダクトチーム、商品担当チームもそうですが、私自身も追いついていくのが大変です。アドビシステムズとしては、HTML5の標準化団体「The World Wide Web Consortium(W3C)」の一員でもあるため、その中でどういうような作業が行われ、どういった方向性で変化していくのかを、先取りして理解できるという強みがあります。 特に、HTML5というのは刻々と変わりゆく標準規格なため、どの機能を実装するのかというのを十分に考えたうえで実装しているという現状があります。ユーザーの方で「このフィーチャーを使いたかったのに、今回のバージョンには入っていないの?」という声もありますが、
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
プロジェクトの作成 rails new testProj --skip-activerecord --skip-prototype --skip-testunit Gemfileの修正 testProj/Gemfileを修正 source 'http://rubygems.org' gem 'rails', '3.0.4' gem 'unicorn' gem "bson_ext" gem "rails3-generators" gem "jquery-rails" gem "mongoid", ">=2.0.0.beta4" group :test do gem 'rspec', '>=2.0.0.beta.20' gem 'rspec-rails', '>=2.0.0.beta.20' gem 'mongoid-rspec' ,:git => 'https://github.com/sh
twitter facebook hatena google pocket サイトを作成しているとどうしてもダミーでテキストや画像を入れておくことがあるかと思います。 そんな時、fkadeveloper/loremjs - GitHubを利用すると自動でダミーを入れてくれます。 sponsors 使用方法 fkadeveloper/loremjs - GitHubからファイルをダウンロード。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="lorem.js"></script> 上記を記述するとあとは以下のようにすることで、自動で表示されます。 テキスト <div data-lorem="1p"></div> 1pは1段落、1sで1章
ども、Fusic 河野です。 だいぶ久しぶりですね。 今度の rubykaigi2011 に参加させて頂くこととなりました! 会場で見かけたら、ぜひお気軽にお声をかけてくださいませ。 [rubykaigi2011] rubykaigi.org/2011/ それと、もう一つ告知です。 来る7月28日(木)、福岡で活動している Androidの会福岡支部、九州GTUG、 HTML5+α福岡、iDevQ、そして、AppleKnight の4つのコミュニティが 福岡県Ruby・コンテンツ産業振興センターに集結し、同時に勉強会、懇親会を行います。 ご興味のある方は、ぜひともご参加ください!! 参加登録は下記のリンク先より facebook にて参加表明をお願いいたします。 [futuresync] futuresync.jp/ さて、わたくし、前回の記事でも書きましたが、主に ruby on rai
ゲームボーイアドバンスの名作「カルチョビット」が3DSで出ると聞いてテンションあがってきたminamiです。 jQuery便利ですよね。さらにその便利なjQueryを使ってコーディング時の定番機能を提供してくれているライブラリがたくさんあるので集めてみました。 Laquu.js http://laquu.com/ 注目の最新プラグインです。「HTMLコーディング作業量を極力減らすためのjQueryプラグイン」ということで、 基本的な機能もさることながら、ピックメニュー、タブ、ツールチップ、ティッカーといった、よく使うけど意外と手間のかかるUIが一つのプラグインでまかなえてしまうのがポイント高いです。個人的にはコナミコマンドが実装されてるのが熱いです! 対応するjQueryのバージョンは1.5以上です。 simplelib.js http://lab.starryworks.jp/js/si
jQuery contextMenu (fork) This is a fork of the jQuery-contextMenu plugin which includes a patch to support the native contextmenu support found in the Firefox nightlies (FF8) as well as a test to check if native support for contextmenu is available. Given that FF are the only browser to currently support the HTML5 contextmenu natively, I feel it's important that a polyfill handle it as well as th
年表とか沿革とか、そういった時間の流れを 可視化したようなコンテンツをスライダーで 実装できる、というjQueryプラグインのご紹介。 jQuery Timelinrは、コンテンツのスライダー で、テキストで書かれた西暦が連動して 動きます。 まぁ沿革や年表に使わなきゃいけないわけじゃないんですが、こういうのも面白いかなと思ってタイトルに含めました。あとで自分で検索したいもので。 あ、別件ですが、今更ながらjQueryの記事カテゴリを作りました。RSSでもご購読頂けますので宜しければ。 こんな感じでパッと見はよくあるコンテンツスライダーなんですが、上にある年号が連動してスライドします。年号はナビとしても利用できます。年号はテキストで書かれていて、コンテンツに応じて色とフォントサイズが変わる、という仕組み。 縦もあるよ IE6とか7 IETesterでのIE6でも普通に動作しました。透過処理
Jfontsize.com This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Free Credit Report Best Penny Stocks Healthy Weight Loss fashion trends Anti Wrinkle Creams Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
jFontSize | jQuery plugin | Font Size | Font Resize | Change font-size | Javascript 指定エレメントのフォントサイズ変更機能を超簡単に提供できるjQueryプラグイン「jFontSize」 大・小だけでなく、標準サイズにも変更できるようなボタンを実装できます ↓指定エレメントのみをリサイズ可能。標準ボタンもあるので戻すのも簡単。 使い方は、サイズ変更用のボタンを指定のマークアップで記述後、$(element).jfontsize() としてリサイズ対象としたいエレメントを選ぶだけです ボタンも自分でCSSを使って簡単にデザイン変更できます 関連エントリ 指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」 手描き感がクールな44種類のフリーフォントいろいろ
Creating an Apple-Style Input Field With Display Labels | Design Shack appleスタイルのクールなインプットフィールド実装チュートリアルが公開されています。 次のようにグラデーションがかかっており、カーソルをあわせると青くハイライトされます。 普通のインプットフィールドと比べてなかなかかっこ良くなってます。サンプルのダウンロードも可能 デモページ border-radius、text-shadowなどCSS3を駆使してるようです。 関連エントリ textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」
jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう? 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ
Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く