How To Design A Mobile Game With HTML5 — Smashing Magazine
Tricks and techniques for making an HTML5 game. In this post, Eoin McGrath creates a very simple game that works on most smartphones as well as modern browsers. The great thing about these titles is that they work equally well on both mobile and desktop using the same code. Could HTML5 finally fulfill the holy grail of “write once, run anywhere”? Getting StartedBefore you start sketching the next
50 Responsive HTML & CSS Web Templates for 2018 - 1stWebDesigner
If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need to invest in a high-quality and responsive HTML template. Everyone’s running around trying to hop on the newest trend: flat design, but before flat, there was responsive web design. Responsive web design has, of course, become the standard. Eve
40 Well Designed Free HTML5 and CSS3 Templates – DesignrFix
If your next design project involves creating a website for yourself, you do not want to miss this article. Sometimes designing your own website from scratch can be a timely and daunting task, and going to the professionals can be very costly. Once again we have scoured the internet in search of the best free HTML5 and CSS3 templates which are of the highest quality. These high quality HTML/CSS te
Liveweave HTMLエディター
Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia JS Animate CSS Apex Charts JS BBulma C
SeuratJS - A Raphaël plugin for creating beautiful pointillized animations.
A Raphaël plugin for creating beautiful pointillized animations. Download ZIP File Download TAR Ball View On GitHub View the Project on GitHub gsmith85/seuratjs Pointillize and Pixelize all on the Client Side SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an im
HTML5入門－html5.jsでIE対応－｜mayy
下の記事でとりあえずchromeでテストしたのですが、 IEは対応していませんでした。 IEちゃんを無視するわけにもいかないので、 現時点で使える簡単な対応策を調べてみました。 HTML5入門－とりあえず5で書いてみた－ Javascriptで対応させる はい。Javascriptを使います。 GoogleさんがIEでhtml5から加わった新要素(header等)を 使えるようにするライブラリを公開しているので、これを読み込みます。 html5shiv IE9以外のIEでのみ読み込みたいのでifで囲ってあります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>HTML5入門-html5.jsでIE対応-</title> <link rel="stylesheet" href="s
HTML5入門－とりあえず5で書いてみた－｜mayy
年明けたら始めようと思ってたHTML5ですが、やっと触りました。 「何からすればいいか分からん」状態だったので、 とりあえず新しく使えるようになったheader、footer、articleだけ使ってみました。 css3とかも省いてます。本当に初心者向け。 テストするための対応ブラウザ IEでHTML5を対応させるJSがあるようですが、 今回は最小構成で。 以下のサイトを見てchromeで試してみることにしました。 英語読めないですけどチェック(出来ること)が多いブラウザにしました。 FindMeByIP|HTML5 & CSS3 Support HTML5、CSS3のどの機能が対応しているかが表になっています。 IE6のだめだめっぷりが逆に愛おしくなってきますね。 宣言が短くなった 毎回ページ作る度にコピペしてた宣言が短くなりました。 そらで書けますね。 <!DOCTYPE
HTML5 Tutorial: How to Build a Single Product Page
In this post, we are going to work on a fictional project, creating a single product page to offer iPhone 4S, and in this project we are also going to implement the methods that we have discussed in the previous posts; the <details> element and the negation selector. Let’s get started. The HTML5 Markup First, we need to create an html document with the following markup: <div class="product"> <head
20+ Best Free Minimal Themes for WordPress
If you prefer a clean, uncluttered look for your website, a minimal WordPress theme is an excellent choice for writers and creatives. With fewer distractions, your content and work will stand out, making it much easier to read and appreciate. With an emphasis on simplicity, elegance, and functionality, they improve user experience by providing a clutter-free and intuitive interface. They will also
TWENTY THREE TO FOUR
FIVE DOT ONEは、映像作品とサラウンドの可能性を探る新しいレーベルです。 第1弾となるコンセプトアルバム "TWENTY THREE TO FOUR" は楽曲のジャンルをエレクトロニカとし、23時から4時までの5時間をコンセプトとして5組の音楽家と映像クリエイターがそれぞれの世界観で制作した作品を収録しています。
Webデザイナーもアプリを開発する時代！HTML5でiPhone,Androidアプリを作れるフレームワーク達 | kouhei328.com
UIデザインをメインとして行なっている僕としては親しみのあるHTML5やCSS3,javascriptでスマートフォンアプリが作れたらどんなに良いことか！なんて事をここ1,2年思っていたんですが調べてみると色んなフレームワークがあるんですね。 今日はそんなWebデザイナーが得意とする言語を使ってiPhone,Androidアプリを作れるフレームワーク達を紹介。 Monaca HTML5＋JavaScriptでプラットフォームに依存せずアプリ作成が出来るMonaca。 Monacaには、異なるOS、デバイスの違いを吸収する「Monacaフレームワーク」が搭載されていてiOSをはじめAndroid,Windowsで同じアプリを同じコードで制作することが出来る。 ネイティブ言語で制作するのと同様AppStoreやGooglePlay(旧AndroidMarket)でのリリースも可能です。
Jon Montenegro | award winning interactive creative design and art
creative Jon ux Montenegro direction communicate art modern director idea gallerys perfection create concepts typography selected Work experience augmented reality ar bright semantic infographics mobile ux philadelphia publications visual design user apps exhibit peace architecture research interface design arts interactive us calm awards museum ethnography found cloud photography blog clear webwa
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
保証人も敷金も要らない賃貸物件｜賃貸物件サーチ 2024年2月更新
[Å] HTML5とCSS3をIE対応させるにはこの2つでいい？ブログを対応させる時に使った方法を書いたよ！![[Å] HTML5とCSS3をIE対応させるにはこの2つでいい？ブログを対応させる時に使った方法を書いたよ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0934cbd6b1a55d10f10c2fe2231b2993624e5cd/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Fbefore.jpg)
http://thehtml5quiz.com/
stroll.js - CSS3 Scroll Effects
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
404 Not Found - Josh Duck