タグ

html5とcanvasに関するchocobitのブックマーク (16)

  • Qual è la migliore tecnologia per i casinò online - Casino slot online software

    Esistono molte tecnologie diverse che possono essere utilizzate per i casinò online. Ogni tecnologia ha i suoi vantaggi e svantaggi, quindi è importante scegliere quella giusta per le tue esigenze. Alcune delle tecnologie più popolari includono Flash, Java e HTML5. Flash, Java e HTML – che cos’è e perché viene utilizzato per i casinò online? Flash è una tecnologia popolare per i casinò online perc

    Qual è la migliore tecnologia per i casinò online - Casino slot online software
  • canvasを駆使した美しい表現

    Colorful Spring Particle... / forked from: ParticleGir... / Node Garden他...全12件

    canvasを駆使した美しい表現
  • ROXIK | Monalisa

    This site is unable to render properly in your browser. For the best viewing experience, I recommend choose one from below. > Firefox > Chrome > Safari > Internet Explorer > Opera http://roxik.com/

  • Webtypography for the lonely – A world without Fonts and Typography sucks

    Hello dear reader, we all know that typography plays a crucial role in web design, as it contributes to a website’s readability, aesthetics, and user experience. It goes beyond merely selecting attractive fonts; typography is an essential aspect of user interface design that can help create a strong visual hierarchy, provide a graphic balance, and […] Our focus in this article will be to discuss s

  • 『HTML5 Web Applicationのつくりかた』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktopAndroid向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり

    『HTML5 Web Applicationのつくりかた』
  • 『canvas』要素の勉強をする時の参考サイトまとめました | HTML5でサイトをつくろう

    HTML5の『canvas』要素 今回の標題でもあるcanvas要素は、HTML5の新要素の中で最も注目されている要素の1つなので、私もこれから学習していくのがとても楽しみです。 まずcanvas要素について知るために参考サイトを見つけることから始めました。調べるとすぐにサンプルなどが数多くヒットし、その中には目を奪われる表現や複雑な処理を行っているモノがいくつもありました。また、サンプルは非常に多いのですがちゃんとしたサイトでの事例はまだまだ少ないのが現状だということも知ることができました。まずは焦らず基礎から勉強していこうと思います。 『canvas』要素のサンプルまとめ 今回調べた『canvas』要素を使ったコンテンツをいくつかピックアップしましたのでご紹介します。 HTML5 Canvas and Audio Experiment 音楽に合わせて複数のオブジェクトが円になったり、マ

    『canvas』要素の勉強をする時の参考サイトまとめました | HTML5でサイトをつくろう
  • MASAYUKI DAIJIMA | Technical Director / Interaction Designer

    生まれのテクニカルディレクター、インタラクション・デザイナー、フロントエンド・デベロッパー、VJ。 表現と技術で人をワクワクさせられるモノづくりをしたいと常日頃から考えている。クラフトマンシップにこだわり、自分を研鑽していける日々を過ごせたら望だと個人的には思っており、消費の速いデジタル作品においても長く残るモノ、せめて次の世代の人たちに触れてもらえるモノを作ることが最終目標である。 2007年5月、株式会社アーキタイプを共同設立。数々の企業のプロモーションやブランディング等に伴うWebサイト、インスタレーション、アプリケーション開発等、デジタルなプロジェクトのテクニカルディレクションやプログラミングに携わる。国外でのデジタル広告賞の受賞が多い。2017年1月、心から自分のやりたいことをしたいと強く思うようになり、設立10年を節目にアーキタイプを退職し、留学のため渡英。ロンドンにて1

    MASAYUKI DAIJIMA | Technical Director / Interaction Designer
  • HTML5 いろいろ (gorogoronyan)

    2010/02/28-03/22 落書きコーナー ◎姉妹編 SVGいろいろ HTML いろいろ ブ ラウザのシェア 参考リンク W3C:HTML5 W3C:HTML Canvas 2D Context https://developer.mozilla.org/ja/Canvas_tutorial mozilla HTML5 Canvas チュートリアル Wikipedia:HTML5 HTML5.JP とは HTML5 の解説やサンプルなど。 アップル アップルのページがすでにHTML5を使い始めているんだな(2010/02末)。 落書きいろいろ下にいくほど古い落書き ◎ IE も HTML5 や SVG をやると言っている 2010/03/22 どうも、口先介入ではなくて、気でやるみたいだね。 PC Watch:Internet Explorer 9 P

  • canvas要素 + Javascriptで作る、動的コンテンツ

    HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can

    canvas要素 + Javascriptで作る、動的コンテンツ
  • Canvas tutorial - MDC

    このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は ApplemacOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTMLJavaScript の基的な理解が必要です。一部の

    Canvas tutorial - MDC
  • sakef.jp

    sakef.jp 2024 著作権. 不許複製 プライバシーポリシー

  • Canvas - HTML5.JP

    このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法

  • 5509.me

    This domain may be for sale!

  • まずは基本から・HTML5のCanvasについて参考になったサイトまとめ

    WebデザインHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 ht

    まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
  • canvasでキラキラした背景を作る方法 - KAYAC engineers' blog

    tech.kayac.com、ささやかにリニューアルしました! tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が?って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテjavascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ!ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc

    canvasでキラキラした背景を作る方法 - KAYAC engineers' blog
  • IO 9elements

    Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc

    IO 9elements
  • 1