Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービスCSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
Silk – Interactive Generative Art
Silk was made by Yuri Vishnevsky, with music and sound crafted by Mat Jarvis. Art shared with Silk is licensed under Creative Commons. If you enjoyed Silk, please let me know! ✨ It's 2024 and I’m working on a new Silk. Is there anything you'd like to see? Call or text me at ☎ (415) 671-6855 If I don't reply I might be asleep, so feel free to leave a message. Double-click the ? (top right) to remov
<datalist>－HTML5タグリファレンス
<datalist>タグは、フォームの入力欄などで入力候補となるデータリストを定義します。 各データのリスト項目は、<option>タグで定義します。 <datalist>タグをサポートしたブラウザでは、 <option>タグで指定された値がユーザーに対して入力候補として提案表示されます。 <datalist>タグを使って作成するインターフェースの具体的な例を挙げると、 検索エンジンでキーワードの入力候補を表示するオートコンプリート機能などです。 この場合、キーワードの入力欄は<input>タグで作成しますが、 <input>タグのlist属性の値と、 <datalist>タグのid属性の値を同じにして、入力欄とデータリストを関連付けます。 <datalist>～</datalist>の内容は、その子要素も含めてブラウザ上では表示されないことになっています。 ■HTML4.01からHTML
The Top 7 Hybrid Mobile App Frameworks — SitePoint
Layout managers provide flexible frameworks to layout user interface elements in an Android application. Learn more in our screencast Learning About Layout Managers for Android. The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript.
HTML5を使ったハイブリッドアプリ開発に使えるUIライブラリまとめ | BACKEND AS A SERVICE mbaas BLOG
PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得られるようになるでしょう。PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。 そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得
ChocolateChip UI
How to Print a Test Page on Epson Printer? What is a Printer Test Page? Printer Test Pages are used for checking several things with your printer for maintaining and resolving the troubleshooting issues with the ink cartridges on your printer or just in the general maintenance of your printer. What Problems will a Test Page Resolve? A printer test page will detect and […] Continue reading Document
Unreal Engine | The most powerful real-time 3D creation tool
GamesFilm & TVArchitectureAutomotive & TransportationBroadcast & live eventsSimulation With Unreal Engine, you can bring amazing real-time experiences to life using the world’s most advanced real-time 3D creation tool. From first projects to the most demanding challenges, our free and accessible resources and inspirational community empower everyone to realize their ambitions.
HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UI
PhoneGap / Cordovaアプリに最適なJavaScript、CSSフレームワーク アプリ開発プラットフォームMonacaに標準搭載 豊富なUIコンポーネントが提供 スマホもタブレットも！レスポンシブデザインで同時対応 Onsen UIを使うと、あなたのHTML5アプリのパフォーマンスが格段に向上。 ネイティブ開発と見間違う程のスピードを、是非実感してみてください。 Onsen UIはレスポンシブデザインに対応しています。画面のサイズに併せて自動的にビューが調整されます。 また、スプリットビュータグを使えば、タブレットとスマートフォンで表示の切り替えも自動的に行われます。 更にOnsen UIは、Android 2.3以上、iOS 6以上、FireFox OS、Chrome、Safariなど幅広いプラットフォームをサポートしています。 Onsen UIはPhoneGap / C
ネイティブのドラッグ & ドロップ - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Native Drag and Drop」を日本語訳したものです。 原文タイトル Native Drag and Drop 原文ページ URL http://html5doctor.com/native-drag-and-drop/ 著者 Remy Sharp 氏 原文投稿日 2009-07-09 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 ネイテ
Easy for editors, and a developer's dream cms
Symfony 5 extensions There’s no limit to the functionality you can incorporate in your Bolt project. At its core, Bolt is a Symfony application, so you can use the tools provided by the framework. Twig templates There's a reason why Twig is the de-facto standard across the PHP community. It is flexible, fast and secure. Take a look how easy it is to generate the HTML for your pages. Built-in inter
html5でドラッグ＆ドロップの処理 - Web.fla
イベントの種類とデフォルトの動作をキャンセル ドラッグ＆ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォルトの動作があるので、そいつをキャンセルする必要がある。ただしドラッグを開始する「dragstart」は特にキャンセルする必要はない。 とくにhtml5（javascript）でドラッグ＆ドロップを実現する場合は、「dragover」のイベントをキャンセルするのは必須のようです。 ドラッグ＆ドロップを行うには下記のようなイベントが主にあります。 //ドラッグする要素をドラッグするとき target.addEventListener("dragstart",function(event){ },true); //ドロップ領域にドロップされたとき target.addEventListener("drop",function(event){ event.preve
シンプルだが中毒性が高いHTML5で構築されたバブルゲーム
By @Doug88888 ブラウザからサイトにアクセスすればすぐに遊べる、HTML5で構築されたバブルゲームをフランツ・アイゼンホーフェルさんが公開しています。ゲームのルールは、自分のバブルを操作し、自分よりも小さな泡を吸収して大きくなっていくというシンプルなものですが、単純であるがゆえになかなか中毒性が高いゲームに仕上がっています。 bubbles games by franz enzenhofer http://www.fullstackoptimization.com/bubbles/ バブルゲームのプレイ動画は以下のムービーから確認できます。 HTML5で作成したバブルゲームをプレイしてみた - YouTube ゲームのサイトにアクセスすれば、すぐにゲームがスタートします。操作方法はキーボードの「↑」「→」「↓」「←」で赤いバブルを動かすだけ。 ルールはシンプルでプレイヤーは赤い
HTML5を使った超クールなフリーのWordPressテーマ集35:phpspot開発日誌
35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良いかも。 関連エントリ 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 HTML5を使ったクールなサイトデザイン集２１ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 WebCamで撮影をHTML5で実現するデモ HTML5のゲームエンジン「Quintus」 フリーでHTML5ベースのリッチな管理画面テンプレート オープ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lollyt.in/
DeNA Engineering - DeNAエンジニアのポータルサイト
Ionic Framework - The Cross-Platform App Development Leader
これはスゴイ！HTML5でリメイクされたスーパーマリオブラザース
web.dev
CreateJS × Android でハマったこと - Qiita
TechCrunch | Startup and Technology News