今日からCSS3アニメーションを使えるようになるチュートリアル
CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
ユニークなjQueryプラグインを集めた「20+ Uniquely Cool jQuery Plugins and Tutorials」
TOP > WebDesign > ユニークなjQueryプラグインを集めた「20+ Uniquely Cool jQuery Plugins and Tutorials」 非常に高機能はjavascriptライブラリjQuery。様々な便利なプラグインが公開されていますが、今日は実用的なものというよりは、ユニークなjQueryプラグインを集めたエントリー「20+ Uniquely Cool jQuery Plugins and Tutorials」を紹介したいと思います。 Airport Text Effect – Demo 上記のようにちょっと変わったプラグインが全部で20集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Spritley 鳥を飛ばすjQueryプラグイン。飛ばす向きやスピードが調整できるようになっています。 De
わたし、"上場廃止"が好き／興味がある。 - COMING-OUT NOW!! | VAIO P | ソニー
ソニー「VAIO」の製品情報。ご使用のブラウザ環境では、本コンテンツが正しく表示できない可能性があります。下記の注意点を確認し、必要な設定を行った上でブラウザを再起動してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。
WEB DESIGN NANDE
亚洲欧洲自拍拍偷午夜色,国产极品24P,国产乱理伦片在线观看,,日日噜噜夜夜狠狠视频无码,欧美A级毛欧美1级A大片式放,99久久婷婷国产综合精品青草,秋霞午夜理论理论福利无码,单亲和子的性关系A片,亚洲综合另类小说色区色噜噜
HTML5の可能性を垣間見る「Blowing up HTML5 video and mapping it into 3D space」
TOP > Design > HTML5の可能性を垣間見る「Blowing up HTML5 video and mapping it into 3D space」 最近様々な技術系のブログで取り上げられているHTML5。かなり複雑な動きやインタラクティブな処理ができるようで、実験的な試みも多数行われていますが、今回紹介するのはHTML5で動画を細かく分散させたり、3D空間にマッピングするという「Blowing up HTML5 video and mapping it into 3D space」を紹介したいと思います。 まずは動画を分散させる加工をHTML5で施したもの、上記の写真のように、動画をクリックすると、細かな長方形上に動画が砕け散ります。マッピングされていますので、細切れになったエレメント上で再生は続いています。実際制作したデモが公開されていましたので「HTML5 V
Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました
通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今！このページがヒットしている！」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindows・Mac・Linux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換
アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換 アドビシステムズは3月10日に始めた新しいブログ「Design and Web」の中で、FlashをHTML5のCanvas要素で置き換える「Smart Paste」のデモ動画を公開しました。この機能は現在開発中のDreamweaver CS5のプロトタイプ機能とのことです。 （追記3/18：上記ブログの1つ目のエントリ「Design & Web」に、紹介する機能は「It won't be in the next version of CS.」であるとの記述がありましたので、「Dreamweaver CS5」の部分を削除させていただきます。すいませんでした）。 FlashのファイルをJavaScriptでレンダリング、Canvasへ描画 11日付けで公開されたエントリ「Canvas fo
DOMMUNE
北出栞『「世界の終わり」を紡ぐあなたへ ―デジタルテクノロジーと「切なさ」の編集術』 刊行記念 ■太田出版 Presents「Y2K・ボーカロイド・現代美術―〈セカイ系〉文化論の現在地」●出演：北出栞、柴那典、宇川直宏、藤田直哉、布施琳太郎 ● Performance（収録）：KAIRUI×米澤柊、Telematic Visions×cosgaso ｢詳説・HYPERTEXT」SAPPORO POSSE ONLINE#1 ●TALK：SAPPORO POSSE、ばるぼら、持田保 ●ILLUMINATI CARD PLAYER：with 宇川直宏 ●DJ：banana｜BROADJ#3285 「カウンターカルチャーと陰謀論」を軸に音楽・文学・オカルト・インターネット・スピリチュアルを貫き通す!!
ブラウザ上でWebページをリアルタイム編集できる簡単な方法 - EC studio デザインブログ
「テキスト修正してサーバーにアップしたけど、今度は改行がおかしい・・・ また作り直して、アップしなおさないと・・・」 「このテーブル、項目が増えてもレイアウトが崩れないかなぁ・・・ 検証面倒くさいなぁ・・・」 「打ち合わせ中に、この画像を削除したパターンが見たいっていわれけど・・・ 今HTMLファイルもFTP情報もないしなぁ・・・」 こんなとき、リアルタイムでWebページを編集できたら便利ですよね。 そこで紹介するのが今回の方法です。 ブラウザのアドオンやエクステンションのインストールは一切なし！ ブラウザに左右されない！（Firefox、IE8、Chrome、Opera共通） そんな便利な方法をご紹介します。 お気に入りに追加してWebページを編集する方法 下記のテキストリンクを「ドラッグ」し、 ブラウザのツールバーに「ドロップ」します。 このページを編集する ツールバーに入った「このペ
あのサイトを作りたい！オープンソースのクローンCMSまとめ
「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ
jQuery.sheet - The Web Based Spreadsheet
<TABLE title=""> <COLGROUP> <COL width="" style="width: ;"/> </COLGROUP> <TBODY> <TR > <TD class="Classes used for styling."></TD> </TR> </TBODY> </TABLE> <documents> <document> //repeats <metadata> <columns>{Column_Count}</columns> <rows>{Row_Count}</rows> <title></title> </metadata> <data> <r{Row_Index}> //repeats <c{Column_Index} style="" width="0" cl="{Classes used for styling}"></c{Column_In
1日50本くらいタバコを吸っていた人がタバコをやめると色んな変化が襲ってくる
コレまでやめたい思ってもやめられなかったタバコですが、ついに禁煙を始める事が出来ました。 実は、タバコが吸いたいと思ったときに ある事をするだけで、タバコが辞められるんです！ でも、、、 問題はやめた後。 いやはや、ここまで体調に変化があるとは思ってなかったわけで、正直ショックです。 なんていうか、物理的に、短期間で大きな変化が襲ってくるんですよね。 今回はそんなタバコについてのお話です。 というか、タバコをやめるとどうなるのか的な、単なる体験談に近いです。 タバコをやめようと思った動機 今回、タバコをやめようと思った最大の理由は値上げの決定です。 コレに尽きます。 一箱100円の値上げってアホですか。 私は1日最低40本、たまに50本吸うようなスペックです。 健康の為とか、将来の為とかそんな問題ではなくて、1日600～900円かかってたものが800～1200円になるって言うもんだからカッ
Simple CMS for static HTML/PHP websites
Sitecake pitched, won and been featured with Features Drag & drop everything Drag & drop items from anywhere: the website, your desktop, other browser window or cloud services like YouTube, Vimeo, Google maps, Twitter, etc. It just works! No template engine required Sitecake is static CMS that works with plain HTML and PHP pages. No need to learn new templating syntax, just add ‘sc-content’ CSS cl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式投資ツール`EDIUNET`: 4,000会社の決算書・株式チャート・ランキングが、全て無料で利用できる、ダウンロードできる
PCを無線LANルーター化する「Connectify」がWindowsサービスとして動作可能に
http://nike.jp/musicshoe/
631. 思わずサクサク検索したくなる機能 | 使いやすさ日記 by U'eyes Design Inc.
Blog | 株式会社デザイニウム
Blog | 株式会社デザイニウム
sexyCycle