デザインを体感して学べるデザインブログです。Illustrator(イラレ)やPhotoshop(フォトショ)の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
デザインを体感して学べるデザインブログです。Illustrator(イラレ)やPhotoshop(フォトショ)の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
Though many people still find this page useful, there have been some changes in the browsers since last update of this page, and I generally consider some information here to be outdated. However, I suggest using MooTools or other general Javascript frameworks that provide portable and maintainable basis for writing Javascript code. Web applications are becoming more and more like “normal” desktop
下の記事でとりあえずchromeでテストしたのですが、 IEは対応していませんでした。 IEちゃんを無視するわけにもいかないので、 現時点で使える簡単な対応策を調べてみました。 HTML5入門-とりあえず5で書いてみた- Javascriptで対応させる はい。Javascriptを使います。 GoogleさんがIEでhtml5から加わった新要素(header等)を 使えるようにするライブラリを公開しているので、これを読み込みます。 html5shiv IE9以外のIEでのみ読み込みたいのでifで囲ってあります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>HTML5入門-html5.jsでIE対応-</title> <link rel="stylesheet" href="s
Why Meteor.js?Stop fighting with frameworks and ship real products to production. Front-end Agnostic Choose your preferred front-end framework like React, VueJS, Blaze, Svelte, or Solid. Apps for Any Device Create apps for Mobile with React Native or Cordova, or Desktop with Electron with the same code base.
フリックに対応したカルーセルを 実装するライブラリ・inflickity です。動きもかなり軽快ですので、 使いどころも多々ありそうです。 よくあるUIキットにも似たような ものが含まれてますけど、こうして 単体で使えるのも欲しいところです。 永久にフリックできるカルーセル、みたいなのを作れるライブラリです。 PCではドラッグで操作できます。 スマフォはフリックで動かせます。と言ってもiPhoneでしかテストしてませんが。 Sample以下サンプル。スマフォはQRからどうぞ。 Sample 斜めのと混同してて操作はしにくくなっていますがその点はご了承下さい。 コード<script src="inflickity.js"></script> <script> var init = function() { var slider1 = document.getElementById('slid
ちょっと前の話になりますが、jdb.jsをCoffeeScriptで書き直しました。GitHubにも上げてあります。CoffeeScript、純粋に言語として見ると、非常に出来が良くて感心します。当面Javaには戻れそうにない・・・ で、気になったのが「CoffeeScriptを使うと、JavaScriptに比べてどれくらいコーディングが楽になるのか?」です。正直、「function」が「->」になるだけでも嬉しくてたまらないんですが、それを実際にコード量で比較してみよう、と。 もう一つ気になったのが、「CoffeeScriptをコンパイルして得られるJavaScriptコードは、手書きしたJavaScriptに比べてどれくらい肥大化するのか?」という点。自動でJSを吐き出してもらう以上、ある程度の無駄は覚悟しなくてはならないと思いますが、もしそれが許容できないレベルだったらCoffeeS
1k demo submission [1023] (JS1k) わずか735バイトのJavaScriptで作られた、HTML5 canvasにランダムに油絵のような描画をするデモが公開されています。 (英語) JS1kはその名の通り、1キロバイト (1024バイト) 以下のJavaScriptのデモ作品を集めた投稿サイトです。
このページはAdobe Systems(アドビシステムズ)社のPhotoshop CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS3は基本的には以前のCSからの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS~CS3、AfterEffects 6.5~7.0、Illustrator CS2~CS3、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photoshop
Last Update:2009/12/25 PM 10:00 【Illustrator CS自動化作戦】 このページは毎日コミュニケーションズから発売されているIllustrator 10自動化作戦のサンプルおよび原稿をIllustrator CS用に書き直したものを載せています。このページを見る前にIllustrator 10自動化作戦を手元においておくと良いかもしれません。 ver 10 から ver CSへの変更は意外と多く、特にスクリプトにおいては結構変更しなければならない点が多くあります。つまりスクリプトにおいては互換性が低いとも言えます。また、他のAdobe製品(Acrobatを除く)との共通GUIなどもなく、ちょっと時代遅れのような状態になっています(ファイルオブジェクトは共通っぽい)。(2005年1月時点で最も高機能なのはAfterEffects 6.5に搭載されているJ
Casual Slider [ad#ad-2] Casual Sliderの特徴 Casual Sliderのデモ Casual Sliderの使い方 Casual Sliderの特徴 Casual Sliderは実装が簡単で、シンプルながら充分な機能を備えたコンテンツスライダーです。 4KBと超軽量のスライダー タイマー機能付き あらゆるHTMLエレメントを配置可能 全てのメジャーブラウザをサポート カスタム ナビゲーション セットアップが簡単 アニメーションの種類は多数 デフォルトのテーマも用意 Casual Sliderのデモ デモもシンプルですが、Casual Sliderの使い勝手が分かると思います。 各パネルに半透明のキャプションも表示できます。 Casual Sliderの使い方 HTML 各パネルはリスト要素で実装します。 <div id="slider"> <div cl
Mozilla supporte une large gamme de technologies open web vraiment intéressantes, et nous encourageons leur utilisation. Cette page offre des liens vers d'intéressantes démonstrations de ces technologies. Si vous avez entendu parler d'une bonne démonstration ou d'une application de technologie open web, veuillez ajouter un lien vers la section appropriée ici.
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
デモページ:Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴 セットアップはシンプル 全てのモダンブラウザをサポート 画像は一枚だけでなく、複数枚にも対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherの使い方 Step 1: ファイルのダウンロード サイトの「Download」よりファイル一式をダウンロードします。 一式には必要なファイル全て(jqeury.jsも)が含まれています。 Step 2: 外部ファイル 外部ファイルを下記のように<head>~</head>に記述します。 <script type="text/javascript" src="../jquery-1.5.2.mi
本書は裏表紙に「中級技術者向け」と明記されている。JavaScriptの言語仕様に関して、入門したことない人や、関数型の言語に見地のない人は、パーフェクトJavaScriptやサイ本あたりで、JavaScriptの言語仕様を身につけてから、取り扱うことを推奨する。それぐらい価値のある内容に本書は仕上がっている。 そして、 正統派なTDD(テスト駆動開発)について理解したい JavaScript自身の言語的な特徴を押さえておきたい テストできるJavaScriptのコードを多く閲覧したい 実際のプロダクトに活用できるアプローチを数多く知りたい と、考えているJavaScriptを日頃から書いている人、携わっている人に、必ず読んでもらいたい1冊である。 全体を通じて、テストできるコードの特徴は何か、単体テストとテスト駆動環境の利点を享受できる優れた単体テストはどのようなものかをサンプルとともに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く