Websites using html5 canvas as a keyword

FlashCanvas is a JavaScript library which adds the HTML5 Canvas support to Internet Explorer. It renders shapes and images via Flash drawing API. It supports almost all Canvas APIs and runs faster than other similar libraries.

Html5 canvas tutorial, tutorials, examples, demos, code, and articles

Online create stunning vector Graphic design with YouiDraw Drawing, Logo Maker and Painter. It’s like Adobe Illustrator but it works on html5 canvas.

리포팅툴, 웹리포팅, 웹리포팅툴, 전자서식, 이폼 기술 선도 기업 유비스톰입니다

Textgram App online for PC and Web. Create beautiful designs and cards easily in few seconds.

Animify is a jQuery plugin that provides classy html5 canvas animations to your site's elements. All it takes is one line of code. Write less, see awesome.

Garage | Beat | Psychedelic | Surf

HTML5 canvas - Sitio de divulgación sobre el cientifico Nikola Tesla

7codes is a technical web blog. 7codes provides examples, demos and source codes of Php, Codeigniter, Laravel5, Mysql, Postgresql, Javascript, Jquery, Ajax, Angular js, Node js, Underscore Js, Jquery Ui, Jquery Mobile, Html, Html5, Bootstrap, Css, Css3, Animations, Jquery plugins.

The All-Purpose Online Products Designer Canvas for Magento with Canvas & FabricJs [NO FLASH]. Easy to create and sell customizable products in your Magento store with PDC

Stuff: The Abandoned Land is an interactive role-playing HTML5 Canvas web application game designed to help teenagers and young adults understand environmental destruction and the importance of recycling and reducing waste.

Tutorials, code snippets, games and crossplatform coding. Haxe programming, Javascript, HTML5, Canvas, WebGL and Generative Art.

Free web design utility to generate CSS3 online, HTML5 canvas pattern using the doodle nerd tools

A massive multiplayer experiement done in HTML5/Canvas/JS and magical websockets. Rumpetroll is norwegian, but probably not what you think

手机响应式效果,手机效果,css3在线,html5在线,html在线预览,css在线预览,CSS3-html5在线测试

iio.js is a framework for HTML5 Canvas

JsIso - An Open Source HTML5 Tile Based Engine

Canvas gauges are open source minimalist HTML5-based components for web applications.

Unity, the “Gold Standard” engine for game development (video gaming and gambling) can now be used to export your game to HTML5 Canvas with our Unity2Canvas Exporter.

Humble software development provides JavaScript, HTML5, Canvas and information search and retrieval software development.

Grafika, tworzenie stron www i aplikacji internetowych. Przykładowe demonstracje html5 canvas, javascript oraz css3

Desenvolvimento web, principalmente software livre, plugins, freelancer e padrões de desenvolvimento.

Easy-to-use online ad banner maker tool that auto-generate web banners, FB Ads and video Ads. See how your ads will look like.

HTML5 JavaScript Charts that are built on top of HTML5 Canvas Element. Renders across devices & is 10x faster than SVG based Charting Libraries.

Advanced jquery charts and gauges with many features. Uses pure HTML5 Canvas. No plug-ins. Cross browser. Mobile Devices. Retina ready. Export to Image/PDF. Blazing performance.

The companion website for Core HTML5 Canvas

Canvas Engine is a framework to facilitate the use of HTML5 Canvas, particularly in the creation of 2D video games

Examples for creative website header animations using Canvas and JavaScript

Here are some HTML5 experimentation

Beautiful & Responsive JS Charts Library based on HTML5 Canvas Element. Supports touch based devices too!

HTML5 Ninja is a marketplace for HTML5 items, themes, templates, scripts, css3 ...etc. With HTML5 Ninja earn money by selling your HTML5 creations.

一个前端工作者的学习笔记

Charts Ninja - Create beautiful HTML5 graphs & charts

oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier, by working with objects instead of pixels.

