Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog Sublime Text2の複数カーソルの使い方 #SublimeText2 – Qiita [キータ] SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ | 濃紺ピッチャー Emmet系 Sublime Text 2のEmmetでdivの閉じタグにコ
maxlengthを使ってはいけない。特にパスワード入力欄で使っちゃ駄目！ - Qiita
今日自分が体験したトラブル事例に、ユーザビリティ向上のための気づきがあったのでメモしておきます。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 ※本文よりまず、このコメント、こっちに言いたいことが集約されてるのでまずはこっちを読むと早いです。 事例：登録時のパスワードでログイン出来ない！？ 今日、とあるWEBサイトでユーザ登録を行った際に、登録時に入力したパスワードでログイン出来ないというトラブルがありました。 普通は自分の入力ミスを疑うところですが、登録もログインもコピペで入力しているので入力ミスはありえ無いと思っていました。 お問い合わせフォームからバグ報告 というわけでこれはバグだろうと、お問い合せフォームから以下のような内容の報告
美しいWebサイトはDOM構造も奇麗なはず！·DomTree MOONGIFT
DomTreeはWebサイトのDOM構造をツリー化してくれるビジュアル化ソフトウェアです。 奇麗なHTMLはソースを見てもやはり奇麗に記述されているものです。さらにDOMの構成において奇麗にできているかどうか可視化してくれるソフトウェアがDomTreeです。 Googleです。73エレメントで作られています。 MOONGIFT。294とのことです。すごく…密です。 Yahoo! Japan。CenterやTableタグを使っているあたりはやはりサポートするブラウザの多様性ゆえでしょう。 楽天。すごい数です。なんと957。 2003年当時のMOONGIFT。51だそうです。 2008年当時のデザインでは600近い数になっていました。 拡大表示もできます。 必ずしも奇麗なDOMツリーになっていることが奇麗なデザインにつながる訳ではないと思いますが、空タグや無理矢理ハックしてデザインを整えたりし
HTMLのDTDを読んでみよう
HTMLには厳密な文法規則はない――これは大きな誤解です。特 定のウェブブラウザで綺麗に表示されているからといってそのHTML 文書が正しくタグ付けされているとは限りません。正しくないHTML 文書は別のブラウザで見るとおかしな表示になってしまうことがあ ります。しかし規則に従って適切にタグ付けされた文書はどんなブ ラウザで見ても読みやすく表示されるのです。少なくともブラウザ はそう作られているべきです。 HTMLはSGMLの応用の一つとして定義されていますから、 HTMLのタグ付けの規則について疑問があればDTD (後述)を参照するのが 一番確実です。DTDを読むにはSGMLの知識が必要ですが、 自分でDTDを書くとかならともかく、HTMLの決まりを確かめたくてDTDを 見るだけであればSGMLの全てを知っている必要はありません。この文章では HTMLについてある程度知っている読者を対象
app-UI by triceam
If you're going to build an app, use this. View the Project on GitHub triceam/app-UI Download ZIP File Download TAR Ball Fork On GitHub app-UI is a free & open source collection of reusable "application container" user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and JavaScript, especially those targeting mobile devices. app
Emacsでhtml書いてる人、必見 web-mode.el - Web学び
2012年 10月 9日 出ましたよ！新しくhtmlに特化したEmacsのメジャーモード。 web-mode.el htmlにごちゃごちゃ書き過ぎるのはあれですが、html中のCSS,PHP,JavaScript,Java/JSP,ASPXを色分け出来きて、インデントを統一できるのは便利です。 PHPフレームワークのテンプレートなどに有用ですね。 良いなと思った機能 web-mode-toggle-folding "C-c C-f" HTMLタグを折り畳む機能です。カーソルの位置のタグ内が省略されアンダーラインでマークされます。戻すときも"C-c C-f"です。 web-mode-rename-element "C-c C-r" タグの開始タグと終了タグの名前を変えてくれます。 web-mode-match-tag "C-c C-n" タグの開始タグと終了タグにカーソルを持っていってくれま
データURIスキーム - MOL
今回の記事の主題はデータURIスキームとはなんぞいねってことなんですが、簡単に言いますと、このスキームを使うとサーバにリクエストすることなく、ページ内のコードに画像を埋め込むことができるという話です。スキームといえば、このほかにもhttp:、ftp:、mailto:なんてものがありますね。 Webパフォーマンスにとって高コストなものといえば、HTTPリクエストですから、それを使わず画像を表示できるということはこのスキームを使う最大のメリットと言えるでしょう。 てなわけで、実際にどんなものか見てみましょう。例えば、隣にあるこのフィードアイコン はHTMLソースの中ではこんな感じでに記述されています。 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6
Webアプリ制作に役立つ「iframe」利用シーン一挙紹介｜【Tech総研】
WebアプリやWebサイトの拡張、マッシュアップして連携するために使われるインラインフレーム「iframe」。今回は利用シーンに応じて分類し、ソーシャルアプリ型、ソーシャルプラグイン型、ブログパーツ型、ポータル型、それぞれの代表例をご紹介します。 こんにちは、ミクシィの鈴木理恵子です。この連載はWebアプリ開発をする上で陥りやすいポイントを取り上げて、初心者の方でも読みやすいよう「ゆるふわ」にお話しています。前回まではAPIを利用するのに欠かせないOAuthという技術について取り上げました。今回からはiframeにまつわるお話をしていきます。 ミクシィはmixiの中で楽しめるWebアプリとして「mixiアプリ」と「mixiページアプリ」を提供しています。これはmixiの画面の中央に四角いアプリ描画エリアを設け、その中にWebアプリを表示しています。Webアプリはmixiではない3rd Pa
MacでコーディングするならCoda2！DreamWeaverから切り替えた使用感などをレビュー！ | PLUS
福岡を拠点にWebサイト制作・iPhoneアプリ制作を行うフリーランス 入江慎吾のWebサイト。 PLUSはワクワクするWebサービスやiPhoneアプリを制作しています。 Macでは有名なエディタCodaがメジャーアップデートされ、Coda2が出ました！あわせてiPadアプリのDiet Codaも出ていて、iPadでもコーディングができる時代に。DreamWeaverを使っていましたが、前から気になっていたCodaをこの機会に使ってみようと思い、購入しましたので使い勝手などをご紹介します。 Coda2で何ができる！？ ほぼDreamWeaverと同じことができます。 ・HTML、CSS、JS、PHP、Rubyなど言語を問わずコーディングができる ・MySQLのかんたんな管理ができる(簡易版phpMyAdminみたいなもの) ・FTP機能もついている ・SSHも使える 動作が軽
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
squeezeプラグイン - よたらぼ 保管庫
tDiaryのデータベースから日別にHTMLファイルを生成し、任意のディレクトリに保存します。 検索エンジン(主にNamazu)での使用を想定しています。 日記本文からツッコミまでを再現 非表示の日記を対象にするかどうかを選択できる 年別にディレクトリを作成（1ディレクトリ最大365ファイル）、または全てのファイルをを一つのディレクトリに作成(tDiary互換モード) CGIとしてもコマンドとしてもtDiaryプラグインとしても動作する 注意 tDiary-1.4.xまではyasqueeze.rbという名称でしたが、tDiary-1.5.xからはsqueeze.rbに名称変更されました。1.4.xをお使いの方はsquueze.rbの記述を適宜yasqueeze.rbと読み替えてください。 squeeze.rbは3つの使い方ができます。 プラグインとして使用(1日の日記をHTML化する) t
【コーダー必見】IE Tester(IE5.5 IE6 IE7 IE8 で確認できるツール) を使ってみた – 検証サンプル付き - EC studio デザインブログ
ブラウザチェックに苦労しているコーダー・マークアップエンジニアには大変便利なツールがありました。 それがIE5.5 IE6 IE7 IE8 でのレンダリングを確認できるツール、 IE Tester。 http://www.my-debugbar.com/wiki/IETester/HomePage IETester v0.2 では IE 5.5 IE 6 IE 7 IE 8 beta のレンダリング検証ができるようです。IE7にまだアップデートされていない場合は、IE7以降での検証はできません。 インストール方法については、一般的なアプリケーションと同じようにインストーラーを起動してインストールすればOKです。すでにインストールされているInternetExplorerの起動ファイルなどを指定するなどの作業は必要ありません。 インストールが完了し、「IE Tester.exe」を起動すれば
Kazuho@Cybozu Labs: Text::MicroTemplate - テンプレートエンジンのセキュリティと利便性
« MySQL の order by 〜 limit を高速化する方法 | メイン | MySQL Conference & Expo 2009 で Q4M の話をします » 2008年12月16日 Text::MicroTemplate - テンプレートエンジンのセキュリティと利便性 先月開催された Shibuya.pm #10 でプレゼンテーションがあった MENTA や NanoA では、Mojo 由来のテンプレートエンジンを拡張して使用してきたのですが、Perl モジュールとして独立させるべきだよね、ということになり、このたび Text::MicroTemplate として CPAN にアップロードしました。 そのことを告知するとともに、作業の過程で興味深く感じた、テンプレートエンジンのセキュリティと利便性に関する話題をブログに書いておこうと思います。 テンプレートエンジンのエスケ
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
html-helper-mode => psgmlモード HTMLの編集をより便利にしたい - BigFatCatのブログ
html-helper-mode はキーバインドが覚えにくいので psgmlモードを代わりに使うことにした。psgmlモード なら「C-c C-e タグ名 RET」でタグの挿入ができるらしいので、覚えるキーバインドが少なそうだ。 ここから先の内容は、（情報源）の内容の要約版みたいなものなので、詳しくはそちらを参照。 PSGMLの入手とインストール １．A GNU Emacs mode for SGML filesから「Version 1.3.1」をダウンロードする ２．psgml-1.3.1.tar.gz をロードパスの通ったディレクトリに入れる（C:\meadow\site-lisp とか） ３．psgml-1.3.1.tar.gz を解凍・展開し、そのディレクトリに移動する $ gunzip -dc psgml-1.3.1.tar.gz | tar xf - $ cd psgml-1.
アフターピルsosすぐ届く安心ナビ
＜PR＞ 「今すぐアフターピルが必要💦！」そんな緊急時でも、エミシアクリニックなら最短1時間で薬を自宅に届けてくれます😌 🏥エミシアクリニックなら🏥 エミシアクリニックでピルを処方する流れ ↓最短1時間で届く！簡単3ステップ↓ STEP1 LINEで友だち追加 公式サイトからエミシアクリニックを友だち追加し、1分ほどで終わる問診票の記入をします。 問診票の確認後に返信があり、医師によるオンライン診療に進みます。 STEP2 オンライン診療 オンライン診療とは言っても電話はビデオ通話は不要。やりとりはLINEだけなので気楽です。 医師から送られたLINEの必要事項に回答すればOK！5分程度で終わりますよ。 STEP3 ピルを受け取る 処方されたピルが最短1時間でポスト投函されます。プライバシーにも配慮されているのであなた以外の人に中身バレすることはありません。 ＼ アフターピルがすぐ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://dp25299446.lolipop.jp/pikamap/html_seikei.php
https://blog.8-p.info/2010/8-sgml-match-mode-el
http://mocamoca.biz/blog/2008/04/xhtml.html