大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介します。
フロントエンドのデザインやコーディング時に調べたり、アイデアやインスピレーションがもらえるお役立ちサイトを紹介します。 最近リリースされた、特に便利なサイトをまとめました。
こんにちは、ぺちこです。 先日水族館に行ったら「ペンギン12種模型セット」なるものをショップで発見し、危うく買うところでした。 Suicaペンギンのモデルはおそらくアデリーペンギンですが、私が愛してやまないのはジェンツーペンギンです。どうでもいいですね。(興味をもった人はみんな友達) さて、以前にデザイナーのせいとくんが Sassの導入方法と Sassの基本テクニックについてまとめてくれていましたが、今回はそれらを踏まえて、コーディングに役立つextend&mixin集を作ってみました! 日々ちょこちょこと作っては使いまわして・・を繰り返しており、あると便利なものは先にまとめておけば楽ではないかと、やっと気付きました。 サンプルで作ったhtmlとscssファイルを一式ダウンロードできるようにしていますので、そのまま使っても良し、各自(各社)毎のコーディングルールに合せて改良しても良し、要ら
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。 なんと、キーが iPhone ですよ! 今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。 タグ挿入系 Ctrl+1(~6) = 見出しタグ(h1~h6)の挿入 Ctrl+Shift+P = 段落タグ(p)の挿入 Ctrl+Alt+T = テーブル(table)の挿入 Ctrl+Alt+I = 画像(img)の挿入 Ctrl+B = 強調(strong)の挿入 Ctrl+I = やや強調(em)の挿入 Shift+Enter = 改行(br)の挿入 このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入(全角モードでも半角スペースが入る)
仕事で使ってるDreamweaver環境設定や、効率を上げる方法を下記にまとめておきます。 目次 サイトの定義と管理を必ずやる ソースコードを見やすくカスタマイズ 便利なショートカットキーをつかう CSSコードヒントのカスタマイズ スニペットを追加してみる サイトの定義と管理を必ずやる 作業用のフォルダを決めて、まずサイトの定義をすることからDreamweaverのコーディングは始まります。 コレをしないで進めると、階層の全体像や相対パスがぼんやりしたままになり、とても危険。 超簡単な作業なので、やらない手はありません。 ローカルにあるフォルダを定義 [サイト] → [新規サイト] → [ローカル情報] 「サイト名」にプロジェクト名、「ローカルルートフォルダ」に作業用フォルダのパスを指定するだけでサイト定義は完了です。 設定したサイトは、[サイト] → [サイトの管理]の一覧から選択
・・・・・・・・・・・はっ!? 失礼しました、WP−Dクリアです。 染谷センセーの「ブログ飯」がやっとAmazonから届いてすっかり読みふけってしましました。 今回はWordPressとリアルなお見積もりの話 多くの WEB制作会社・WEB系フリーランサーはクライアントのサイトを作ってその制作料金が自らの収益となりますね。 本来、「作業工数に見合った」お金を頂くことが当たり前のはずなのに、いざフタを開けて作業に取りかかると 「作業工数が思ったよりあって、すっかり赤字!!」 なんてことが少なくありません。 そんな訳で、 WordPress及びWEB制作時のちょっとリアルなお見積もり のお話をしたいと思います。 (まあ、偉そうなこと言って実際自分も作業工数と見合ってないことなんてよくあるんだけど) WordPress界と深い関わりのある謎のお友達を招集したよ 自分も見積もりの話もしっかりしたい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く