کیووب رفرنس جاوا اسکریپت-html5-آموزش کدنویسی. اسکریپت انیمیشن. دانلود افکت وب-References تگ کنوس-canvas tag

KoolChart is a pure JavaScript / HTML5 (Canvas) charting solution that allows you to add visualization features into your web applications.

Origamijs is a Powerful and Lightweight Library to create using HTML5 Canvas. Is really impressive that suitable for lightweight canvas drawing or image manipulating.

HD Booth Is A High Definition and High Quality Webcam Photography Application. HTML5 Canvas Webcam Snapshot Application. Take photos in high definition with your HD web camera and add effects and filters. Full camera control with 3D rotation.

Textgram App online for PC and Web. Create beautiful designs and cards easily in few seconds.

Blend famous faces and your own photos into strange creatures. Fun interactive animation using HTML5 Canvas, CSS3, CreateJS, jQuery and JavaScript.

colorillo is a collaborative drawing app. It uses HTML5 Canvas and Javascript, allows to download the pictures as SVG, PNG or MP4 playback video and much more.

Get on your bike and ride thousands of tracks drawn by other players! Canvas Rider is an addictive game written only in JavaScript & HTML5, using the most of the new canvas element.

Play the best HTML5 games for free. HTML5games.com offers worlds first affiliate program for publishers.

ダイビングをわかりやすく！ダイビングの活性化を目指し、ダイビングショップ様のサポートを通してダイバーが喜ぶことを目指します。

加谷科技从事于H5互动开发、品牌官网开发、微信开发、CRM开发、管理软件开发、产品研发等，拥有多个自主研发的软件开发框架，我们拥有丰富的开发经验，做过上千个项目，服务过数百个品牌，包括麦当劳、NB、耐克、捷豹、奔驰、宝马、路虎、沃尔沃、东雪、福特、嘉实多、奥妙、阿玛尼、鸿星尔克、迪奥、薇姿、浦发银行、招商银行、奇趣、西门子、樱花、奥利奥、宝玑、宝格丽、通用、汰渍……

JSWidget.com is the place where people can explore new features provided within HTML5 and CSS3. These new HTML5 and CSS3 features will be explored via the implementation of real online applications like iPaint, iPaintPro, iPaintMobile.

Crash planets and spaceships with your orbits. Collect stars to get more orbits. Beware the explosive rings. New iogame!

Drag images onto Textify.it and it will turn them into text portraits. The characteristics of textified images can be adjusted via settings such as font size and character set.

Go! Eat! Bomb! Multiplayer action game

jQuery Html5 Buttons is the most powerful buttons plugin on the web. Live generator, many effects, icons and options .

Add HTML5-based editor for the products like business cards, t-shirts...

JUI Framework is all free. a simple, fast, many: JUI is all-in-one desktop UI framework. Bootstrap support, Independent style & script components, SVG-based chart and map components.

