CakePHPで開発するVimmerにオススメの設定 - Digitarhythm
はじめに 私の設定はまとめてここに置いてあります。 comeonly/spf13-vim spf13/spf13-vimというVimディストリビューションを使っているので、インストールしたあと、spf13氏のリポジトリを私(comeonly)のものに差し替えてもらえれば同じ設定になります。 前はcarlhuda/janusを使ってたんですが、カスタマイズしにくいのと、neocomplcacheとかVundleとか新しいのを使いたかったのでやめちゃいました。 上記spf13-vimから追加したもの tpope/vim-unimpaired 世界中のVimerがtpope氏の恩恵を受けてるはず。今見たら4つもプラグイン入れてるわ。。。今回の記事とは関係ないですが便利なプラグインです。 comeonly/php.vim-html-enhanced 後述しますが、phpとhtmlがまざってても綺麗
テキストを自由な位置で折り返せる「CSS Text Wrapper」:phpspot開発日誌
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
Free online web template generator
Making your own Web template has never been easier. Our free online editor makes it a matter of minutes. No software to install. No Photoshop needed. No tricky PSD to HTML conversion required. No design service to pay. All you need is there to create a stunning custom Web design ready for download. It's quick, easy and fun ! All parts of your template can be customized. From header to footer, acce
A.htmlの中で、B.htmlを、jQueryを使って読み込みました（$.getを使用した）。…
A.htmlの中で、B.htmlを、jQueryを使って読み込みました（$.getを使用した）。 その読み込んだB.htmlには、<div id="mainContents">で始まり、<!--/mainContents--></div> で終わる文字列が含まれています。 その<div id="mainContents">と<!--/mainContents--></div>に括られた範囲の文字列をJavascriptで取り出して、A.htmlの<div id="mainContents"></div>の中に挿入たいのですが、どのようにすればよいでしょうか。 Javascriptのコードを提示していただけると非常に助かります。 なお、当初はjQueryの「$().load」を使用してB.htmlを読み込んでいたのですが、別のJavascriptライブラリと衝突して上手く動作しないことが判明
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
HTML色見本
HTMLにおいてカラーネームで指定できる色のリストです。ラジオボタンをチェックすることによってこのページの背景色を変えることができます。 （注意）カラーネームによる指定の場合、色名によっては使用OSやブラウザのバージョンなどの環境により、 正しく表示できないことがあります。
お手軽テンプレート - higeorange's blog
HTMLを書くときにDOCTYPE とか どの文章でも同じ構造(html, head, body) といちいちかくのはめんどくさい。 そこで html ファイルを新しく作ったときに自動でその辺を挿入してくれると便利だ。 まず, テンプレートファイルを用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> </body> </html> これを skel.html として ~/.vim/templates/ にでも保存する
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
小粋なインターフェースを実現する25のコード （パート4） | S i M P L E * S i M P L E
先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード （パート2） 小粋なインターフェースを実現する25のコード （パート3） 今回も素敵なコードが揃っていますよ。いくつかご紹介。 ↑ CSSでアラートメッセージを作る方法。ウェブサービスなどにいいですね。 ↑ こうしたメニューのコードをブラウザ上で作れるジェネレーター。 ↑ スライド式のナビゲーションメニュー。 新しくウェブをつくるときに参考にしたいですね。ご利用は以下からどうぞ。 » 25 Code Snippets for Web Designers (Part4)
はてなダイアリー - 大西日記
HTML Helpとは、Microsoftが提唱している拡張子chmのオンラインヘルプです。よくソフトウェアに添付されていますが、言語のリファレンスがこの形式になっているととても便利です。 id:secondlife先生が使っているので真似して使い始めました。 コンパイル済のHTML Helpだと全文検索できるし（しかも速い）、よく使うページをお気に入りに追加したり、といった機能も便利です。 ということでいろいろな便利なHTML Helpファイルを教えてもらったり探したりしてみました。 Ruby http://d.hatena.ne.jp/secondlife/20051023/1129997394 MySQL http://tsuttayo.sytes.net/mysql/help/ JavaScript (JScript) http://www.microsoft.com/japan/
鳥獣保護区 | Vim で HTML の文法チェック
Vim tips をつらつら見てたら、HTML Tidy を使った文法チェックの方法が載ってました。 先ずは Tidy を Fink なり上記サイトに用意されているバイナリなりでインストールしておきます。チェックしたいファイルを Vim で開いて、 :compiler tidy :make これで下部にエラーが表示されます またコマンドに下記のように入力すると、直接エラーを修正してしてくれたりもします。 :!tidy -iq -raw -m % コマンドを入力するのが手間な人は、~/.vim/ftplugin/html.vim をいうファイルを作って下記のように書いとくといいかも。 compiler tidy nmap <buffer> <LocalLeader>mod :!tidy -iq -raw -m %<CR> 今までは Firefox 上で Html Validator を使って
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
GNOME 2.16.2リリース MOONGIFT
特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿：センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る！2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基本2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ！2014/01/30 なぜプレミアム？そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト？オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す
zuzara.com » vimrc改良中、closetag.vimも入れてみた
vimでIDE並の動作だ！と前回感動しましたが、実際使ってみると不必要なときに自動補完されたりTab文字を入力したいのに入力できなかったり、不便なところもありました。 結局、PHPの関数名の自動補完以外の機能は消してしまったのですがこれを機にvimのscriptも少しいじってみました。 手をつけたのがclosetag.vim。HTMLなどのタグを自動補完してくれる代物ですが、Ctrl-_は日本語キーボードでは打てないのでclosetag.vimの141行目を以下のように変更してみました。 inoremap <C-]> <C-R>=GetCloseTag()<CR><ESC>F<i map <C-]> a<C-]><ESC>Ctrl-]で補完しつつ、タグに挟まれたところでInsertモードにする、という動作を加えています。 自分のvimrcはもうちょっと落ち着いたらまた公開しようかと。 Th
フリー素材テンプレート
突然で申し訳ないのですが（2009.3.1） ホームページ素材とテンプレートのWeb Essenceは、 下記ＵＲＬへ引越ししました。 http://www.web-esse.com/ 新しいURLでお待ちしております。 ぜひ遊びに来て下さいね！ こちらへリンクして下さっている方は お手数ですがＵＲＬの変更をお願いします。 Copyright© 2003-2010 ホームページ素材とテンプレートの Web Essence
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン
caramel*vanilla » フォームのユーザビリティ向上 - Tooltip for forms
bgMaker ||| Background maker || Tiled Background generator | Web Background maker