[B! HTML5] atelierMIRACLEのブックマーク

atelierMIRACLE id:atelierMIRACLE

HTML5に関するatelierMIRACLEのブックマーク (44)

Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッタースペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
atelierMIRACLE 2022/04/24
HTML

css

webサービス

ジェネレータ

web制作

html5

コーディング

Webデザイナー
リンク
Web Makerをインストールして、エディターを準備しよう | マインドステージ
エディターとは？エディターとは、HTMLやCSSなどのコードを書くためのツールです。 HTMLでは、Windowsであれば﹁メモ帳﹂Macであれば﹁テキストエディタ﹂等でも作成することができます。但し、コード補完やサーバーにアップロードする機能などの便利な機能があるエディターを使用することをお薦めします。 Web Makerとは？今回、この初級編では﹁Web Maker﹂というエディターを使用していきます。実際に、サイトを構築するに当たっては使用することは少ないかもしれませんが、初心者がコードに触れるという場合には素晴らしいツールですので、今回はこのエディターを使用していきます。 Web Makerは、Google Chromeの拡張機能です。したがって、この記事を進めていくには、﹁Google Chrome﹂が必要となります。 Google Chromeをまだインストールしてい
atelierMIRACLE 2022/03/29
web制作

webデザイン

CSS

HTML5

開発

テキストエディタ
リンク
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。単に使うだけでなく、デザインやHTML5/CSS3の勉強としてスキルアップにもいいですね。
atelierMIRACLE 2016/09/28
テンプレート

HTML

HTML5

CSS
リンク
無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス
ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。 “HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE デモページ大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。個人・商用利用無料。
atelierMIRACLE 2015/09/11
HTML5

テンプレート

デザイン

CSS

webデザイン
リンク
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク﹁Bootstrap﹂の概要と基本的な使い方をサンプルとコードを交えて紹介します。最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載﹁HTML5アプリ作ろうぜ！﹂。今回紹介するフレームワークは﹁Bootstrap﹂です。話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク﹁Bootstrap﹂とは現在のWeb制作、開発では、ともにスピードが重視されています。﹁Bootstrap﹂を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
atelierMIRACLE 2015/06/26
フレームワーク

bootstrap

HTML5

フレキシブル・デザイ
リンク
2015年のWEBサイトはフルサイズリキッドデザインで行こう。 | コラム | ホームページ制作大阪インフォメーションメディアデザイン株式会社
WEBサイト制作 2015.01.13 2015年のWEBサイトはフルサイズリキッドデザインで行こう。 2014年に公開された企業サイトの中にはフルHDを活かしたリキッドデザインを採用したWEBサイトを見受けられました。まだまだ数は少ないですが、IMDでも「フルHD解像度を最大に活かしたWEBサイトをどのタイミングで実装すべきか」で議論が起こりました。そこで現状のユーザー環境調査とこの1年でユーザー環境がどう変わるかを検討してみました。現在のユーザー解像度調査下記はIMDのアクセス解析での現在のモニター解像度比率です。１番多い解像度は「1366×768」HD解像度。2008年～2010年に主力販売されていたノートPCだと思います。私が2010年に購入したMac Book Airもこの解像度になります。他のサイトでのユーザー解像度調査を行った結果、下記主力解像度になります。これ
atelierMIRACLE 2015/03/30
ディスプレイサイズに

webデザイン

web制作

CSS

HTML5
リンク
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは、お名前.comで取得されています。お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
atelierMIRACLE 2014/12/17
ゲーム

HTML5

コンテンツ

webサービス
リンク
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている﹁たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS﹂という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応透過PNGに対応 opacityに対応といったことが可能になります。要はCS
atelierMIRACLE 2012/12/03
HTML5

webデザイン

IE8

