HTML5対応のWebテンプレート集「HTML5 Boilerplate 4」リリース | OSDN Magazine
8月28日、HTML5対応のWebサイト/Webアプリケーションテンプレート集「HTML5 Boilerplate 4」がリリースされた。アイコンやHTML5開発でよく使われるJavaScriptライブラリ、Google Analyticsコードなどがあらかじめ含まれたテンプレート集で、迅速な開発に役立つという。 HTML5 Boilerplateは広く使われているHTMLやCSS、JavaScriptコードを集めたテンプレート集。開発者はこれを利用することで、堅牢かつレスポンスの高いWebアプリケーションやWebサイトを迅速に構築できる。モバイルにも対応したHTMLテンプレート、最適化されたGoogle Analytics用スニペット、アイコンなどで構成され、充実したドキュメントも揃える。jQueryとModernizrライブラリ、CSSリセットなどを行う「Normalize.css」と
ローカルで動くHTML5製のWiki「CliWiki」を無償公開、イースト － Publickey Topics
CliWiki(Client Wiki)は、Wikiを実現するHTML5アプリケーションです。ブラウザ単独で動作し、データをローカルに保存するため、インターネット接続を必要しません。サーバーやデータベースを用意することなく、またセットアップすることもなく、すぐに個人用Wikiとしてメモ帳代わりに利用することができます。会議の議事録メモや、ネット公開したくない日記、などに最適です。 試しにインストールしてみたけど、見た目はまるっきり普通のWiki。これがローカルで動くのだから面白い。 Permalink | Tag： HTML5 , Wiki About Publickey Topics 「Publickey Topics」は、エンタープライズIT、クラウド、Web標準などのトピックスを紹介するキュレーションメディアです。 ブログメディア「Publickey」を書くために集めた情報を基にして
スマートフォン向けのHTML5製フレームワーク・Lungo.js
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 スマフォ向けのフレームワークは相当出回っていますので珍しくないかもですけど・・触った感じはなかなか使いやすそうでした。コアファイルは非圧縮で40kbほど。 以下、公式サイトのサンプルです。 Sample スターターキット的にも使えそうです。 ↑ 実機でのスクリーンショット この手のは沢山あるので好みで選べばいいですね。詳細は以下でどうぞ。 Lungo.js
HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 - もとまか日記
以前から書いてる、以下の開発向け簡単チュートリアル。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム 今回は、これをHTML5のCanvasで作ってみました。 で、ついでにチュートリアル的な内容を書いてみたメモ。 前提条件 前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。 その辺の詳細な説明は省いてるのでご了承ください。 HTML5の基礎情報 以前、以下でまとめました。 前から気になってたHTML5について色々調べてみました HTML5のスマホアプリの基本構成 ここから本題のコーディング。今回使う、スマホアプリ向けの基本となるHTMLは以下です。 html> head> meta name="viewport" content="width=device-width, initial-scale
無料で使える単一ページのHTML/CSSテンプレート集
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
10 Essential HTML5 Frameworks
When it comes to HTML5, a framework will guarantee a level of validity and certainty that hand-coding may not, particularly if you aren’t an HTM5 expert. Many bundle additional and necessary components such as CSS3 styles and jQuery scripts for enhanced functionality for responsive layouts and multimedia. You may have a very specific workflow and prefer to start from scratch every time, but the fa
ブラウザ上で動作する統合開発環境、「Orion 0.4」登場
Eclipse is an open source community, focused on building an open development platform. Eclipse FoundationがWeb開発者向けの統合開発環境、「Orion 0.4」を公開した。Orionはブラウザ上で動作するWebベースの統合開発環境。Orion 0.4では、ナビゲータのレイアウトやGitリポジトリ、セッティング、グローバル検索、エディタ、置換などの機能が改善されている。 機能の改善のほか、いくつかの新機能がプラグインで提供されている。「CodeMirror」プラグインを利用することでハイライト表示が行える。CodeMirrorは、ソースコードをハイライト化する機能を提供するJavaScriptライブラリ。CodeMirrorプラグインは標準で入っていないが、インストールや使い方がこちらで
15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる！と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた！Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか？Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B
Goodbye friends!
Hello all. After 14 years of existence, it's time to wave goodbye to BlueGriffon. There are many reasons for that, some related to technology (for instance Mozilla killing XUL), some related to me (my will to change and move to something else after so many years), and some others related to corporate context (I'm fed up with running a small company). It's been a wild ride of two decades (Netscape,
Webプログラマ必見。HTML5のセキュリティチートシート·HTML5 Security Cheatsheet MOONGIFT
HTML5 Security CheatsheetはHTML5のセキュリティに関するチートシートです。問題点と対象Webブラウザ、対処法が一覧になっています。 HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象になるWebブラウザとそのバージョンが並んでいます。問題点の提示とともに、その回避策についても書かれていますのでとても参考になります。 まだ日本語化されていない部分もあります。 ほぼ全てのWebブラウザが対象になる部分もあるようです。 項目は非常に多いですが、セキュリティを重視するためにもチェックしておくべきです。 HTML5ではありますがIE6など
iPhoneサイト制作（スマートフォンサイト制作）最適化のために最低限必要なreset.cssをつくってみよう | HTML5でサイトをつくろう
iPhoneサイト制作（スマートフォンサイト制作）をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げることができます。 今回はスマートフォンサイトを制作する上で、最低限必要となるreset.cssの記述について紹介します。 iPhoneサイト制作（スマートフォンサイト制作）にreset.cssは必要？ そもそもreset.cssは各ブラウザ(IE・FireFox・safariなど)のブラウザ間のデフォルトのCSSの違いをなくすために読み込むものであり、必ずしもコーディングの際に必要となるものではありません。 PCサイトの場合は様々なブラウザやそのバージョンによって独自のデフォルトスタイルがあるため、r
jAction
jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基本的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょう ゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。「いいね！」がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。
HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」
HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」 WordPressを利用している方でHTML5ベースでサイトを制作したいという方におすすめなのが、今回紹介するHTML5で作られたベースになるWordpressテーマ集「Blank & Bare WordPress HTML5 Frameworks」です。カスタマイズしやすく、シンプルな作りのテーマは、オリジナルで一から作るよりも手早くサイトを作れそうです。 Starkers 多くのテーマが紹介されていましたが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Bones 標準的なものとWordpressとレスポンシブ対応のもの、HTMLバージョンと様々なパターンでダウンロード可能です。 BLANK Wo
避けるべきHTML5機能をまとめたティップサイト「HTML5 Please」登場
HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザでサポートされていないことがあったり、あるバージョンでは特定の問題を引き起こすこともある。「どの機能ならば使っても良いか」という調査にかかるコストを考えると、従来の古い技術のみでWebサイトを構築する、といった選択肢も捨てがたいものとなってしまう。 こうした際に役立つサイト「HTML5 Please」が登場した。HTML5やCSS3、JavaScript APIに関して利用が推奨されるかどうか、どのブラウザのどのバージョンがサポートし、全体としてどの程度の対応状況にあるかをまとめたサイトだ。どの機能を利用すべきかといった判断をするのに役立てることが
HTML5に対応したWordPressのテーマをつくる | Act as Professional
既にお気づきの方もおられるとおもいますが、当サイトのデザインを一新してHTML5対応しました。最近、HTML5とCSS3に触る機会が増えてきたので、勉強がてら、本サイトのテーマをHTML5対応で、一通りつくりました。 本サイトはWordPressを利用しています。昔、とあるサイトからテーマを頂いたものを利用して、原形をとどめないぐらいに自分で改造をしてきた状態でした。 そもそも、数ヶ月前まで、HTML5にはあまり興味が無く、情報も集めてない状態でした。どうせ、HTML5といいつつ、CSS3とJavaScriptのことだろ。と、考えてました。ですが、実際にHTML5で推奨されているタグを利用したり、新たに知ったりすると、これ、いままでのHTMLと全然違うな。と、思わざる終えませんでした。 そんな、旧世代のHTMLは知ってるけど、HTML5ってどうなんよ？的なレベルだった僕がどうやって、Wor
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
html5-memo.com
html5-memo.com
Loading...
