mizzz.jp
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
HTML5＆レスポンシブなPHPダッシュボード作成フレームワーク「RazorFlow」:phpspot開発日誌
Home | RazorFlow PHP Dashboard Framework - HTML5 Dashboards for web and mobile HTML5＆レスポンシブなPHPダッシュボード作成フレームワーク「RazorFlow」 サイトの状態が一目で分かるダッシュボードは便利ですが、いざ作るとなると結構大変そうですが、リッチなダッシュボードを作成するフレームワークを使って、比較的容易に手のかかったダッシュボードが作れそうです。データの更新はリロード無しのリアルタイムにすることもできるみたい。 スマホやPCでいつでもどこでも自分のサイトの状態を知ることが出来るということでなかなか便利に使えるかも 記述方法ですが、次のように、必要ライブラリを読み込んだら、コンポーネントのクラスをインスタンス化してDashboardに対してコンポーネントを追加していくというスタイルで実現できるよ
30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」:phpspot開発日誌
| HTML5 Canvas Rich UI JavaScript Library 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 グリッド、ツリービュー、タブ、フォーム等のリッチコンポーネントが詰まっていてスマホも対応しているUIライブラリ UIに若干クセがありますが、テーマ機能もあるので、今後に期待したいライブラリです 関連エントリ jQuery用のよく使うUIコンポーネントセット「ZinoUI」 BootstrapをベースとしたフリーのUIKit「Flat UI」 iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hook.js」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 これは超使いやすい
クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」:phpspot開発日誌
Chart.js | HTML5 Charts for your website. クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 次のようにクールな線グラフ、棒グラフ、円グラフ、レーダーチャート等のグラフが描けます 今時のデザインがいい感じですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 テーブルをグラフに変換してくれるjQueryプラグイン 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」
HTML5を使ったクールなサイトデザイン集２１:phpspot開発日誌
21 Fresh Examples of Websites Using HTML5 | Inspiration HTML5を使ったクールなサイトデザイン集２１ 今風のWEBサイトデザインが２１種まとまっており、デザインの参考に出来そうです。 久しぶりにこうしたギャラリーをみてみると、どんどん進化しているなぁという部分を感じます。 年々レベルが上がってきて昔クールだと思っていたサイトも時代遅れになってしまいますね。 関連エントリ HTML5のゲームエンジン「Quintus」 WebCamで撮影をHTML5で実現するデモ HTML5でネイティブ風アプリを作るFEフレームワーク「Junior」 フリーでHTML5ベースのリッチな管理画面テンプレート
新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css
Documentation -xy.css Step 1: ダウンロード xy.cssを下記ページからダウンロードします。 ダウンロード -xy.css Step 2: 水平のグリッド設計 HTMLは非常にシンプルで、classなど余計なものは一切ありません。 <header></header> <article></article> <aside></aside> <footer></footer> 天地にヘッダとフッタ、コンテンツとサイドバーを2カラム水平に配置します。 header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: 垂直のグリッド設計 articleとaside内に、見出しとパラグラフ
iOSで使えるHTML5ベースのYouTubeプレイヤ実装jQueryプラグイン「TubePlayer」:phpspot開発日誌
iOSで使えるHTML5ベースのYouTubeプレイヤ実装jQueryプラグイン「TubePlayer」 2012年12月26日- jQuery YouTube TubePlayer Plugin - By Nirvana Tikku iOSで使えるHTML5ベースのYouTubeプレイヤ実装jQueryプラグイン「TubePlayer」。 スマホ、タブレットが増えてPCユーザが減少していっているサービスをちらほら聞きますが、こうした実装でスマホでYoutube動画再生？問題ない、という状況にしておくとよさそう。 当然、Flashによるフェイルバックも対応しています。 プレイヤーのコントロール用APIも使いやすそう。 誰でも簡単に使えそうなところがよいですね 関連エントリ Youtube動画とSlideshareのスライドを同期して再生できる「Presentz」 Youtube動画をページ
HTML5のゲームエンジン「Quintus」:phpspot開発日誌
Quintus HTML5 Game Engine HTML5のゲームエンジン「Quintus」。 HTML5でゲームを作る際に１つの選択肢として覚えておいてもよさそうなゲームエンジンライブラリ。 ソースコードを見るとなかなか分かりやすいソースでゲームを記述できるようです。 今後はスマホの時代ということでブラウザベースならHTML5ですが、ちょっと勉強しておいてもよいかなと個人的に思っているところでした。 サンプルもシンプルですが、なかなかおもしろい。 関連エントリ HTML5でWebcamの内容にエフェクトを付けて撮影できる「Photobooth.js」 オープンソースのHTML5お絵かきウィジェット「Literally Canvas」 WebCamで撮影をHTML5で実現するデモ フリーでHTML5ベースのリッチな管理画面テンプレート
WordPressのテーマファイルをHTML5にするチュートリアル
このサイトはまだHTML5にしてないので、WordPressのテーマファイルをXHTMLからHTML5にするステップごとに解説されたチュートリアルを紹介します。 Convert Your WordPress Theme to HTML5 下記は各ポイントを意訳したものです。 チュートリアルのゴール HTML5のベーシックなレイアウト Step 1: header.phpをHTML5化 Step 2: index.phpをHTML5化 Step 3: sidebar.phpをHTML5化 Step 4: footer.phpをHTML5化 Step 5: single.phpをHTML5化 Step 6: style.cssをHTML5化 チュートリアルのゴール このチュートリアルは、XHTMLでつくられたWordPressのテーマファイルをHTML5にするものです。テーマファイルはそれぞれ
HTML5のVIDEOタグ使用の注意点など / Maka-Veli .com
※模索して行った物なのでミスリードの可能性がありますのでご注意下さい。 なかなか動かなくてハマリました・・・動画やっぱこわい。。 タグ自体はシンプルなんですが、ブラウザ対応の動画形式が違うんですね。 何が面倒って、その動画形式や対応状況などを加味して用意するのが面倒でした。 用意する動画は mp4 ： Chrome・Safari・IE9 ogv ： Firefox・Opera webm ： Chrome・Opera という具合。 更に、もちろんHTML5をサポートしていないブラウザも有り。 動画の変換ですが、僕はこのツールを使いました。 XMedia Recorde http://www.forest.impress.co.jp/lib/pic/video/vdoenc/xmediarecode.html (窓の社） 読み込んで形式を選択してエンコードボタンをクリ
フリーでHTML5ベースのリッチな管理画面テンプレート:phpspot開発日誌
Free HTML5 Admin Template | MediaLoot フリーでHTML5ベースのリッチな管理画面テンプレート。 次のようなカッコいいHTML5ベースのテンプレートが公開されています。 管理画面ということでIEユーザとかは抜きにして考えてよい場合が増えそうでHTML5にしちゃっても問題無さそうです。 フリーなのにパーツ豊富ですね。ここまで使えていいんでしょうかと思ってしまうほど。 関連エントリ CodeIgniter開発での管理画面作成を楽にする「grocery CRUD」 カッコイイWEB管理画面を作成するPhotoshopチュートリアル TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」
HTML5--押さえておくべき10のタグ
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム（特に検索エンジン！）がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 ＃1：<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
[CSS]スマートフォンで表示した際、サイドバーの広告を効果的な配置にするテクニック
当サイトのようにサイドバーに広告を掲載している人には朗報のテクニックを紹介します。 下記のようなサイドバーをもったレイアウトをスマートフォンなどの小さいサイズで表示する際、サイドバーのレイアウトをどのようにしますか？ 通常（デスクトップ）時のレイアウト サイドバーを全部、下に移動しますか？ [ad#ad-2] サイドバーを全部下にしてしまうと残念な感じになるので、サイドバーの各広告をコンテンツの間に配置するテクニックを紹介します。 Content Folding スマートフォンなどのレイアウト [ad#ad-2] デモ 実装 デモ このCSSのテクニックはCSS3 Regionsを使用しているため、Chrome16+, Safari5.2でご覧ください。 IE10もおそらく対応しています。 デモページ：幅800pxで表示 実装 HTML HTML5を使っての実装です。 ポイントとなるのは、
HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」:phpspot開発日誌
HTML5 Please - Use the new and shiny responsibly HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」 HTML5の学習や利用時に便利に使えそうです 条件指定でJavaScriptによってサクリと絞り込み可能。ページ遷移なしってのはいいですね プロパティの対応状況のサマリが見れます ９割がたのブラウザでHTML5が使える日はいつ頃でしょうね IEなどはどんどん強制アップデートをかけてもらいたいです 関連エントリ HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 HTML5のcanvasを使ったアニメーションするタグクラウド実装スクリプト「TagCanvas」 Flash使ってなくてもHTML5でここまでクールにできるというプロフェッショナルサイト集 サーバ送信不要なHTML5に
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5＆CSS3なフリーのドロップダウンメニュー２５:phpspot開発日誌
HTML5マークアップ珍プレー集 - HTML5 Conference 2012
サンプルだけでも見ておくべきHTML5のチュートリアル集:phpspot開発日誌
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
HTML5 Boilerplate: The web’s most popular front-end template
