can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
iPhone、AndroidのモバイルWebでの長押しアクションを無効化する - paranitips
モバイルWebにおいて、セキュリティ上、WebのリンクURLを表示させたくなかったり、 テキストのコピーを防止したい場合があります。 これらの長押しアクションを無効にするにはbodyのcssに以下を追記します。 body { -webkit-touch-callout:none; // リンク長押しのポップアップを無効化 -webkit-user-select:none; // テキスト長押しの選択ボックスを無効化 } 補足 また、一般的なWebサイトの右クリックの無効化は <body oncontextmenu='return false;'> コピーの無効化は <body oncopy='return false;'> でOKです。 （developerツールを使えば簡単に解除できますが。） 参考 iPhone リンクを長押しした時のポップアップメニューの制御 « TriAx Lab
Javascript Shopping Cart - simpleCart(js)
No databases, no programming, no headaches. A simple javascript shopping cart that you can setup in minutes. It's lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.
アーカイブマッピングで利用するアーカイブファイル名の定義 | CMSプラットフォーム Movable Type ドキュメントサイト
アーカイブファイルの出力先は、各アーカイブテンプレートの編集画面のアーカイブマッピングで設定します。 アーカイブマッピングの一般的な設定値はあらかじめ用意していますが、設定値を細かくカスタマイズすることもできます。 アーカイブマッピングの設定値にはテンプレートタグを使用しますが、よく使われるテンプレートタグに関してはアーカイブファイル名の定義が別途用意されており、テンプレートタグを記述するよりも簡単に利用できます。 注意事項 アーカイブファイル名の定義は日付関連のテンプレートタグで使用できるフォーマットと類似していますが、別の機能となります。日付関連のテンプレートタグで使用しないようご注意ください。 アーカイブマッピングに設定可能な文字数は 255 文字までとなります。テンプレートタグでは文字数を多く消費するため、アーカイブファイル名の定義を優先して使用することをおすすめいたします。 あら
ヘッダは上部固定で、フッタは最下部にするスタイルシート、レスポンシブにも対応！ | コリス
ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で！ デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーションがあるヘッダはスクロールしても常に上部に固定されています。 デモのコンテンツ量が少ないため、狭い表示エリアで。 デモページ：幅780pxで表示 実装 実装はデモを必要最小限にしたもので、紹介します。 HTML 上からナビゲーションのあるヘッダ、コンテンツ、フッタの順で、ヘッダとコンテンツはdivで内包し、終わりにコンテンツ量が少ない時用にpushのdivを配置します。 <body> <div
SSLページでブラウザにセキュリティ警告メッセージを出させないコツ « DRYOUT プログラマー社員のブログ
URL が https:// から始まる SSL ページを閲覧すると、希にこんなエラーが表示されてしまう場合や、ブラウザのアドレス バーに鍵マークが表示されない場合があります。 ブラウザ別の警告メッセージ一覧: IE: このページには、安全な HTTPS 接続を使用しないで配信されるコンテンツが含まれており、Wen ページ全体のセキュリティを損なうおそれがあります。 Opera: への接続は保護されていないため、重要な情報を送受信しないでください。サーバーはセキュリティ保護を適用しようとしましたが失敗しました。 Firefox: この Web サイトとの通信は一部しか暗号化されておらず、第三者に盗み見られないようにはなっていません。 これは、警告メッセージからも分かるとおり、SSLページなのにページ内に「非SSLコンテンツ (http://)」が混在していること（逆のパターンもある）が原因
Titanium? いいえ、Triainaです。 - mixi engineer blog
どうも、5ヶ月ぶりのブログ投稿です、佐野です。僕は2012年8月よりメッセージユニットに加わり、主にiPhone公式クライアントにおけるメッセージ機能の改修に携わっておりました。 mixi Touch(スマートフォンブラウザ版)では2012年10月より一部のユーザに向けてmixiメッセージにおけるリアルタイムコミュニケーションを実現するための新UIを提供しておりました。この機能が近いうちに mixi の iPhone版、Android 版 公式クライアントでも利用できるようになります。 (画面は開発中のイメージです) この新機能は Triaina という自社製のフレームワークによって、iPhone版・Android版共に、WEB版と共通の HTML+JS コードを利用して作られています。 こういうと「Triaina? PhoneGap や Titanium と何が違うの?」とか「Faceb
PHP で HTML から簡単に PDF を作れる mPDF | Sun Limited Mt.
帳票などを HTML を表示し、それを PDF にしたいことはよくあります。FPDF などを使えば PHP で PDF を生成することもできますが、結構面倒です。しかし mPDF を使うことにより PHP で簡単に HTML から PDF を生成することが可能です。 インストール mPDF をインストールします。mPDF のサイトより zip ファイルをダウンロードし、解凍します。それを PHP からインクルードできるディレクトリへアップロードします。今回は mpdf というディレクトリを作りその中にアップロードしました。 アップロード後、tmp ディレクトリと graph_cache ディレクトリに書き込み権限を与えておきます。 mPDF で PDF を生成する 使い方は簡単です。HTML を与えて、出力するだけです。使い方の例は以下のようになります。例として Yahoo!ジャパンのトッ
amana Digital & Publishing
THE MEET UP Vol.02 食の現在と未来：ブランドに求められる新たな価値 2024年8月28日（水）開催 VIEW MORE amana visual Photographer、Retoucher、CGI ポートフォリオサイト NEW CREATORS Ph五十嵐拓也 Phカクユウシ VIEW MORE amana INSIGHTS 生成AIとクリエイターの共存：プロ向けマインドセット 【日光メープルシロップ制作事例】 VIEW MORE amana WORKS 最新の制作実績をご紹介します VIEW MORE amana INSIGHTS 選ばれるブランドへ。 amana Creative Campが実現する、ファンケル「らしさ」とは VIEW MORE コミュニケーション変革をクリエイティブで実現 新規事業の立ち上げ、ブランドの構築、インナーコミュニケーション、コミュニティ
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
DOCTYPEスイッチ－HTMLの基本
■DOCTYPEスイッチ 表示モードの切り替え 比較的新しいブラウザには、HTMLやCSSの記述をどのように画面表示するかを決めるレンダリングモードが、 大きく分けて２種類備わっています。 レンダリングモードとは、ウェブページの表示方法を決めるブラウザの状態のことで、 DOCTYPE宣言の記述のしかたによって切り替わります。 標準モード（Standard）は、CSSなどの指定を仕様通りに解釈して表示するモードで、 互換モード（Quirks）は、まだCSSが普及していなかった時代の過去のブラウザとの互換のために、 あえて標準仕様とは異なる解釈で表示するモードのことです。ブラウザによってはさらにその中間モード（Almost Standard）があります。 互換モードでウェブページが表示される場合、 CSSの指定が正しく解釈されないため、文字サイズやレイアウトなどが制作者の意図と異なってしまう場
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Web Development for the iPhone: HTML, CSS & JS Support
Estelle Weyl's Blog of quirks, random thoughts and funky finds discovered in day-to-day coding Safari and Safari for the iPhone support all HTML elements, including deprecated elements and even some proprietary elements that were never part of any W3C specifications. In addtion, Safari is supporting some HTML5 elements, even though the HTML5 specifications have not been finalized. I’ve also added
Androidと-webkit-tap-highlight-color
Androidと-webkit-tap-highlight-color Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。 そもそも-webkit-tap-highlight-colorってなによ iPhoneなどのスマートフォンでa要素をタップしたときにハイライトさせるプロパティです。ハイライトと言ってもiPhoneの場合は半透明のグレーのレイヤーが表示されるのですが。 サンプル このレイヤーの色を-webkit-tap-highlight-colorで制御することが可能です。 a { -webkit-tap-highlight-color: rgba(0,0,215,0.40); } このようにするとハイライトカラーが半透明な青色に変わります。 サンプル ただし、このように指定してもA
デバイスに合わせてCSSを振り分ける「Media Queries」 | DevelopersIO
Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ
IE Conditional Comments ｜ Ryuichi Nonaka
Apache (9) Coding (9) Command (12) CSS (23) CSS3 (16) Editor (8) Etc (12) HTML (100) HTML5 (85) JavaScript (20) jQuery (0) jQuery Mobile (0) Linux (28) Network (3) Performance Tips (6) Tags (47) Widget (4) Wordpress (7) インターネットエクスプローラー（以降IE）で独自実装されている条件付きコメントは、スタイルシートやスクリプト、HTMLなどの表示をHTMLのみで振り分けられる便利なものです。これが無ければIEへの対応に多くのコストがかかっていたかもしれません。 条件付きコメントサンプル すべてのIEにのみ対応 <!--[if IE]> <p>このブラウザはIEです。</p>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brackets - Web デザインを認識する最新のオープンソースコードエディター
django/django/utils/html.py at ebc773ada3e4f40cf5084268387b873d7fe22e8b · django/django
http://blog.yuku-t.com/entry/20110823/1314111340
Components · Twitter Bootstrap