おかげさまで祝1周年WEBLIC

祝1周年

このたびWEBLICは1周年を迎えました。
社内での記念撮影

DreamweaverでRuby on Railsのテンプレート.rhtml、.erbを編集できるようにする方法

DreamweaverのRuby on Rails拡張機能「RubyWeaver」を入れる。
http://www.studio-kingdom.com/ruby-rails/51

6月1日よりniwadesignはWEBLIC LLCに変わりました。

logo

新会社設立のご挨拶

拝啓 時下ますますご繁栄のこととお喜び申し上げます。
平素はひとかたなるぬご厚情にあずかり、厚くお礼申し上げます。
さてこのたび下記により「ウエブリツク合同会社」を設立し、
6月1日より業務を開始いたしました。
これを機に皆様の様々なニーズに対応すべく尚一層努力致す所存でございます。
何とぞ、格別のご支援、お引き立てを賜りますようお願い申し上げます。
まずは、略儀ながら本ホームページにてごあいさつ申し上げます。
敬具
平成21年6月吉日

ウエブリツク合同会社
坂本乾(代表)
丹羽岳人
髙田健太郎

商号
WEBLIC合同会社
住所
愛知県名古屋市中区錦2-11-13
Nagoya ID Lab3 3A
電話/FAX
052-253-6433

2008年4月27日(月)より新事務所にて営業開始!

毎々格別のお引立てを賜りまことにありがとうございます。

さて、このたび小社では、業務拡大に伴い、オフィスを下記に移転する
ことになりましたのでご案内申し上げます。

新オフィスはスペースも広く、皆様のご来訪にも十分対応できるものと
存じます。

これを機に、旧に倍しまして社業に励み、皆様のご期待に沿うよう、
努力いたす所存でございますので、今後とも、いっそうのご支援、ご
指導のほどお願い申し上げます。

業務開始日:2009年4月27日
新住所:
〒460-0003
名古屋市中区錦2-11-13 Nagoya I.D Lab.3 3A

new

Dreamweaver CS4とSubversion(SVN)の連携

Dreamweaver CS4ではSubversionとの連携ができるようになりました。これでプログラマーの人にMacを買って下さいって言わなくてすみそうです。

セットアップ

svn01

サイト定義から「バージョンコントロール」を選択して設定します。
僕の場合はOKを押した後、サイト定義を開きなおしたらリポジトリパスが書き換わっていました。注意しましょう

使い方

セットアップが終ったら今までのDwのチェックアウト・チェックイン機能の変わりにSubversionが使えるようになっています。

svn02

チェックアウト・・・ファイルのビューを「リポジトリビュー」に切り替えて「フォルダのマウント」もしくは「最新バージョンの取得」でできる
コミット・・・チェックイン
アップデート・・・チェックアウト

参考サイト

名古屋在住のWebプログラマー TOYOSYSTEM
http://www.jamboree.jp/cms/archives/346

<base>タグの機能

相対パスで記述されたURLのベース(基準)をhead内で指定すると画像やリンク先のパスがベース(基準)で指定されたURLを基準に表示されます。
今日初めて知りました。

<head>
<base href="http://www.niwadesign.jp/">
</head>

下の図のような場合でも

e38394e382afe38381e383a3-1

■folder/index.html内の画像のパスの書き方

ニワデザイン

このように記述すると階層がちがってもオッケーってことです。

なにかで使えるかも!?

[覚書]MacのDreamweaverCS4でcakePHPのテンプレート.ctp、.thtmlを編集できるようにする方法

Extensions.txtにthtmlとctpを追加する。(1行目)

■Extensions.txtの場所
/users/○○○(ユーザ名)/Library/Application_Support/Adobe/Dreamweaver_CS4/ja_JP/Configration/Extensions.txt

ext.jpg

このままだとphpの部分が赤くなってくれないので次のファイルにもthtmlとctpを追加する。(75行目)

■MMDocumentTypes.xmlの場所
/Applications/Adobe_Dreamweaver_CS4/configuration/DocumentTypes/MMDocumentTypes.xml

mm.jpg

最後にDreamweaverを再起動して.ctpもしくは.thtmlを開いてみよう!

[覚書]DreamweaverのFTPで依存ファイルをアップしない方法

[覚書]DreamweaverのFTPで依存ファイルをアップしない方法

1. [編集]-[環境設定] (Windows) または [Dreamweaver]-[環境設定] (Macintosh) を選択します。
2. [環境設定] ダイアログボックスで、左側の [カテゴリ] リストから [サイト] を選択します。
3. 依存ファイルのチェックを入れる。
4. 次回からファイルをPUT GETの際[依存ファイル] ダイアログボックスを表示されるのでその際にどうするか決める。

ファイル単位で行う場合

[依存ファイル] ダイアログボックスを表示させたい場合は、Alt キー (Windows) または Option キー (Macintosh) を押しながら [GET]、[PUT]、[チェックイン]、[チェックアウト] コマンドを選択します。

ウェブデザイナーのためのRuby on Rails(ERbの使い方) submitにイメージ画像を使う

ウェブデザイナーのためのRuby on Rails(ERbの使い方) submitにイメージ画像を使う

前回のウェブデザイナーのためのRuby on Railsが好評だったため更に追加!
submitボタンを画像にする方法です。

<%= image_submit_tag("/images/login.gif")%>

CSS 角丸グラデーションボックス

CSS 角丸グラデーションボックス

html


css

.box_01 {
	background: url(images/box_01.gif) no-repeat top;
	width: 261px;
	padding: 5px 0 0 0;
}

.box_02 {
	background: url(images/box_02.gif) no-repeat bottom;
	padding: 10px;
}

角丸グラデーションを使ったボックスの作り方。
2枚の画像を使って作ります。
divを入子にしてbox_01に角丸上部分の画像を指定。box_02に背景部分から下の角丸部分の画像を指定します。

注意:box_02に指定している背景画像の高さ以上に中身がある場合は途中で画像が切れてしまいます。

当サインプルは高さを2000pxまで表示可能です。

サンプルDLはこちら