タグ

html5に関するmook5656のブックマーク (4)

  • デザイナー&コーダーいらなくなるかも?!ウェブツール『WiX』 | ATTRIP

    WiXってウェブサービスが日語化されて良い感じです。 かっこいいテンプレートが初めからいっぱい用意されていて、html一切わからなくても、画像ソフトの感覚で自由にレイアウトして、html5のサイトができてしまいます。 更に、ショッピングカートもできちゃうという。 商品紹介のLPページの作成にはぴったりですね! WiXの特長・超おしゃれな&かっこいい無料テンプレートが初めからたくさんある。 ・マウスだけでレイアウトして、htmlがまったくわからなくても、なんとなくかっこいいhtml5のサイトが作れる。 ・ショッピングカートで、ECサイトもできる。 利用料金は?広告有り、独自ドメインじゃなくて良いなら無料。 広告有り、独自ドメインならConnect Domain プラン。 広告無し、独自ドメインならCombo プラン。 あとは↓↓を見てみて下さい。 サーバー代とか制作費考えるなら、安いですね

    デザイナー&コーダーいらなくなるかも?!ウェブツール『WiX』 | ATTRIP
  • HTML5でWebカメラをキャプチャしてみた - アル中プログラマの備忘録

    videoタグで動画を埋め込めるのと、 そのソースをJavaScriptを使ってWebカメラから取得できるらしいのでやってみた。 ※すでに検索するといっぱい引っかかるのでいまさら感はあるけど。 対応してないブラウザも多いみたいで、 とりあえずChromeの最新版で動くことは確認できた。 実際に動くのを一番下に貼り付けておく。 動かすためには以下が必要。 ・最新のChromeで「chrome://flags/」にアクセスして  「<video> 要素で Media Source API を有効にする」を有効にする ・カメラの使用許可を聞かれたら「許可」を選択 [やっていること] ソースのコメント通り。 ・jQueryでHTMLから必要な要素を選択しておく ・Webカメラからのストリームを取得  →成功すればvideoタグのソースに設定  →失敗すればエラー表示 ・定周期でvideoの中身をc

  • クロスドキュメントメッセージングやWebSocketを使ってみる

    *)オリジンとは、プロトコル、ドメイン、ポート番号の組み合わせの事です。 サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。 従来のHTTPによる通信では以下のような問題や制約があります。 メッセージの送信時に毎回接続を確立して送信後に切断する必要があり、オーバーヘッドが大きい。 接続を開始する権利はクライアント側にしかなく、サーバー側は要求に対する応答の形のみでしかデータ送信出来ない。 各メッセージ送信において状態を維持する事ができない。 クロスドメイン(クロスオリジン)での通信はできない これらの制限が、効率的なリアルタイム性のあるリモートアプリケーションの作成や、他サイトの提供するサービスの組み合わせでWebサイトを構築する場合に、他の技術も使用しなければならず、実装が複雑になってしまう原因となっていました。 しかし、HTML5の上記の新機能により、サ

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

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

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