bottleで文字列を取得しようとすると日本語が文字化けする -> 解消 - Qiita
0.はじめに bottleの詳しい使い方等は他に良い記事を書いている方が大勢いらっしゃいますので、導入方法や解説はそちらにおまかせします。 New!! getunicode を使う方法 （2019/03/19 追記） 私の環境（一応） macOS Sierra 10.12.2 Python 3.5.2 bottle 0.13-dev 1.現象 こんな感じの入力フォームを作って、 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Artist Search</title> </head> <body> <b>検索語句を入れてください。</b> <form action="/" method="post" accept-charset="UTF-8"> アーティスト名 :<input type="text
Tim Golden's Python Stuff: Create an MHTML archive
Tim Golden > Python Stuff > Win32 How Do I...? > Create an MHTML archive Introduction If you need to ship a more-or-less static web page to be run on an embedded or unconnected device, you can make use of the MHTML format initiated by Microsoft and available, at least, on all recent versions of IE. There are tools available to use it under Linux as well. This is the same as using "Save As" from th
<BLOCKQUOTE>－HTMLタグリファレンス
<BLOCKQUOTE>～</BLOCKQUOTE>で囲まれた部分が引用・転載であることを表します。 <BLOCKQUOTE>タグは、比較的長めの文章を引用・転載する際に使用します。 改行を必要としない程度の短い文章を引用・抜粋する際には、<Q>タグを使用してください。 Internet Explorer等の一般的なブラウザでは、<BLOCKQUOTE>～</BLOCKQUOTE>で囲まれた部分は 上下に1行分のスペースが挿入され、左右もインデント（字下げ）され、上下左右にスペースが空きます。 ただし、インデントさせることを目的に<BLOCKQUOTE>タグを使用するのは誤りです。 インデントが目的の場合にはできるだけスタイルシートを使用してください。 スタイルシートでは、<div style="margin: 10px">～</div>などと記述します。 ■属性 HTMLソース 芥川龍之
Coda 2のトップ20シークレット…。（Coda 2について書かれた記事を意訳してみました） | Appdrill
Panic のブログに「Top 20 Secrets of Coda 2」 という記事があったので意訳してみました。Coda 1 の時からある機能も載っていましたが、それらもそのまま載せています。 別々のファイルを分割表示する方法 別々のファイルを分割表示する方法です。大きく分けて２つのやり方があります。 1. ウィンドウを分割した状態で、別のファイルをOption+ダブルクリック、またはパスバーにファイルをドラッグ＆ドロップ。 HTML + CSS + ライブプレビュー 縦に3分割してHTML、CSS、プレビューを表示させると開発が楽です。 HTML、CSSどちらを修正しても自動でプレビューが更新されます。 サイトをグループで管理可能 iPhone のホーム画面のようにサイトをグループで管理できます。 タブをアイコンではなくてテキストで表示 タブバーの下をドラッグするか右クリックから「テ
注目！Flash CS風のUIでHTML5のタイムラインアニメーション作成·Radi MOONGIFT
RadiはHTML5対応のタイムラインベースのアニメーション作成ソフトウェア。 RadiはMac OSX用のフリーウェア（β版中につき無料）。Webブラウザ上でインタラクティブでタイムラインベースのアニメーションを作ろうと思ったらFlashを使うのが一般的だ。しかしそれはHTML4までだ。HTML5になればCanvasタグを駆使することでアニメーションさえ自在に作れる。 メイン画面 とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の動きは自動で補完で
タッチデバイス対応、HTML5で構築したWebサイト向けのUI用フレームワーク・Kendo UI
HTML5製のWebサイト向けUI専用の フレームワーク・Kendo UIのご紹介。 iPhoneなどのスマートフォンや、iPad などタブレットデバイスにも対応したWeb サイトのUI設計用に作られたようです。 使いやすいかどうかはおいておいて、 ちょっと見かけないのでメモ。 Kendo UIはHTML5とcss3、JavaScriptで構築されたWebサイト向けのUIフレームワークです。メニューやテーブル、タブ、ドラッグ&ドロップコンテンツなどよく見かけるインターフェースがセットになっていますよ。 @ub_pnrのPostで知りました。いい情報流してくれるので助かります。 スマートフォンやタブレットにもいいですね。以前Ninja UIなんてありましたけど、今度は剣道です。なんでも「HTML開発者の刀として使って欲しい」のだとか。煎茶（Sencha）とか相撲（Sumo）とか同様、なんだか
[JS]既存のサイトをタッチデバイス対応にするスクリプト -Mobilize.js
ウェブページにスマートフォンでアクセスされたら自動検出し、そのページのレイアウトを変更・タッチデバイス対応にするjQuery Mobileを使用したHTML5ベースのフレームワークを紹介します。 Mobilize.jsでスマートフォン対応にするイメージ 見出し、ナビゲーション、コンテンツはそれぞれ細かく指定することができます。 Mobilize.jsの主な特徴 Mobilize.jsは、クライアントサイトでウェブサイトをスマートフォン対応にするHTML5のフレームワークです。 インターフェイスはjQuery Mobileベースでタッチデバイスに最適化。 自動的にモバイル用ブラウザを検出。 インテグレートが容易 -サーバーサイドの変更は必要ありません。 オープンソース -高価な費用は必要ありません。 Mobilize.jsの対応デバイス Mobilize.jsは、以下のモバイル用のブラウザを
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
スマートフォンのネィティブアップスはＨＴＭＬ5に滅ぼされるのか！？：インターネットの第二の波とソーシャルメディアマーケティング：オルタナティブ・ブログ
＜序文＞ Webアプリの開発や運用を標準化するＨＴＭＬ5の活用が２０１２年頃から本格的に始まる見通しがつき（グーグル、マイクロソフト、アップルが支持）、クラウドコンピューティングの支持者、Webアップスの支持者は意気軒昂と言った処です。そしてかれらはiPhoneに代表されるネイティブアップスは早晩、消滅する、絶滅種だと言い出しています。 しかし一方つい先日、ネイティブアップス派に属するワイアードのクリス・アンダーソン氏が逆に「Webの死」を唱えたばかりです。 クラウドコンピューティングのコンセプトの下では、Webアプリが正統でネイティブアップスは異端だとか開発者コミュニティも騒がしいです。 滅びるのは「iPhoneに代表されるネイティブアップス」でしょうか、それとも「Webの死」が来るのでしょうか？ 国内ではまともに議論さえされないテーマですが、米国勢は凄い議論をしています。 ★ ★HTM
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
DOM APIとinnerHTMLは等価ではない
最近、徳丸本をじわじわ読んでいるのですが、DOM based XSSの話が書いてあったので、少し言及しておこうと思います。 徳丸本から引用 DOM based XSSと呼ばれるXSSがあります。これは、JavaScriptによりクライアント側で表示処理する箇所があり、そこに脆弱性がある場合のXSSです。 サンプル書いてみました。 <script> document.write(unescape(location.href)); </script> こいつを適当なファイル名で保存して、domxss.html#<script>alert("hello")<script>などのURLでアクセスするとalertが表示されるはずです。任意のスクリプトが実行可能な状態ってことですね。任意のスクリプトが実行可能ってことは、セッションクッキー盗み放題で、他人に成り済まして買い物できちゃったりするレベルです
appML
appML is an HTML extension specifically designed for web-based apps. Yes! appML is an HTML extension: it defines new amazing tags for a rapid, clean, powerful and beautiful web app developing. appML tags are intuitive and ready-to-use for quickly develop your new great HTML-based app, only focusing on the creative part of the work and automatically having plenty of amazing features to enjoy!
JavaScriptやHTML5でデスクトップアプリケーションを開発するツール「Chromeless 0.2」リリース | OSDN Magazine
Mozilla Labsは4月29日、JavaScriptなどのWeb技術を利用してデスクトップアプリを構築する実験プロジェクト「Chromeless 0.2」を公開した。Firefox 4と同じレンダリングエンジンを利用、最新のWeb技術を利用できるという。 Chromelessは、HTML、JavaScript、CSSといったWeb技術を用いたデスクトップアプリケーションを作成するためのツールを開発する実験的プロジェクト。 Chromeless 0.2では、先にMozillaが公開していたFirefox 4と同じレンダリングエンジンを採用、「WebM」「HTML5 Parser」などの最新技術が利用でき、マルチタッチ、WebGL、コンテンツのハードウェアアクセラレーション、JavaScript 1.8.5などにも対応する。 Chromelessで作成したアプリケーションは、Chrome
【レポート】HTML5、日本語で音声入力する方法 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. Chrome 11安定版にはスピーチ入力機能が実装されている。input要素の入力に音声を利用できるというもので、Chrome 11以降のバージョンを使っているなら、たとえばGoogle翻訳のページで簡単に試すことができる。Google翻訳の翻訳元言語を「英語」にすると、テキストエリアの右下にマイクのアイコンが表示される。このアイコンをクリックすると音声入力を受け付けるモードに入る。音声は英語に変換され、テキストエリアに表示される。 この機能はinput要素を拡張する形で実装されており、試してみるのに特別なプログラミンは必要ない。「<input x-webkit-speech type="text" />」のように、input要素の属性にHTML5の「x-
Skeleton Sample
Skeletonとは Skeletonは、iPhoneやiPadなどのデバイスでもレイアウトが最適化されているWebサイトの制作スターターキットです。内容はHTML、JS、CSSと非常にシンプル。JSライブラリにはjQueryが使用されています。CSSはグリッドレイアウト対応です。 3つの特徴 モバイルでもグリッドレイアウト: スマフォやタブレットデバイスでもエレガントにスケーリングしてくれます 素早く始められる: 速攻で制作出来るような設計となっています スタイル非依存型: 美しいレイアウトで設計していますが、貴方の好きなように上書きできます ドキュメント & サポート Skeletonを効率よく利用するためにはwww.getskeleton.com.を御覧頂ければと思います。 Skeletonはオープンソースで、githubにも置いてありますので、バグ報告等はこちらよりお願いします。ま
AlloyUI
⚠️ AlloyUI is deprecated and only critical patches will be released in the future. See blog for more Simply Powerful Robust UI tools at your fingertips. AlloyUI is a framework built on top of YUI3 (JavaScript) that uses Bootstrap (HTML/CSS) to provide a simple API for building high scalable applications. Download Fork 1 - Copy and paste First load the seed and CSS files. <script src="https://cdn.a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Y2Z/monolith: ⬛️ CLI tool for saving complete web pages as a single HTML file
https://wiki.nunnun.jp/index.php?title=Research/Memo/Internet_Evolution_%26_Possibilities/Report:_Supporting_Streaming_media_on_HTML5
ninjaui.com