「Primary」は22種類の定番レイアウトをフレームワークとしたスタイルシートをダウンロードできるサイト。予め定義されたスタイルに合わせてHTMLを作成していくだけで、以下のようなレイアウトを作成できるようになる。 たとえば、3ペイン(ヘッダ＋左メニュ…
GAEなどもまだRubyでのサービスを開始していないが、ずいぶん前にブラウザでRailsアプリが構築できるといって話題になったHerokuが、これもまたずいぶん前に本格的にRailsのPaaSを始めていたらしいので今更ながら環境作りにトライしてみた。 ■Heroku http://…
ちょっと仕事でグラフ表示が必要になったので、メモ。 前提としてRmagickがインストールされている必要がある。インストール方法は割愛。 Rmagickがインストールされたら、gemでGruffをインストール $gem install gruff※自分の環境を参考まで。 ruby 1.8.7 R…
ブックマークレットからtweetしたときに、 高速コーディングが可能なVim+Zen-Codingのメモ http://d.hatena.ne.jp/nzm_o/20100605/1275747401 ではなく、 高速コーディングが可能なVim+Zen-Codingのメモ http://bit.ly/xxxxx とURLを短縮化しつつtweetするよ…
IE6以下は透過(アルファチャネル)PNGファイルに対応していなく、きれいに透過されない。 一般的にはDirectXのAlphaImageLoaderを使ってこの問題を解決するのだが、表示が遅くなる...background:repeatに対応していない...など制約があるらしい。 IE7だと透過…
Inkscapeの文字化けを直す方法（メモ） C:\Program Files\Inkscape\etc\pango\pango.aliasesを下記に修正。 courier = "courier new,ms gothic" #Tahoma = "Tahoma,browallia new,mingliu,simhei,gulimche,msgothic,latha,mangal" Tahoma = "Tahoma,MS UI Go…
ここ数年で会社のPCには必ず入れるようになったフリーソフトをご紹介。 資料を作ったり、メールを打ったりと忙しいPMの方には、多少なりとも作業効率UPとなるはずなのでオススメ。 ソフト選びのポイントは、 ・起動がはやい ・動作が軽い ・作業効率が上がる…
z-indexでレイヤー表示したボックスの上にselectボックスだけが上側に表示されてしまうIE6のバグがある。 それを解決するjQueryプラグインがある まず事象の確認。 HTML <div id="layer">z-index: 9999;に指定したdivボックス</div> CSS div#layer { color: #FFF; background: #555…
HTMLやCSSのコーディングを数倍にも高速してくれるZen-CodingのVim版を自作していらっしゃる方がいたのでありがたく使わせていただいている。zen-coding for vim を pure vimscript だけで書いてみた。 よく使いそうなスニペットコマンドをメモ。 実行方法 …
PC向けに作成したサイトをCSSだけでiPhoneに対応する方法。 <link media="screen" href="/stylesheets/pc.css" type="text/css" rel="stylesheet"/> <link media="only screen and (max-device-width: 480px)" href="/stylesheets/iphone.css" type="text/css" rel="stylesheet"/> </link></link>
(メモ)以下の設定を.vimrcにしておく。 autoindent 改行時に半角スペース８文字を自動挿入する。デフォルトはON。 :set autoindent "autoindentを有効にする :set noautoindent "autoindentを無効にする shiftwidth オートインデント時にインデントする文字…
IE7に様々な機能をアドオンできるフリーソフトをご紹介。 ボクの場合、会社で利用できるブラウザがIEのみに制限されている為、かなり重宝しています。 http://www.ie7pro.com/?language=jp インストールをすると右下にアイコンが表示される。 右クリックでメ…
マインドマップは「MindMeister」(http://www.mindmeister.com/ja/home)を気に入って使っていたのですが、少し前から無料版で作成できるマップが６→３つまでと減ってしまったので、乗り換えを考えていたところ、XMindというフリーソフトを見つけ、使ってみる…
「角丸」が正しいのか「丸角」が正しいのか毎度迷う。 そんなことはさておき、CSSや画像を使わず角丸が作れるjQueryプラグインをメモ。 ■jQuery Corner http://malsup.com/jquery/corner/ ここからjsファイルをダウンロードして以下のように指定。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.corner.js" type="text/javascript">
今見ているページをTwitterに投稿するブックマークレットを作る方法です。 Twitterへの投稿はURLは以下でできるので、[文字列]部分をJavaScriptでタイトルやURLを埋め込むブックマークレットを作れば良い訳です。 http://twitter.com/home?status=[文字列] …
仕事で日々作成した資料やメールで添付されて来たファイルなど、ちゃんと整理しておかないので、「あれ？あのファイルどこにやったけ？」といつも必要なときに見つからなかったりすることもしばしば。 なので、以前からitunesのようにポンポンとドラッグする…
オンラインノートといえば個人的にもEvernoteが確かに最強だと思うのですが、Evernoteはいわゆる「多機能ノート」であるため、ちょっとしたメモ（それこそ単語だけなど）をとるには色んな意味で「大きすぎる」気がしていたので、別途メモ用紙的なオンライン…
404NotFoundページと言えば、ネガティブなイメージがありますが、ちょっと得した気分になりそうなクールな404ページをdzineblogというサイトで紹介しています。 404ページにまで凝るあたり、デザイナーの余裕を感じますね。 ■54 Cool Examples of Custom Err…
丸角/角丸(どっちが正解？)ボックスを作る方法はいろいろありますが、『Spiffy Corners』は画像を使わず、CSS＋XHTMLのコードを生成してくれます。■Spiffy Corners http://www.spiffycorners.com/ TOP画面でclass名、色、角のカーブサイズを指定すると、下の…
つい最近、Youtubeのサムネイル画像のURLを調べる必要があったのでメモ。 ■URLフォーマット http://img.youtube.com/vi/(VIDEO_ID)/(default|0|1|2|3).jpg サムネイルサイズは120x90のようです。 0〜3の違いについては、再生時間を均等に分割してると思った…
jQueryが便利すぎて、Railsで普通に使っていたのですが、 HelperメソッドがPrototype.jsでないと動作しないので、なんか方法はないものかと探していたところ、 jRailsというプラグインでほぼ今までどおりHelperメソッドが利用できるらしいので、入れてみるこ…
GoogleReaderで表示しているエントリを直接Evernoteに送る方法が、Evernoteのブログに紹介されていたので試してみました。 ■How to Send Blog Posts from Google Reader to Evernote http://blog.evernote.com/2009/08/14/send-blog-posts-from-google-reade…
WEB制作で難しいところと言えば、やはり複数ブラウザに対応させることではないでしょうか？ 『Pirka'r(ピリカル)』は、そんなWEB制作に必要な機能を１つにしたWEB制作支援ソフトです。 Pirka'rには、以下のような機能があります。 ・W3Cに準拠したCSSチェッ…
bestdesigntutsにてWEBデザイナー、開発者に役立つ無料オンラインツールが紹介されてました。 1.電子請求書/送り状ツール 2.オンラインストレージ 3.デバッグツール 4.サーバ監視 5.ダミーテキスト生成 などなど、そのほか以下のリンクをご参考ください。 ■2…
最近ではヒアリングを練習できるサイトも増えてきて、ますます英語を学習できる環境が整ってきました。 そんななか、動画＋字幕でヒアリングとスピーキングを同時に学べる『EnglishCentral』をご紹介。 EnglishCentralの特徴は、流れた英語をマイクで復唱す…
CMSの導入も昔に比べてだいぶ簡単になったもののインストール・初期設定などまだまだ面倒だなーと思うのは私だけでしょうか？ さらに2つ3つサイトを管理するとなるとサイトの管理も大変です。 『pagelime』は、複数のサイトをリモートで管理することができる…
WEB開発をしてると「あれ？あの構文どうやって書くんだっけ？」と"ド忘れ"することもしばしば。 そんな時のためにチートシートを印刷して手元に置いておくと、いちいちググる必要もなく、作業もはかどりますね。
「FatCow」というホスティング会社のサイトで1000ものWEBアイコンが無料でダウンロードできます。
今日は台風の影響で都心のJR全線が運休となってしまい、大変でしたね。 地下鉄で振り替えるも、○○駅までどうやって行ったらいいんだーっていうときにこのアプリが活躍しました。
企業やWEBサイトの顔と言っても良いロゴデザインの中でもクリエイティブなロゴを紹介します。
