タグ

ブックマーク / bashalog.c-brains.jp (3)

  • スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

    ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか? <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化(拡大)する機能があります。 読

    スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
  • Dreamweaverで古いソースコードをクリーンアップする | バシャログ。

    G.W. の開始とともにギックリ腰をやってしまい、連休中はずっと寝たきりで激痛と格闘していた sakai です。 温泉にでも行ってのんびりするかー、というささやかな夢すら叶わず無念… 今回は Dreamweaver で古いソースコードをクリーンアップする手順をご紹介します。 元のソースコードはこちら。 タグは大文字だし属性値を引用符で囲ってないし非推奨要素が使われているしインデントはグダグダだし、とちょっと極端な例ですが、こんな感じのソースコード、何気によく見るような気もします。 今回は、HTML を XHTML にします。 まずは「ファイル」メニューの「変換」で XHTML に変換しちゃいます。 変換後のコードがこちら。 タグが全部小文字になって、属性値が引用符で囲われました。 続いて、不要なタグや属性を削除してしまいます。 「編集」メニューの「検索および置換」を開いて、「検索」を「特定

    Dreamweaverで古いソースコードをクリーンアップする | バシャログ。
    yoshida2855
    yoshida2855 2013/01/19
    こうゆうのもあるのか
  • 【Dreamweaver】DreamweaverにExcelをプラスでちょっと省エネコーディング | バシャログ。

    会社のPCの壁紙テーマをに変えたら、たまーに仕事中ニヤニヤするようになりました。hakoishiです。 怪しい者じゃないです。 さて、今回はExcelとDreamweaverの合わせ技でちょっと楽してコーディングする方法をまとめました。 Excelで整形してDreamweaverにコピペして調整、という流れです。 どういう時に便利? 大きく分けて2つあります。 【パターン1】セル数が多いテーブルを大掛かりに改修する場合 ⇒例:製品のスペック表、スクールの講座一覧など 【パターン2】連番のリンク先や画像名を含み、繰り返しの多いソースの編集 ⇒例:一覧リストなど エクセルはテーブル(特に縦方向)や、連番の付与といった類の編集に強く、そして軽い。(Dreamweaverのテーブル編集、もたつきますよね。。) 全てをDreamweaverで完結させようとせず、Excelを経由する手もあると覚えて

    【Dreamweaver】DreamweaverにExcelをプラスでちょっと省エネコーディング | バシャログ。
    yoshida2855
    yoshida2855 2012/07/26
    すばらしいなー時短に。
  • 1