A two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <link rel="canonical" href="https://alaaf-you.com" /> <link rel="alternate" type="application/rss+xml" href="https://alaaf-you.com/sitemap.xml" /> <link rel="shortcut icon" href="https://alaaf-you.com/favicon.icon" /> <link rel="apple-touch-icon" sizes="32x32" href="https://alaaf-you.com/touch-icon.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://alaaf-you.com/touch-icon76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://alaaf-you.com/touch-icon120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://alaaf-you.com/touch-icon152.png" /> <meta name="dc.language" content="de-DE" /> <meta name="dc.language.iso" content="de_DE" /> <meta name="dc.publisher" content="Alaaf You" /> <meta name="dc.title" content="Alaaf You | Die Marke mit kölschem Herz" /> <meta name="dc.description" content="DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <meta name="dc.date.issued" content="2017-10-11" /> <meta property="og:url" content="https://alaaf-you.com" /> <meta property="og:title" content="Alaaf You | Die Marke mit kölschem Herz" /> <meta property="og:description" content="DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2.jpg" /> <meta property="og:image:width" content="500" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:site_name" content="Alaaf You" /> <meta property="og:locale" content="de_DE" /> <script async src='https://www.google-analytics.com/analytics.js'></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-85006150-1', 'auto');ga('send', 'pageview');</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Organization","@id":"https:\/\/alaaf-you.com","url":"https:\/\/alaaf-you.com","name":"DM Democracy Media GmbH","logo":{"@type":"ImageObject","url":"https:\/\/alaaf-you.com\/wp-content\/uploads\/2016\/10\/AlaafYou_WBM_web_450.jpg"},"potentialAction":{"@type":"SearchAction","target":"https:\/\/alaaf-you.com\/?s={search_term_string}","query-input":"required name=search_term_string"},"sameAs":["https:\/\/www.facebook.com\/alaafyouderfilm\/"]}</script> <comment> /Squirrly SEO Plugin </comment> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://alaaf-you.com/xmlrpc.php"> <link rel='dns-prefetch' href='//cdn.linearicons.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="Alaaf You » Feed" href="https://alaaf-you.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Alaaf You » Kommentar-Feed" href="https://alaaf-you.com/comments/feed/" /> <link rel='stylesheet' id='frontend.min.css-css' href='https://alaaf-you.com/wp-content/plugins/squirrly-seo/view/css/frontend.min.css?ver=8305' type='text/css' media='all' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/alaaf-you.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.3"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='contact-form-7-css' href='https://alaaf-you.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpsm_faq-font-awesome-front-css' href='https://alaaf-you.com/wp-content/plugins/faq-responsive/assets/css/font-awesome/css/font-awesome.min.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='wpsm_faq_bootstrap-front-css' href='https://alaaf-you.com/wp-content/plugins/faq-responsive/assets/css/bootstrap-front.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='gglcptch-css' href='https://alaaf-you.com/wp-content/plugins/google-captcha/css/gglcptch.css?ver=1.35' type='text/css' media='all' /> <link rel='stylesheet' id='rs-plugin-settings-css' href='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.2.6' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <link rel='stylesheet' id='siteorigin-panels-front-css' href='https://alaaf-you.com/wp-content/plugins/siteorigin-panels/css/front-flex.css?ver=2.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='sow-social-media-buttons-flat-359cc5130730-css' href='https://alaaf-you.com/wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-359cc5130730.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='tc-team-members-css' href='https://alaaf-you.com/wp-content/plugins/tc-team-members/lib/functions/../../assets/css/tc-plugin.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='tc-font-awesome-css' href='https://alaaf-you.com/wp-content/plugins/tc-team-members/lib/functions/../../vendors/font-awesome/css/font-awesome.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-gzd-layout-css' href='//alaaf-you.com/wp-content/plugins/woocommerce-germanized/assets/css/woocommerce-gzd-layout.min.css?ver=1.9.8' type='text/css' media='all' /> <style id='woocommerce-gzd-layout-inline-css' type='text/css'> .woocommerce-checkout .shop_table { background-color: #eeeeee; } </style> <link rel='stylesheet' id='bramble-style-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/style.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-owl-carousel-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/owl.carousel.css?ver=1.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-owl-theme-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/owl.theme.css?ver=1.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-prettyphoto-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/prettyPhoto.css?ver=3.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='superfish-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/superfish.css?ver=1.7.5' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-woocommerce-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/woocommerce.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-font-awesome-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/font-awesome.min.css?ver=4.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-linearicons-css' href='https://cdn.linearicons.com/free/1.0.0/icon-font.min.css?ver=4.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-fonts-css' href='//fonts.googleapis.com/css?family=Raleway%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7COpen+Sans%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic&subset=latin%2Clatin-ext' type='text/css' media='all' /> <script type='text/javascript' src='https://alaaf-you.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.2.6'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.2.6'></script> <link rel='https://api.w.org/' href='https://alaaf-you.com/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://alaaf-you.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://alaaf-you.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.9.3" /> <meta name="generator" content="WooCommerce 3.2.6" /> <link rel='shortlink' href='https://alaaf-you.com/' /> <link rel="alternate" type="application/json+oembed" href="https://alaaf-you.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Falaaf-you.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://alaaf-you.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Falaaf-you.com%2F&format=xml" /> <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/wp-content/uploads/fbrfg/manifest.json"> <link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg" color="#c60f1b"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/wp-content/uploads/fbrfg/mstile-144x144.png"> <meta name="msapplication-config" content="/wp-content/uploads/fbrfg/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="generator" content="bramble 1.0" /> <comment>[if IE 8]> <link rel="stylesheet" href="https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/ie8.css" type="text/css" media="screen" /> <![endif]</comment> <comment>[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]</comment> <style> body { color: #000000; } .content-area { background-color: #f6f6f6; } .entry-content a, .entry-content a:visited { color: #000000; } .entry-content a:hover { color: #c60f1b; } .button, a.button, a.button:active, a.button:visited, #footer a.button, #searchsubmit, input[type="submit"], a.post-edit-link, a.tt-button, .pagination a, .pagination span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background-color: #c4c4c4; } #loader-icon, #loader-icon * { background-color: #c60f1b; } .products .product .overlay { background-color: #000000 !important; } .product-thumb span.sale, .product-thumb span.onsale, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background-color: #c60f1b ; } .star-rating, p.stars a, p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after { color: #c60f1b !important; } header.entry-header.main * { color: #191919 !important; } .page-id-1422 .main.entry-header { display: none !important; } .page-id-1548 .main.entry-header { display: none !important; } .page-id-1405 .main.entry-header { display: none !important; } ul.payment_methods li img { max-width: 50px !important; margin: 10px 0 !important; } #pgc-228-2-0 .panel-widget-style { border: none !important; } @media only screen and (max-width: 680px) { #site-header .secondary-nav { position: relative !important; float: none !important; } } body { background-color: #f6f6f6 !Important; } a:hover, a:active { color: #c60f1b; } a { color: #000; } .woocommerce-tabs ul.tabs li.active a { border-bottom: 6px solid #c60f1b !important } @media only screen and (max-width: 780px ) { .woocommerce-checkout .content-area .col-1 { width: 100% !important; margin-right: 0; } .woocommerce-checkout .content-area .col-2 { width: 100% !important; } } .main-nav ul li, .secondary-nav span, .secondary-nav a { color: black !important; } </style> <style type="text/css">.main-nav ul li a, .main-nav ul li span { font-weight: 200; }</style> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <meta name="generator" content="Powered by Slider Revolution 5.2.6 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <style type="text/css" media="all" id="siteorigin-panels-layouts-head">/* Layout 425 */ #pgc-425-0-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } #pg-425-0 , #pg-425-1 , #pl-425 .so-panel , #pl-425 .so-panel:last-child { margin-bottom:0px } #pgc-425-1-0 { width:100%;width:calc(100% - ( 0 * 0px ) ) } #pg-425-1> .panel-row-style { background-color:#f7f7f7 } @media (max-width:780px){ #pg-425-0.panel-no-style, #pg-425-0.panel-has-style > .panel-row-style , #pg-425-1.panel-no-style, #pg-425-1.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-425-0 .panel-grid-cell , #pg-425-1 .panel-grid-cell { margin-right:0 } #pg-425-0 .panel-grid-cell , #pg-425-1 .panel-grid-cell { width:100% } #pl-425 .panel-grid-cell { padding:0 } #pl-425 .panel-grid .panel-grid-cell-empty { display:none } #pl-425 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } </style> </head> <body class="home page-template-default page page-id-425 wide-header siteorigin-panels siteorigin-panels-before-js siteorigin-panels-home safari iphone osx side-header"> <div id="scroll-to-top"><span></span></div> <div id="header-search" class="header-search"> <span id="search-toggle-close" class="search-toggle close" data-target="header-search" ></span> <div class="inside"> <div class="form-wrap"> <form role="search" method="get" id="searchform" class="searchform clear" action="https://alaaf-you.com/"> <input type="text" placeholder="Type and press enter to search." name="s" id="s" /> </form> </div> </div> </div> <comment> Slide Panel </comment> <div id="slide-panel"> <div class="hidden-scroll"> <div class="inner has-mobile-menu"> <nav id="slide-main-menu" class="menu-main-narrow-mobile-container"><ul id="menu-main-narrow-mobile" class="collapse sidebar"><li id="menu-item-1872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1872"><a href="https://alaaf-you.com/">Der Shop</a></li> <li id="menu-item-1868" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1868"><a href="https://alaaf-you.com/der-movie/">Der Movie</a></li> <li id="menu-item-1869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869"><a href="https://alaaf-you.com/diemarke/">Die Marke</a></li> <li id="menu-item-1871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871"><a href="https://alaaf-you.com/mein-konto/">Dein Account</a></li> </ul></nav> <nav id="slide-mobile-menu" class="menu-main-narrow-mobile-container"><ul id="menu-main-narrow-mobile-1" class="collapse sidebar"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1872"><a href="https://alaaf-you.com/">Der Shop</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1868"><a href="https://alaaf-you.com/der-movie/">Der Movie</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869"><a href="https://alaaf-you.com/diemarke/">Die Marke</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871"><a href="https://alaaf-you.com/mein-konto/">Dein Account</a></li> </ul></nav> </div><comment> .inner </comment> </div> <span id="menu-toggle-close" class="menu-toggle right close slide" data-target="slide-panel"><span></span></span> </div><comment> /slide-panel</comment> <div id="site-wrap"> <header id="site-header" class="dark"> <div class="inside clearfix"> <div id="logo" class=""> <h1 class="site-title"><a href="https://alaaf-you.com"><img src="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_WBM_weblogo.png" alt="Alaaf You" /></a></h1> </div> <div class="main-nav woocommerce"> <ul id="menu-main-menu" class="main-menu sf-menu sf-vertical"><li id="menu-item-1081" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1081 depth-0"><a href="https://alaaf-you.com/" class="link link-depth-0"><span>Der Shop</span></a></li> <li id="menu-item-1190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190 depth-0"><a href="https://alaaf-you.com/der-movie/" class="link link-depth-0"><span>Der Movie</span></a></li> <li id="menu-item-1543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1543 depth-0"><a href="https://alaaf-you.com/diemarke/" class="link link-depth-0"><span>Die Marke</span></a></li> <li id="menu-item-1072" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1072 depth-0"><a href="https://alaaf-you.com/mein-konto/" class="link link-depth-0"><span>Dein Account</span></a></li> </li></ul> </div> <div class="secondary-nav clearfix"> <a class="cart-icon open" href="https://alaaf-you.com/warenkorb/" title="View your shopping cart"> </a> <span id="search-toggle-open" class="search-toggle right open" data-target="header-search" ></span> <span id="menu-toggle-open" class="menu-toggle right open slide " data-target="slide-menu" ></span> </div> </div> </header><comment> #site-header </comment> <div id="main-container"> <div id="middle"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-425" class="post-425 page type-page status-publish hentry"> <div class="body-wrap"> <div class="entry-content"> <div id="pl-425" class="panel-layout" ><div id="pg-425-0" class="panel-grid panel-no-style" ><div id="pgc-425-0-0" class="panel-grid-cell" ><div id="panel-425-0-0-0" class="so-panel widget widget_text panel-first-child panel-last-child" data-index="0" > <div class="textwidget"><link href="https://fonts.googleapis.com/css?family=Raleway%3A800" rel="stylesheet" property="stylesheet" type="text/css" media="all" /><link href="https://fonts.googleapis.com/css?family=Roboto%3A500" rel="stylesheet" property="stylesheet" type="text/css" media="all" /> <div id="rev_slider_46_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;"> <comment> START REVOLUTION SLIDER 5.2.6 fullwidth mode </comment> <div id="rev_slider_46_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.2.6"> <ul> <comment> SLIDE </comment> <li data-index="rs-114" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <comment> MAIN IMAGE </comment> <img src="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2.jpg" alt="" title="alaafyou_crazy" width="1920" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="3" class="rev-slidebg" data-no-retina> <comment> LAYERS </comment> <comment> LAYER NR. 1 </comment> <div class="tp-caption tp-resizeme" id="slide-114-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-27','0','0','0']" data-fontsize="['60','60','60','45']" data-lineheight="['80','80','80','50']" data-width="['901','747','747','369']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;" data-transform_out="opacity:0;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 901px; max-width: 901px; white-space: normal; font-size: 60px; line-height: 80px; font-weight: 800; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-align:center;">DIE MARKE MIT KÖLSCHEM <i class="fa-icon-heart"></i> </div> </li> <comment> SLIDE </comment> <li data-index="rs-126" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="https://alaaf-you.com/wp-content/uploads/2015/12/AlaafYou_Dreigestirn-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <comment> MAIN IMAGE </comment> <img src="https://alaaf-you.com/wp-content/uploads/2015/12/AlaafYou_Dreigestirn.jpg" alt="" title="alaafyou_dreigestirn" width="1920" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="3" class="rev-slidebg" data-no-retina> <comment> LAYERS </comment> <comment> LAYER NR. 1 </comment> <div class="tp-caption tp-resizeme" id="slide-126-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-27','-27','-27','-24']" data-fontsize="['60','60','60','45']" data-lineheight="['80','80','80','50']" data-width="['901','901','901','366']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;" data-transform_out="opacity:0;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 901px; max-width: 901px; white-space: normal; font-size: 60px; line-height: 80px; font-weight: 800; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-align:center;">JEDER KAUF EINE SPENDE </div> <comment> LAYER NR. 2 </comment> <div class="tp-caption rev-btn rev-hiddenicon " id="slide-126-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['48','41','41','49']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:0;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1850" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"simplelink","target":"_self","url":"https:\/\/alaaf-you.com\/die-spendenaktion\/ ","delay":""}]' data-responsive_offset=