CSS
リンク
CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css
Normalize.cssって何？ CSSリセットとは違うの？どうやって使うの？といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css [ad#ad-2] 下記は各ポイントを意訳したものです。Normalize.cssとはNormalize.cssの特徴ノーマライズvsリセットNormalize.cssの使い方終わりにNormalize.cssとはNormalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。normalize.cssの関連サイトNormalize.cssの本サイトNormalize.cssのソースNormalize.cssのドキュメントNormal
atelierMIRACLE 2012/11/09
CSSリセット

HTML5

webデザイン

CSS
リンク
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
atelierMIRACLE 2012/09/10
ジェネレータ

web制作

HTML5
リンク
ほんっとにはじめてのHTML5とCSS3
今回は 要素と 要素を使い分けてみましょう。以前︵HTML4、XHTML1︶は、どちらも強調を表すものとされていました。が、HTML5で定義が少し変わって、 要素は重要性、 要素は強調を表すと区別されました。使用する要素﹁em﹂は﹁em phasis︵エンファシス︶﹂の略。﹁強調﹂﹁力説﹂といった意味です。﹁strong﹂は、そりゃーそのまんまストロングです。 も も大昔からある要素で、どのブラウザも対応しています。ブラウザのデフォルトスタイルでは は太字で、 はイタリック︵斜体︶で表示されます。こんなかんじです。重要性を示したいテキスト強調したいテキスト HTMLはこちらです。囲むだけでとても簡単。 重要性を示したいテキスト<
atelierMIRACLE 2012/08/27
HTML5

em要素

strong要素
リンク
jAction
jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基本的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょうゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。﹁いいね！﹂がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。
atelierMIRACLE 2012/07/10
javascript

ゲーム

スマートフォン

html5
リンク
作ろう！HTML5用Webアプリケーションフレームワーク·Brunch MOONGIFT
BrunchはHTML5によるWebアプリケーション開発を支援するnode.jsフレームワークです。 HTML5をビジネス向けに率先して使っていくのは難しいと思いますが、それでも試してみたいと考えている人は多いはずです。そこでBrunchを活用してみると良いでしょう。HTML5ベースのWebアプリケーションを開発するための仕組みをまとめて提供してくれます。 Twitterのデモアプリです。 Todoアプリのデモです。コードの記述に際してはJavaScript/CoffeeScript/IcedCoffeeScript/Royが使えます。CSSはSassやLESSを使うこともできます。ベースを作ってくれるコマンドがあるので、それを使いつつ後は既存のデモアプリを参考に作っていくとWebアプリケーションを素早く作ることができます。 Brunchはnode.js/JavaScript製、MIT
atelierMIRACLE 2012/05/22
HTML5
リンク
html5collect.net
html5collect.net 2023 著作権. 不許複製プライバシーポリシー
atelierMIRACLE 2012/05/17
HTML5
リンク
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
atelierMIRACLE 2012/05/05
javascript

HTML5

コード紹介に便利
リンク
web.dev
We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
atelierMIRACLE 2012/05/05
HTML5

canvas

JavaScript

アニメ
リンク
お探しのページは見つかりませんでした - ma-san web design- 千葉県（四街道市・千葉市・佐倉市）でホームページ制作
「ma-san web design」の管理者。東京都・千葉県（千葉市・四街道市・浦安市・佐倉市）・宮城県（仙台市）を中心に企業のWebデザイン／マーケティング／IT戦略のプランニングからWebサイト構築・運用をしています。「Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。
atelierMIRACLE 2012/05/04
HTML5

canvas

アニメ
リンク
スマートフォン対策。HTML5+JavaScriptでQRコードを動的に生成·JS HTML5 QRCode Generator MOONGIFT
JSHTML5 QRCode GeneratorはCanvasタグを使ってQRコードを生成するJavaScriptライブラリ。JSHTML5 QRCode GeneratorはHTML5/JavaScript製のオープンソース・ソフトウェア。スマートフォン向けのコンテンツが増えたこともあって、Web上でQRコードを見かけることが多くなった。Androidアプリの配布の際には大抵QRコードが表示されている。かなり大型なQRコード QRコードには様々な情報が載せられるので、URLやコンタクト情報、ツイートしてほしい内容なども載せられる。手軽に生成できるようになれば、色々な使い方が考えられるだろう。そこで紹介したいのがJSHTML5 QRCode Generatorだ。JSHTML5 QRCode Generatorはその名の通り、HTML5+JavaScriptでQRコードを生成
atelierMIRACLE 2012/04/23
QRコード

HTML5

JavaScript
リンク
Ext Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。このライブラリはそ
atelierMIRACLE 2012/03/17
フレームワーク

Android

iOS

HTML5
リンク
Web ブラウザーや OS のシェアが確認できる Web サービスまとめ - monoe's blog - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
atelierMIRACLE 2012/03/05
実用HTML5API ローカルストレージへの画像のキャッシュ方法

HTML5
リンク
1 2 3 次のページ