Soumettre la recherche
Mettre en ligne
Cssアニメーションとその制御
•
2 j'aime
•
3,084 vues
Muyuu Fujita
Suivre
Signaler
Partager
Signaler
Partager
1 sur 32
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Shifterミートアップ5/20でお話しした、WEBデザイナー目線での体験談です。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Mariko Imamura
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
2014/712 クリエイティブコネクトというイベントで話したスライドです。
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
2017年1月28日の.NETラボ勉強会スライド資料です。
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Makoto Nishimura
WordBench京都2016年2月のスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都9月号でkintoneの紹介で使った資料です。
WordBench京都9月号
WordBench京都9月号
Koji Asaga
同タイトルの連載でより具体的なカスタマイズ方法を解説しています。 https://www.a-blogcms.jp/series/wordpress/
WordPress ユーザーのための a-blog cms 入門
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
a-sap(a-blog cms札幌勉強会)第9回の資料です。WordPressを利用している人がa-blog cmsを利用する際に注意すべき点や、投稿タイプの代替としてのカテゴリーの解説、表示条件を管理画面から変更するハンズオンを紹介しています。
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
Recommandé
Shifterミートアップ5/20でお話しした、WEBデザイナー目線での体験談です。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Mariko Imamura
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
2014/712 クリエイティブコネクトというイベントで話したスライドです。
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
2017年1月28日の.NETラボ勉強会スライド資料です。
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Makoto Nishimura
WordBench京都2016年2月のスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都9月号でkintoneの紹介で使った資料です。
WordBench京都9月号
WordBench京都9月号
Koji Asaga
同タイトルの連載でより具体的なカスタマイズ方法を解説しています。 https://www.a-blogcms.jp/series/wordpress/
WordPress ユーザーのための a-blog cms 入門
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
a-sap(a-blog cms札幌勉強会)第9回の資料です。WordPressを利用している人がa-blog cmsを利用する際に注意すべき点や、投稿タイプの代替としてのカテゴリーの解説、表示条件を管理画面から変更するハンズオンを紹介しています。
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
Sapporo.js というコミュニティで発表した時の資料。 2012年頃の JavaScript並行プログラミング とそのちょっと先に出てきた技術について紹介していた。
Concurrent Programm in JavaScript
Concurrent Programm in JavaScript
yjono Seino
Sapporo.js というコミュニティで発表した時の資料。 2012年頃の JavaScript並行プログラミング とそのちょっと先に出てきた技術について紹介していた。
Concurrent Programming in JavaScript
Concurrent Programming in JavaScript
yjono Seino
オープンセミナー2014@岡山 / 2014年5月17日(土) 久保木 博・前川 昌幸 スライド見てもわけわからないかもしれませんが。が。
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
Masayuki Maekawa
第一回JAWS-UG 関西女子会発表資料
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
Shinya Yamada
CSS叩いて返り討ちになる話
CSSから国民を守る党ver2
CSSから国民を守る党ver2
akatsuki 1910
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
「おれのWebサービス」について個人の視点に立った意見を中心に
MF GeeksNight pplogの話
MF GeeksNight pplogの話
Naoto Koshikawa
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
a-sap(a-blog cms札幌勉強会)第8回の資料です。Movable Typeを利用している人がa-blog cmsを利用する際に注意すべき点や、コンテンツによるレイアウト変更、マルチサイトを実装するハンズオンを紹介しています。
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
SaCSS(札幌コーディング勉強会) vol.79の資料に補足を加えたものです。CMSを利用したサイトを制作する前、デザイナー・コーダーへの発注・着手前にディレクション関連で確認すべきことを紹介しています。
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
渋谷.rb[:20150318] でLTしたい用
プロジェクトでRubocopを使って自動コードレビューしてみた話
プロジェクトでRubocopを使って自動コードレビューしてみた話
Cake YOSHIDA
誰も見ないとは思いますが Comable のソースはこちらになります: https://github.com/hyoshida/comable
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
Cake YOSHIDA
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench東京 7月『WordPressでのブログライティングとブログ運営』でのLT用スライド
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
Yuma Tahara
MicrosoftAzureのMobileService(JavaScript)を試してみました
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
Yuriko Kamimori
2015年8月29日 東北IT物産展 2015@青森 のセッション「WordPress 初心者からの脱出」のスライドです
WordPress 初心者からの脱出 #tohokuitfes
WordPress 初心者からの脱出 #tohokuitfes
Kazue Igarashi
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
Telework Remote worker Beerbash in Yamagata#01 「DigitalCubeのリモートワーク」
DigitalCubeのリモートワーク
DigitalCubeのリモートワーク
Kazue Igarashi
WordBench奈良 2015年6月資料
WP-APIを使ってみよう&No PHPテーマという考え方
WP-APIを使ってみよう&No PHPテーマという考え方
Hidetaka Okamoto
2016/6/10の「Sketchy Talks #1 CSSについて学ぶ」で発表した時のスライドです。 ……グダグダですみません(;´∀`)
CSSアニメーション はじめました。
CSSアニメーション はじめました。
Teppei Morinaga
https://www.facebook.com/TonosamaLabo
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Nishida Kansuke
Contenu connexe
Tendances
Sapporo.js というコミュニティで発表した時の資料。 2012年頃の JavaScript並行プログラミング とそのちょっと先に出てきた技術について紹介していた。
Concurrent Programm in JavaScript
Concurrent Programm in JavaScript
yjono Seino
Sapporo.js というコミュニティで発表した時の資料。 2012年頃の JavaScript並行プログラミング とそのちょっと先に出てきた技術について紹介していた。
Concurrent Programming in JavaScript
Concurrent Programming in JavaScript
yjono Seino
オープンセミナー2014@岡山 / 2014年5月17日(土) 久保木 博・前川 昌幸 スライド見てもわけわからないかもしれませんが。が。
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
Masayuki Maekawa
第一回JAWS-UG 関西女子会発表資料
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
Shinya Yamada
CSS叩いて返り討ちになる話
CSSから国民を守る党ver2
CSSから国民を守る党ver2
akatsuki 1910
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
「おれのWebサービス」について個人の視点に立った意見を中心に
MF GeeksNight pplogの話
MF GeeksNight pplogの話
Naoto Koshikawa
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
a-sap(a-blog cms札幌勉強会)第8回の資料です。Movable Typeを利用している人がa-blog cmsを利用する際に注意すべき点や、コンテンツによるレイアウト変更、マルチサイトを実装するハンズオンを紹介しています。
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
SaCSS(札幌コーディング勉強会) vol.79の資料に補足を加えたものです。CMSを利用したサイトを制作する前、デザイナー・コーダーへの発注・着手前にディレクション関連で確認すべきことを紹介しています。
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
渋谷.rb[:20150318] でLTしたい用
プロジェクトでRubocopを使って自動コードレビューしてみた話
プロジェクトでRubocopを使って自動コードレビューしてみた話
Cake YOSHIDA
誰も見ないとは思いますが Comable のソースはこちらになります: https://github.com/hyoshida/comable
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
Cake YOSHIDA
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench東京 7月『WordPressでのブログライティングとブログ運営』でのLT用スライド
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
Yuma Tahara
MicrosoftAzureのMobileService(JavaScript)を試してみました
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
Yuriko Kamimori
2015年8月29日 東北IT物産展 2015@青森 のセッション「WordPress 初心者からの脱出」のスライドです
WordPress 初心者からの脱出 #tohokuitfes
WordPress 初心者からの脱出 #tohokuitfes
Kazue Igarashi
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
Telework Remote worker Beerbash in Yamagata#01 「DigitalCubeのリモートワーク」
DigitalCubeのリモートワーク
DigitalCubeのリモートワーク
Kazue Igarashi
WordBench奈良 2015年6月資料
WP-APIを使ってみよう&No PHPテーマという考え方
WP-APIを使ってみよう&No PHPテーマという考え方
Hidetaka Okamoto
Tendances
(20)
Concurrent Programm in JavaScript
Concurrent Programm in JavaScript
Concurrent Programming in JavaScript
Concurrent Programming in JavaScript
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
20150121 jaws ug関西女子会
20150121 jaws ug関西女子会
CSSから国民を守る党ver2
CSSから国民を守る党ver2
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
MF GeeksNight pplogの話
MF GeeksNight pplogの話
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
プロジェクトでRubocopを使って自動コードレビューしてみた話
プロジェクトでRubocopを使って自動コードレビューしてみた話
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
Comableを支える技術〜できるだけコーディングせずにズルして作るRailsアプリ〜
WordPressってブログじゃないの?
WordPressってブログじゃないの?
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
ビジュアルエディタ用CSSで 快適なブログライフを!
ビジュアルエディタ用CSSで 快適なブログライフを!
超初心者でもできた!AzureMobileService JSバージョン
超初心者でもできた!AzureMobileService JSバージョン
WordPress 初心者からの脱出 #tohokuitfes
WordPress 初心者からの脱出 #tohokuitfes
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
DigitalCubeのリモートワーク
DigitalCubeのリモートワーク
WP-APIを使ってみよう&No PHPテーマという考え方
WP-APIを使ってみよう&No PHPテーマという考え方
En vedette
2016/6/10の「Sketchy Talks #1 CSSについて学ぶ」で発表した時のスライドです。 ……グダグダですみません(;´∀`)
CSSアニメーション はじめました。
CSSアニメーション はじめました。
Teppei Morinaga
https://www.facebook.com/TonosamaLabo
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Nishida Kansuke
2013-02-09 HTML5 Carnival Fukuoka(HTML5カーニバル福岡) 講演資料
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Hiroaki Okubo
WCAN 2014 Autumnで発表した「ウェブデザインにおける動きの演出について」のスライド
ウェブデザインにおける動きの演出について - WCAN 2014 Autumn
ウェブデザインにおける動きの演出について - WCAN 2014 Autumn
takuo yamada
DMP勉強会
DMP勉強会
Shoho Kozawa
DMP(Data Management Platform)について語るスウェーデン親子のハートフルストーリー。
【データアーティスト株式会社】5歳の娘でもわかるDMP
【データアーティスト株式会社】5歳の娘でもわかるDMP
Satoru Yamamoto
RTBの成り立ちと、実際の動きを解説しています。
アドテク勉強会
アドテク勉強会
Shoho Kozawa
ランディングページを作るとき・直すときには「見た目」を考えるよりも前に「何を伝えるか?」を考えることが重要になります。 これまで1000回以上のABテストを実施してきたデータアーティストのノウハウをギュギュっと詰めて、そしてちょっとふんわりさせたランディングページ最適化の資料です。
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
Satoru Yamamoto
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーー
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
このコピー講座は、2012年11月にスタートアップ企業向けに開催した「WEBこそコピーがたいせつ講座」の抜粋および、2013年2月に岡山広告温泉で話そうと思っていたことのスライドです。
カヤックコピー部のコピー講座
カヤックコピー部のコピー講座
コピーライターはせがわ てつじ
コンテンツ作りの三原則
コンテンツ作りの三原則
INFOBAHN.inc(株式会社インフォバーン)
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門:https://amzn.asia/d/4WDsTI6 デザイン図鑑:https://amzn.asia/d/gOBCWKc 【前作】 > http://www.slideshare.net/yutamorishige50/how-to-present-better
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
En vedette
(12)
CSSアニメーション はじめました。
CSSアニメーション はじめました。
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
ウェブデザインにおける動きの演出について - WCAN 2014 Autumn
ウェブデザインにおける動きの演出について - WCAN 2014 Autumn
DMP勉強会
DMP勉強会
【データアーティスト株式会社】5歳の娘でもわかるDMP
【データアーティスト株式会社】5歳の娘でもわかるDMP
アドテク勉強会
アドテク勉強会
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
カヤックコピー部のコピー講座
カヤックコピー部のコピー講座
コンテンツ作りの三原則
コンテンツ作りの三原則
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
Similaire à Cssアニメーションとその制御
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
Flash LiteのアニメーションをJS+CSSに書き換えてみるハンズオンです。変換技術の紹介もいくつかしています。
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Takeharu Igari
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Takumi Ohashi
CSS叩いて返り討ちになる話
CSSから国民を守る党
CSSから国民を守る党
akatsuki 1910
Web制作勉強会第二回の資料 jQuery入門です。
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
オブジェクト指向を文法からではなく、自然言語的に分かりやすく文系的に解説する講座です。と言いつつ分かりやすくなかったらゴメンナサイ。需要があれば続けます。 今回は、コンストラクタの引数についてです。
ジーノ先生の文系的オブジェクト指向(2) - コンストラクタの引数
ジーノ先生の文系的オブジェクト指向(2) - コンストラクタの引数
Satoru Kodaira
HTML5 Conrerence 2012
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
Shumpei Shiraishi
2016年7月17日に開催された「さくらじまハウス」での講演資料です。
Going Serverless, Building Applications with No Servers
Going Serverless, Building Applications with No Servers
Keisuke Nishitani
I will present various problems of today’s CSS Validation and I will introduce a new CSS Validation Tool that I developed which works as a Chrome Extension or JavaScript bookmarklet.
[Japanese] Style validator-html5etcstudy20151125
[Japanese] Style validator-html5etcstudy20151125
Takeharu Igari
データビジュアライゼーション Dc.jsで遊ぼう - 清水
データビジュアライゼーション Dc.jsで遊ぼう - 清水
chome03
Swiftにおける enum と struct の利用方法を説明しています。 2015/03/25 にHatchUp主催で行われた勉強会資料です。 https://atnd.org/events/62318
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
Yu Tanaka
オープンソースのエディタ、Bracketsの総括的な紹介スライドです! (2015/5/23 札幌で開催されたSaCSS Vol.56にて使用)
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!
Atsushi Handa
JJUG CCC 2015 Fall 2015-11-28T15:00-15:50 の発表資料です。 話せなかった分は切りましたが、言いたいことは言い切っています。
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
irof N
JaSST 13 九州での発表資料です。
詳解!自動結合テスト #jasst
詳解!自動結合テスト #jasst
kyon mm
PHP Conference kansai 2015 発表資料(公開用)です。
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Yusuke Kawabata
「関西フロントエンドUG 年忘れLT大会」で発表したLTスライドです
習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます
Kyo Kaji
鷹野 雅弘(スイッチ) 再録記事 https://blogs.adobe.com/creativestation/dtp-photoshop-kihon-tips-sp アーカイブ動画 https://www.youtube.com/watch?v=YoXgJgrSC0E 2015年11月11日開催 http://www.event-web.net/adobelive2015/max/
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
swwwitch inc.
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/431/room ーーーーーーーーーーーーーーーーーーーーーーー
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/263/room ーーーーーーーーーーーーーーーーーーーーーーー
これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
schoowebcampus
Similaire à Cssアニメーションとその制御
(20)
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
CSSから国民を守る党
CSSから国民を守る党
Web制作勉強会 #2
Web制作勉強会 #2
ジーノ先生の文系的オブジェクト指向(2) - コンストラクタの引数
ジーノ先生の文系的オブジェクト指向(2) - コンストラクタの引数
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
Going Serverless, Building Applications with No Servers
Going Serverless, Building Applications with No Servers
[Japanese] Style validator-html5etcstudy20151125
[Japanese] Style validator-html5etcstudy20151125
データビジュアライゼーション Dc.jsで遊ぼう - 清水
データビジュアライゼーション Dc.jsで遊ぼう - 清水
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
詳解!自動結合テスト #jasst
詳解!自動結合テスト #jasst
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
Plus de Muyuu Fujita
2016年、初夏のJavaScript祭で発表したスライドです
Hello npm
Hello npm
Muyuu Fujita
【#techbuzz】10/23 第18回 HTML5+JS 勉強会【テーマ:ES6 & JavaScript / WebRTCでリアル店舗を作ってみる】 こちらで発表した資料ですよ
Learn ES2015
Learn ES2015
Muyuu Fujita
春のJavaScript祭 in GMO Yours の資料ですよー
Start React with Browserify
Start React with Browserify
Muyuu Fujita
JavaScript祭スピンオフ! フロントエンド祭り in Co-Edo での発表資料です
Objective Front-End JavaScript
Objective Front-End JavaScript
Muyuu Fujita
第5回 HTML5minutes! 〜triton-js〜 で話したLTです
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Muyuu Fujita
第21回Creators MeetUpで話したJadeの話です。
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
Muyuu Fujita
春のJavaScript祭りで発表した資料です http://javascript-fes.doorkeeper.jp/events/14171
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
天下一altJS武闘会で発表したCoffeeScript勢の資料です
非ガチ勢「よし、Coffee script使おう!」
非ガチ勢「よし、Coffee script使おう!」
Muyuu Fujita
あの時AngularJSと出会った僕らは
あの時AngularJSと出会った僕らは
Muyuu Fujita
2013年11月22日にネスト赤羽で開催された第20回デザイン勉強会の資料です。 デザイナーさんが「これならPHPやれそうだ」と思える物になると良いなぁと思いましたがどうですかね。
デザイナー向け 初めてのPhp ~サイト制作に役立つtips~
デザイナー向け 初めてのPhp ~サイト制作に役立つtips~
Muyuu Fujita
ゆるふわ勉強会 第6回の資料です 後で色々直します。。。
WordPressで企業サイトのテーマを作る
WordPressで企業サイトのテーマを作る
Muyuu Fujita
第3回ゆるふわ勉強会のむy
WPerのWPerによるWPerのためのPHP入門
WPerのWPerによるWPerのためのPHP入門
Muyuu Fujita
ゆるふわ第2回の資料です
ノンプログラマのGit入門
ノンプログラマのGit入門
Muyuu Fujita
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
Plus de Muyuu Fujita
(14)
Hello npm
Hello npm
Learn ES2015
Learn ES2015
Start React with Browserify
Start React with Browserify
Objective Front-End JavaScript
Objective Front-End JavaScript
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
非ガチ勢「よし、Coffee script使おう!」
非ガチ勢「よし、Coffee script使おう!」
あの時AngularJSと出会った僕らは
あの時AngularJSと出会った僕らは
デザイナー向け 初めてのPhp ~サイト制作に役立つtips~
デザイナー向け 初めてのPhp ~サイト制作に役立つtips~
WordPressで企業サイトのテーマを作る
WordPressで企業サイトのテーマを作る
WPerのWPerによるWPerのためのPHP入門
WPerのWPerによるWPerのためのPHP入門
ノンプログラマのGit入門
ノンプログラマのGit入門
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Cssアニメーションとその制御
1.
∼ ∼ CSSアニメーションと その制御について Creators MeetUp 第3回
2.
自己紹介 名前 所属 職種 tw FB Blog Mail 藤田 無憂 フリーランス ディレクター フロントエンドエンジニア IT僧侶 @anticyborg muyuu http://stackstock.net/ anticyborg@gmail.com
3.
覚えたアビリティ フロントエンド 端末対応 レスポンシブWebデザイン サーバサイド スマートフォン用サイト・Webアプリ
4.
今日のお話 •Webとアニメーション •CSSアニメーションとは •CSSアニメーションの種類 •制御する方法
5.
Webとアニメーション
6.
Webとアニメーション •今まではアニメーションと言えばFlash •Appleの「Flashいらね」宣言でみんな大変 •「javascriptがあるじゃないか!」
7.
JQueryで割と簡単にできる •記述が簡単 •デザイナーフレンドリー
8.
Javascriptのアニメーションは重い 元々アニメーションの機能があるわけではない ので、割と強引な手法で動かしてたりします。
9.
Javascriptのアニメーションは重い 元々アニメーションの機能があるわけではない ので、割と強引な手法で動かしてたりします。 そこでCSSですよ!
10.
DEMO http://stackstock.net/demo/cmu0427/d06.html
11.
CSSアニメーションとは
12.
cssアニメーションとは •Level3(通称css3)で機能が追加された •ブラウザネイティブなので軽快な動作 Javascriptはアニメーション機能を持っているわけではないので 基本的には処理が重くなりがち IEは(いつものように)未対応 •対応ブラウザは微妙
13.
そんな感じでスマートフォンサイト、 Webアプリのアニメーションにはcss が採用されるケースが多くなってきて います。
14.
cssアニメーションの種類
15.
cssアニメーションの種類 •transitionプロパティ :hover等の特定のアクションに対しての要素の変化をアニメーション させるプロパティ。アクション終了時には逆のアニメーションで戻る 要素の変化に対して アニメーションをつける
16.
DEMO http://stackstock.net/demo/cmu0427/d01.html
17.
transitionプロパティ •transition-property •transition-duration どの要素に対してアニメーションをさせるか アニメーションにかける時間 •transition-delay アニメーションを開始するまでの遅延時間 •transition-timing-function どんなタイミングでどんな速度でアニメーションさせるか(イージング)
18.
cssアニメーションの種類 •animationプロパティ キーフレームを使ってFlashのように柔軟に要素をアニメーションさ せるプロパティ。 タイムライン的な アニメーションができる
19.
DEMO http://stackstock.net/demo/cmu0427/d02.html
20.
animationプロパティ •animation-name •animation-duration 実行するアニメーションの名前(@keyframes の名前) アニメーションにかける時間 •animation-delay アニメーションを開始するまでの遅延時間 •animation-iteration-count 何回アニメーションを繰り返すか
21.
animationプロパティ •animation-direction •animation-play-state アニメーションの再生方向 一時停止したり再開したり •animation-timing-function どんなタイミングでどんな速度でアニメーションさせるか(イージング) •animation-fill-mode アニメーション実行後の振る舞いをどうするか
22.
アニメーションの制御
23.
クリックでアニメーションを開始 http://stackstock.net/demo/cmu0427/d03.html
24.
アニメーション終了後に次の アニメーションを開始 http://stackstock.net/demo/cmu0427/d04.html
25.
さっきのDEMOを修正して、何度で もクリックに反応する子に調教 http://stackstock.net/demo/cmu0427/d03.5.html
26.
最後にデモっぽいやつを http://stackstock.net/demo/cmu0427/d05.html
27.
今のところ、cssアニメーション は全部手書きで動きも秒数も指定 しないといけない めんどくさいっ!!
28.
cssアニメーションの課題 •端末、ブラウザの対応には延々悩まされる •オーサリングツールがない
29.
時が解決して くれるよきっと 例えばこの子とか…きっと…
30.
今はきっと、 基礎力を養う時期
31.
がんばろうぜ!
32.
ありがとうございました
Télécharger maintenant