Добро пожаловать на сайт, посвященный HTML5 играм. На сайте HTML5Game мы будем собирать лучшие игры сделаные с использованием технологий HTML5, javascript и canvas. Отдыхайте играя.

踏得网是国内最大的HTML5动画特效分享平台，致力于用虚拟的魔力来升华真实的体验。拥有海量免费HTML5和CSS3动画特效、3D打印模型、WebGL、ES6、React、Angular2、Vue在线教程和移动网页微信H5应用模板。

Flash VS HTML5 is an HTML5 study of the current landscape for creating gaming and rich interaction, presenting Flash & HTML5 iterations of the same game. It uses a custom 2D webGL renderer falling back to canvas for unsupported browsers. Made by Waste Creative

Battle other ships in this new .io shooter, as you upgrade and manoeuvre your own craft. Compete with players around the world, in this free online multiplayer game!

Sonar is a cloud based development, hosting, and distribution platform for rich, interactive, and accessible learning content. Quickly and easily develop and publish interactive learning content for the modern web.

Forward Thinkers & Creative Studio, Since 2000.

CreateJS中文网致力于CreateJS在中国的推广，整个站点汇聚了Createjs相关的新闻、中文教程、框架以及优秀的项目资源等内容。

Indie Game Design using Phaser HTML5 Framework | Learn with Zenva Academy Phaser Course

Boon is a self-taught frontend web developer based in Singapore. He specializes in JavaScript, CSS and PHP. Boon believes in form follows function. And what brings a great harmonious design comes with a fine balance between data integrity and aesthetics of art.

Tutorials and projects about Game Development, Software Development and Web Design.

Yaghoubian Under Construction Page

Sedera Application.

A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.

HTML5 website menu builder. Easy-to-use intuitive tool to create drop down menu. Using CSS and Canvas. Perfect Menu designs and totally configurable in the Swimbi application.

Kleki is a modern painting and image editing tool for your browser. No plug-ins required.

Phaser: The fun, fast and free HTML5 Game Framework