[B! html5] forcutieのブックマーク

HTML5時代のネット動画技術〜良い子悪い子普通の子（増補改訂版）

サッポロクリエイティブキャンプ 2016 #3で使った資料を増補改訂したものです。HTML5 VideoとかHLSとかDASHとかのことについてです。Read less

forcutie 2016/07/14

html5
video

リンク

テオ・ヤンセン機構をHTML5 Canvasでアニメーションに - roombaの日記

はじめにオランダのアーティストであるTheo Jansen(テオ・ヤンセン)氏は、風力によって歩行する巨大な脚「ストランドビースト」をつくったことで有名です。「ストランドビースト」には特殊なリンク機構(Jansen's Linkage)が用いられており、これによって風力による回転運動を生物のように生き生きとした脚の動きに変換しています。 Theo Jansen Japan Jansen's linkage - Wikipedia, the free encyclopedia 以下のような組み立てキットも発売されています。私も持っていますが楽しいです。大人の科学マガジン Vol.30 (テオ・ヤンセンのミニビースト) (Gakken Mook) 作者: 大人の科学マガジン編集部出版社/メーカー: 学習研究社発売日: 2011/01/14メディア: ムック購入: 13人クリック: 267

forcutie 2015/02/27

html5

リンク

HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利

HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利 HTML5やCSS3のブラウザサポート状況が確認できるcaniuse.comのベータ版が2014年6月に公開され、デザインが刷新されました。このベータ版のデザインの良さにも驚きましたが、なにより驚いたのはGoogleアナリティクスとの連携機能でした。ベータ版の「Settings」から設定を行うと、Googleアナリティクスのデータを読み込むことができ、自分のサイトに訪れるユーザが使うブラウザで、ある特定のHTML5やCSS3の機能が、どのくらいサポートされているかがわかります。世の中便利になりましたね〜。実は現行版でも同じ機能が使えるのですが、残念ながらぜんぜん気づきませんでした。 ※ちなみに、このベータ版は数週間テストを行いフィードバックを得てから、本番サイトに

forcutie 2014/07/07

css3
html5

リンク

Bootstrapの使い方超入門 (1/4) - ＠IT

話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク﹁Bootstrap﹂の概要と基本的な使い方をサンプルとコードを交えて紹介します。最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載﹁HTML5アプリ作ろうぜ！﹂。今回紹介するフレームワークは﹁Bootstrap﹂です。話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク﹁Bootstrap﹂とは現在のWeb制作、開発では、ともにスピードが重視されています。﹁Bootstrap﹂を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近

forcutie 2014/03/20

レスポンシブ

html5
css

リンク

これなら分かる！WEB制作を無料で「学べる」サイトまとめ

作成‥2013/02/4 更新‥2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい自分でサービス作ったり、会社や違う職種でも色々と﹁基本﹂はおさえておきたい今回はサイト制作に必要な﹁基本的な知識・情報﹂を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。エンジニア速報は Twitter の@commteで配信しています。もくじ1．HTML5 ２．CSS3．レスポンシブ4．配色5．視線誘導 / 心理学6．インターフェース / ユーザビリティ7．SEO8．ディレクション9．アクセス解析10．WEBマーケティング11．コピーライティング12．ソーシャル1．HTML5HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく

forcutie 2014/02/05

リンク

iOS7におけるMobile Safariの主な変更点

iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏︵@firt︶がブログで詳細に解説しています。この記事では、同氏のブログから、Web制作者／開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、﹁1.0以降最もバグの多いバージョンだ﹂︵this is the buggiest Safari version since 1.0︶だそうです… UIが大幅に変更、フルスクリーン︵に近いサイズ︶がデフォルトに Webブラウジングをしている

forcutie 2013/09/20

リンク

html5mediaでIE6,7,8でもHTML5で動画再生 – CamCam

これまでPCサイトでの動画再生といえばFLVが主流。がしかし、iPhone iPadではFlash非対応で再生できない。ジョブズも時代はHTML5だと頑なにFlashを拒否してたのは周知の通り。そんなこんなで時代の流れは脱Flashへと向かう中、アタクシ自身もかなり以前からFlash嫌いだったこともあって、Webでの動画再生はHTML5でやりたい。そうなると次なる問題は、Flash以上にいかんともしがたい IE6,7,8 HTML5をまったく理解しないアホブラウザどもだ。IEを抹殺しない限り地球に平和は訪れないとすら思える。しかし時代はあっさりこの問題もクリアしてしまった。 html5media HTML5 video and audio tags in all major browsers これで、IE6-8でも問題なくHTML5のvideoタグを使って動画を再生できる。ダウ

forcutie 2013/02/08

video
html5

リンク

hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

forcutie 2013/01/16

html5
css

リンク

Cooky、特に飲食関連のビジネスやブログにぴったり

個人でも商用でも、そしてクライアントのプロジェクトでも無料で利用できる、スマートフォン・タブレット向けのサイトが簡単に作成できるjQuery Mobileを使ったテンプレートを紹介します。 Cooky -Free Mobile SiteTemplate Cookyの特徴とラインセス Cookyのデモ(ページ︶ Cookyのデモ︵エフェクト・テンプレート︶ Cookyの特徴とライセンス Cookyはスマートフォン・タブレット向けのサイトが簡単につくれるよう、ページやエレメントが一式揃ったテンプレートです。その名の通り、特に飲食をベースにしたビジネスやブログなどを想定してデザインされています。 ValidなHTML5+CSS3で実装された11ページ。グリッド、アコーディオン、リスト、ボタンなども用意。レスポンシブ対応のスライダー。コンタクトフォーム。 jQuery Mobile, G

forcutie 2012/12/11

リンク

Responsive Cat

I'm responsive.

forcutie 2012/11/13

roxik城戸さん

html5

リンク

エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

forcutie 2012/10/03

html5

リンク

Web Design Tips To Help You Succeed - Web Design

The key to creating a successful website is instrumental when it comes to showcasing your business under the right light. Continue on into this article for

forcutie 2012/09/25

レスポンシブ

html5

リンク

HugeDomains.com

Captcha security check fiafo.com is for sale Please prove you're not a robot View Price Processing

forcutie 2012/09/25

レスポンシブ

html5

リンク

Microsoft Build Developer Conference | April 29 – May 1, 2015

The recommended section on Windows 11 start menu shows all of your recent files and new apps. This section takes…

forcutie 2012/09/25

レスポンシブ

html5

リンク

http://coworkchicago.com/

forcutie 2012/09/25

レスポンシブ

html5

リンク

https://appcube.com/

forcutie 2012/09/25

レスポンシブ

html5

リンク

Dress Responsively, LTD

Apparel for responsive-building, media-querying web citizens.Dress Responsively, LTD Home About Shirts Contact Apparel for responsive-building, media-querying web citizens. You Decide 2012 Size us up and vote WTH? Show me the shirts Current Leader: FRIENDS HELPING FRIENDS A true friend would never let a friend put themselves in danger. Promote a healthy CSS lifestyle in your school, workplace, or

forcutie 2012/09/25

レスポンシブ

html5

リンク

テンプル大学ジャパンキャンパス | Temple University, Japan Campus

外国大学日本校として文部科学省から指定を受けた、最も長い歴史と最大の規模を誇る米国ペンシルベニア州立総合大学の日本校。学部生の約6割が外国籍であり、授業はすべて英語で行われています。アカデミックイングリッシュプログラムや生涯教育プログラムといった学位取得を目的としないプログラムもあります。

forcutie 2012/09/25

レスポンシブ

html5

リンク

UFOを操ろう！ HTML5+JavaScriptで実装するスマホコントローラーの仕組み。

HTML5ゲームの投稿プラットフォーム﹁jsdo.it HTML5-Games﹂がスタート！ HTMLファイ部ほんだです。カヤックの新規開発事業部﹁ブッコミジャパン﹂が、 HTML5ゲームをあそべる、つくれるプラットフォーム﹁jsdo.it HTML5-Games﹂をリリースしました！ jsdo.it︵弊社運営のHTML5コード共有サイト︶からHTML5ゲームを簡単に投稿でき、他のクリエイターによって投稿されたゲームを無料で遊べます！また、スマートフォンをコントローラーにしたゲームを簡単につくれるようになる JavaScriptライブラリ﹁jsdoitController.js﹂もリリースしました。今回は﹁jsdoitController.js﹂で使えるようになる﹁jsdo.it WebSocket Controller﹂︵以下‥jsdo.it コントローラー︶の仕組みについて

forcutie 2012/04/25