CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利用できるということで。
何とか1年の間を空けずに更新することができました(笑 O'reillyから発売している洋本の"The Little book on CoffeeScript"は著者のAlex MacCawさんにより、OSSとしてgithub上に全文が公開されています。 The Little Book on CoffeeScript: The JavaScript Developer's Guide to Building Better Web Apps 作者: Alex MacCaw出版社/メーカー: O'Reilly Media発売日: 2012/02/03メディア: ペーパーバック購入: 2人 クリック: 98回この商品を含むブログ (1件) を見る こちらで全文公開中。 The Little Book on CoffeeScript タイトルが"CoffeeScriptの小さな本"である通り、この本
Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture. The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our nex
Table of Contents [Show detailed...] Preface I Template Author's Guide 1 Getting Started Template + data-model = output The data-model at a glance The template at a glance 2 Values, Types Basics The types 3 The Template Overall structure Directives Expressions Interpolations 4 Miscellaneous Defining your own directives Defining variables in the template Namespaces White-space handling Al
覚えておくと何かと便利な技術の一つ、テンプレートエンジンをご紹介します。テンプレートエンジンは呼び出し元で設定した値とテンプレートファイルを突き合わせて結果を出力することが出来ます。 テンプレートエンジンにもいくつか種類がありますが、今回は高機能と言われているFreeMarkerを使ってみましょう。(どうせ覚えるなら高機能なツールがオススメ) FreeMarkerは以下から取得出来ます。必要となるのはlib配下のjarのみです。記事中では2.3.16を使用しています。 「TemplateとDataModelのマッピング(Java)」の記事でfreemarkerを自動取得するantのbuildファイルを公開しています。こちらを使う場合はダウンロードは不要です。 http://freemarker.sourceforge.net/freemarkerdownload.html はじめ
どうもこんばんわ。 「アイドルマスター シンデレラガールズ」をきれいな画面でやりたいがためにスマホにしたたまごまごです。 アイドルマスターシンデレラガールズ いやまあ、それだけが理由じゃないんですが、5割くらいはそれが理由です。ってくらいにはまっています。 本日深夜、アニメ最終回!「アイドルマスター」のもうひとつのゲーム展開って?(エキサイトレビュー) - エキサイトニュース 詳細はこちらでも書いてますが、もうちょっと詳しく説明+思い入れを語ってみようと思います。 正直ほんと、大して期待してなかったんですよ。 今までもモバゲーはちょいちょいとやってて、んーそっかーこんなもんだよなー、と。音ならないですし、想像力で遊ぶしかないからこそではあるものの、作業化してしまってそんなにハマってなかったのです。 とはいえコレクション性のあるゲームはやりつづけてました。集める要素ってほんと今のゲームには大
生成するhtmlコードに関する部分が中心。 まだ修正・追記をする予定。Adobe Edgeを追加予定。 [2011/12/31 コメントで指摘をいただいたExGameの間違いを修正] Swiffy v3.6 Flash(swf)をhtml5を使ったコンテンツに変換できるGoogleのwebサービス。ActionScript2まで対応。 Google Lab廃止から生き残ったし、アップデートもされているので、Googleも力を入れている模様。 生成するhtmlコード Flashの変換結果として大量のjsonデータが出力され、それがランタイム(runtime.js)によって実行される。 Flashのアニメーションのオブジェクトの移動は、SVGのtransform属性のmatrixに変換している。相当重くiPhone4ではシンプルなコンテンツでないと厳しい。 ベクタ画像はSVGに変換される ja
この文書は古いSassウェブサイトに載っていたチュートリアルの訳で、2013年12月現在もう新しいウェブサイトには存在しません。新しいウェブサイトでのチュートリアルにあたるSassの基本の日本語訳を参照してください。 Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザーならパッケージ・マネージャーでそれぞれ Ruby をインストールすることが出来ます。 Ruby のインストールが完了したら、以下のようにして Sass のインストールを行います: gem install sass 最初の Sass スタイルシート 非
PDF ZIP Source 1024×768 1440×900 1280×960 1680×1050 1900×1200 I was hunting for jQuery performance tricks for a while to tune my heavy dynamic web app. After digging in a lot of articles decided to make a list of the best common performance tips. I also built a handy jQuery Performance Cheat Sheet that can be printed or placed on my desktop. Selectors performance tips: 1. Always Descend From an #i
ブラウザの判別や携帯の機種識別に利用するため、Webブラウザは個別のユーザエージェント文字列を持っています。例えば、Chrome11であるなら「Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.16 Safari/534.24」といった具合です。 このユーザエージェント文字列を変更出来れば、例えばFirefoxやIEは勿論のこと、iPhoneやAndroidのふりをさせて、その環境での利用画面を使うことが出来ます。今回はこの変更を拡張機能を使うこと無く、Chromeの基本機能だけで簡単に行う方法を紹介します。
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
The domain manifest-validator.com may be for sale. Please click here to inquire Manifest-validator.com Related Searches: Top 10 Luxury Cars Top Smart Phones Dental Plans song lyrics Best Mortgage Rates Work from Home Accident Lawyers Related Searches: Top 10 Luxury Cars Top Smart Phones Dental Plans Trademark Free Notice Privacy Policy
Webサイトを作成していて、Javascriptのコードが増えてきた場合、Javascript圧縮&難読化をしたい場合が出てくる。 その処理を、mavenのwar作成処理の中に加えたい。 そんな時に、yuicompressor-maven-pluginというものが便利だったので紹介。 利用方法は以下。 pom.xml <pluginRepositories> <pluginRepository> <name>oss.sonatype.org</name> <id>oss.sonatype.org</id> <url>http://oss.sonatype.org/content/groups/public</url> </pluginRepository> </pluginRepositories> <build> <plugin> <groupId>org.apache.maven.pl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く