一定期間更新がないため広告を表示しています

一定期間更新がないため広告を表示しています

はじめまして。tanです。 コーディングやってます。 コーディングって、人がやらなくてもできるんじゃないの？って作業がよくあります。 連番つけたり、ファイル名書き換えたり… 時間がかかるだけでなく、目や精神が疲れてきちゃうんですよね。 フリーで公開されているソフトやコマンドを使って、自動化出来る作業はパソコンに任せましょう！ 画像のナビゲーションをコーディングする作業を通して紹介します！ とりあえずFWでナビゲーション作ってみました。 FW スライスに連番で名前をつけるコマンド スライスに名前をつけます。 Nav＋連番でつけようと思うのですが、ひとつひとつ入力するのは結構手間です… そこでslice_namberingを使います！ 連番でネーミングしたいスライスを複数選択し、 付けたい名前を入れ（ここではNav） 開始したい数字を入れるだけで… 一瞬でスライスに名前をつけることができました

コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac　→　ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード

あけましておめでとうございます。hakoishiです。 本年もよろしくお願いいたします。 正月休みはコタツと闘っては連日連敗を喫しておりました。 眠りへの誘惑危険すぎる。 さて、本日はDreamweaverの画像サイズのリセットが一気にできちゃうコマンドと、半分にリサイズするコマンドのご紹介を。 画像サイズをリセットするDreamweaverコマンド Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン http://www.kuma-de.com/blog/2009-01-27/298 既存のソースを使いまわしてコーディングする時や、修正を重ねるうち微妙にサイズの違った画像が多発した時。 1つずつクリックして修正していくのは手間ですね。 と、そんな時にこのコマンド。 ソースを全選択した状態で、「コマンド」メニュー⇒「画像サイズをリセット」を適用すると、ページ

タグの閉じ忘れをチェックするブックマークレットを紹介します。 もう数年使わせてもらってます。 コーディングがほぼ終わった状態で、カラム落ちとか なにか表示がおかしいとき、divタグなどの閉じ忘れってよくあるのですが どのタグ周辺の閉じタグがないのかをワンクリックでチェックしてくれるものです。 使い方は簡単で、こちらのページのインストール項目の「タグ対応をチェック」というリンクをドラッグしてブックマークツールバーに入れるだけ。 あとは、チェックしたいページで さきほどブックマークツールバーに入れたブックマークを押すと 自動でチェックしてくれます！ ご参考にどうぞ。 HTML内タグの閉じ忘れをチェックするツール[ブックマークレット] 関連記事 セリフ体をうまく利用しておしゃれな印象の４サイト 2011/12/26 Fireworksの微妙な色の調節に、「ブレンダー」が便利です。 2011/12

2011年12月11日に開催された「効率的なサイト制作のためのDreamweaver活用術seminar」のフォローアップです。 お預かりしました質問の件は、追記しますので、後でまた覗いてください追記しました。 スライドはCSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイトから（※すべてではありません）。 HTML5やCSS3などのスキルの獲得には下記のセミナーをオススメします。 平日の夜のショートセミナー「CSS Nite back2basic」を2012年1月に開催します #cssnite_b2b | CSS Nite公式サイト ご質問の件 条件コメントを使ったInternet Explorer用の振り分けなど、最近のよく使われているものについて教えて欲しい。 Internet Explorer用の条件分岐次のように記述することで、Inter

お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)

HTML5ベースのアニメーション作成ツール、Adobe Edgeの完成度と、Flashとの使い分けについてプロダクトマネージャーに聞いた アドビシステムズは2011年8月1日、HTML5ベースのアニメーション作成ツール「Adobe Edge Preview版」をAdobe Labsサイトで無償公開した。正式な製品化は2012年を予定している。 これまでWeb用のアニメーション作成といえばAdobe Flash Professionalが独壇場だったアドビのツールラインアップに、新しい手段が加わることになる。Adobe Edgeとは何か、また、Flashとの使い分けはどうすべきなのか、アドビシステムズ Creative Suiteグループプロダクトマネージャーのデヴィン・フェルナンデス氏に話を聞いた。 矢野　Adobe Edgeとはどんなツールですか？ デヴィン　HTML5によるアニメーショ

チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してDLしてください。 Downloads - zen-coding 閉じタグコメントを挿入 「コマンド」メニュー⇒「閉じタグコメントを挿入」で閉じタグコメントを自動で挿入してくれます。 ID・classも自動的に拾ってくれるので、構造のチェックにも便利。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました Dreamweaver CS5 Validator 「結果」パネル⇒「バ

Dreamweaver＋PhoneGapでjQuery Mobileアプリのネイティブ化：PhoneGapで始めるWeb→スマホアプリ制作入門（2）（1/3 ページ） 連載第1回の「PhoneGapでAndroidアプリを作るための基礎知識」では、PhoneGapの開発環境のセットアップから、「Hello World!」アプリの制作までを紹介しました。前回紹介したときのPhoneGapのバージョンは、0.96でしたが、その後7月29日に、正式版としてPhoneGap 1.0がリリースされました。 詳細は、記事「HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 ? Publickey」をご参照ください。 今回は、Dreamweaver＋PhoneGap＋jQuery Mobileを使って、スマートフォンで動く簡単なネイティ

Dreamweave CS5 のアップデートをかけたところ、メニューバーその他が文字化けしてしまう事態に。 かなりアタフタしてしまったのですが、CS商品群ではアップデート後の文字化けは稀にあるようです。 解決方法を自分メモ兼情報共有として掲載しておきます。 Mac OS X・CS5環境での対処法 1、まずはバックアップ Dreamweaverを終了し、「ユーザー」→「ライブラリ」→「Application Support」→「Adobe」→「Dreamweaver CS5」→「ja_JP」→「Configuration」 にアクセスし「Configuration」フォルダを任意の場所にバックアップしておきましょう。 2、「Menus」フォルダの削除 「ユーザー」→「ライブラリ」→「Application Support」→「Adobe」→「Dreamweaver CS5」→「ja_JP」→

sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー