【Dreamweaver】最近の head 周りでよく使うコードスニペット | バシャログ。
パンダ、ペンギン･･･次はシマウマかな？と予想する Latin です。 英語だからゼブラアップデートって所でしょうか？ さて今回ですが、最近のコーディング周りで使う機会の多い OGP や js 系のソースのスニペット化についてです。 今回はヘッダー周り限定なので、コピペすりゃすぐ解決しそうな気もしますが、スニペット化すればいろんな応用ができますよという意味も含めてお届けしたいと思います。 →Dreamweaver のスニペット登録についての記事はこちら 今回の前提条件ですが HTML5、CSS3、modernizr.jsを使う前提のフォーマットです。 記述やファイルの階層などは独自のモノですので、自分の環境に合うように改変してください。 目次 [Dreamweaver]最近の head 周りでよく使うコードスニペット html 要素に modernizr.js 向け記述とソーシャル向け x
【Dreamweaver】テーブルを組むときによく使うショートカットキー | バシャログ。
CSS Nite の2010年ベスト10セッションに CSS Nite in Ginza, Vol.49 「バシャログ。LIVE!」 を選出していただきました。ありがとうございます！ 新年早々とても嬉しくて浮かれ気味だったのですが、オフィスを見渡すと浮かれているのは自分ひとりでした。うちのスタッフはみんな感情を表に出さないタイプなのだろうか。 今回は、Dreamweaver の “デザインビュー” でテーブルを組むときによく使うショートカットキーをご紹介します。 テーブルを組むときはデザインビューを使ったほうが断然効率がよいです！ テーブルの挿入 Ctrl+Alt+T まずはともかくテーブルの挿入です。デザインビューのテーブルを入れたい場所で上記のショートカットキーを押すと、テーブル挿入のダイアログが出て、テーブルを挿入することができます。 セルの選択 Ctrl+A デザインビューで任意の
CSS Nite in Ginza, Vol.49「バシャログ LIVE」が終了しました。 | バシャログ。
バシャログ。のスタッフが出演した CSS Nite in Ginza, Vol.49 「バシャログ。LIVE!」 は満員御礼の中、終了いたしました。 ご参加いただきました皆さま、どうもありがとうございました。 あんなに大勢（150人くらい参加いただいたそうです）の人の前で話をするのは小学校のときに球技大会の選手宣誓をして以来でした… とても貴重な経験をさせてもらいました。楽しかったです！ 以下、講演のフォローアップです。 デモの詳しい内容については、さらに別のエントリーでご紹介する予定がありますので、どうぞお楽しみに！ 資料 スライド資料（PDF） ※デモを見ないと意味がわからない内容かも… デモの内容は今後エントリーとして公開しますので、資料は参考程度でご覧ください 講演の内容 Web制作の「効率」にスポットを当てた内容でお送りしました。 普段バシャログ。で公開しているような Tips
Dreamweaver なんて略す？ | バシャログ。
Web オーサリングツールといえば、Adobe Dreamweaver です。 自分が Web 業界に入門した 10 年以上も前から、業界標準としての地位を守り続けています。 これまで色々な制作会社とのお付き合いがありましたが、100% すべての制作会社が Dreamweaver をメインに使っていました。凄いですね。 さて、Dreamweaver は「ドリームウィーバー」と発音します。 長いです。長いので、今まで色々な略し方に出会ってきました。いくつかご紹介します。 「ドリ」 かわいらしいので好きです。絵本のキャラクターのようです。「ドリとドラ」 ただ、Dreams Come Ture のことを「ドリ」と略す知人が周りに多いのでちょっと戸惑います。「ドリカム」と略すより通らしいです。「ジナラブ」とか「パーフリ」みたいな感じでしょうか？ 飲み会の席で「ドリ」と聞こえてくるとドキッとします。
Dreamweaver のテンプレート内で条件分岐処理をする | バシャログ。
サイトを Dreamweaver のテンプレートで管理していると 「トップページではヘッダのサイト名を h1 でマークアップしたいけど、トップページ以外ではページ名を h1 にするのでサイト名は p でマークアップしたいよな」 という時に、通常はサイト名のあるヘッダエリアは編集可能領域にしていないことが多いため、少し面倒だったりします。 強引にヘッダエリアを編集可能領域にしてしまう力技も可能ですが、一つのテンプレートの中で分岐処理を入れてやると、スマートかつ効率的にテンプレートを設計することができます。 分岐の方法はいくつかありますが、まずは基本的なのが Dreamweaver テンプレートのオプション領域を使用した以下の方法です。 1. <head></head> 内に以下の記述を入れます。 <head> : <!-- InstanceParam name="hoge" type="bo
【Dreamweaver】デザインビューを使って最速コーディング | バシャログ。
Dreamweaver のデザインビューを使って素早く HTML のコーディングをする方法です。 まずは、原稿をプレーンなテキストデータに落として、秀丸等のテキストエディタを使って整形します。 ブロック毎に改行を二つ入れていきます。文中の改行箇所は改行を一つ入れます。 こんな感じです タイトルタイトルタイトル サブタイトルサブタイトル 本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文 見出し見出し 本文本文本文本文本文本文 見出し見出し 順不同リスト 順不同リスト 本文本文本文本文 見出し見出し 番号順リスト 番号順リスト 見出し見出し 定義リストタイトル 定義リスト内容定義リスト内容 定義リストタイトル 定義リスト内容定義リスト内容 Dreamweaver を立ち上げて、新規作成ファイルの中に段落（p）を一つだけ入れます。 そして先ほどのプレーンなテキストを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Dreamweaver] コードビューを Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。
【CSS】コーディングがさらに速くなる！Zen-Codingで覚えておきたいよく使うCSSスニペットコマンド | バシャログ。
CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介したDreamweaverの正規表現クエリーを公開します | バシャログ。