Thinking Salad | いろいろ考えたことをそれなりに整理してそれっぽくするブログ。そう、サラダのようにね！
CSSの新しい設計思想を作りました 2016/05/08 CSSの新しい設計思想を作りました。PRECSS（プレックス）といいます。 OOCSS、SMACSS、BEMがベースのモジュール設計になっており、CMSやフレームワークが出力する... 続きを読む タグ: HTML/CSS, JavaScript カテゴリ: Technology Bracketsの解説書を出版しました 2015/12/24 今まで主にQiitaや勉強会にてBracketsの情報を発信してきましたが、点在していたそれらをまとめ、1冊の本として出版しました。 基本は今まで発信してきたものがベースになって... 続きを読む タグ: Brackets カテゴリ: Technology 人生最強のコアスキル a.k.a 開発業務から日常にまで使える最強のスキルについて 2020/01/18 2020/1/18 札幌にて行われ
これがなきゃムリ！！Dreamweaver CC 2017でEmmet（エメット）を使う方法
こんな感じのよくあるtableを書く時も、 #testArea02>.testMain>table.testTable>tbody>(tr>th{サンプル$$}+(td{テキスト$$}*3))*2これだけでOK！ もちろんCSSでもEmmetはバリバリ使えます。 これも後ほど説明しますね☆ ミスタイプが激減たった数文字でコードが書けるので、絶対的にタイプミスが減ります。 例えば、CSSでボタンの角を丸くしようとborder-radiusを5pxずつかけるとします。 まず間違えることはないとは思いますが、 [borderradius][border-radeus]など、単語はわかっていても「ミスタイプに気が付かなかった」と言うことはよくある話です。 「border-radiusを5pxずつ」をEmmet仕様で書いたら bdrs5となります。数字を入れてもたった5文字になりましたね☆ それでは
Dreamweaverで改行コードの設定│制作参考│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積
MacでDreamweaverを使用してhtmlファイルを制作している場合 デフォルトでは改行コードは「Mac（CR）」になっています。 ブラウザでの表示にはMacでもWindowsでも問題はありません。 が、Windowsでブラウザ上ソースを確認する場合、 改行が全てとれてしまい、ものすごく確認しづらい事になってしまいます。 Macで制作しているんだから仕方ないと思っていましたが、 Dreamweaverの設定で、「CRLF（Windows）」を選んでおくことができます。 【設定場所】 メニューの「Dreamweaver」から「環境設定」を選択 出てきたウィンドウの左から「コードフォーマット」を選ぶ 改行タイプというところからドロップダウンで選ぶ
生まれ変わったDreamweaver CC 2017をいじってみた！Codaから出戻る…かも…
2016年11月7日 便利ツール 数日前Adobeのエディターツール、Dreamweaver CC 2017が新機能とともにリリースされました。過去にDreamweaverからCodaに乗り換えた私ですが、苦楽をともにしてきたCodaさんがどうもアップデートのたびにプラグインがうまく動かないなど、使いづらくなってきて…。そんな時に新生Dreamweaverの情報を耳にしたので、さっそく試してみました。 ↑私が10年以上利用している会計ソフト！ Dreamweaver CC 2017をインストール Adobeのツールはサブスクリプションモデルなので、Creative Cloudに契約する必要があります。Photoshop CCやIllustrator CCなど、多彩なAdobeツールが使い放題のコンプリートプラン（月額4,980円）、Dreamweaverのみ利用できる単体プラン（月額2,1
ショートカットキー
Dreamweaver ユーザーガイド はじめに レスポンシブ web デザインの基本 Dreamweaver の新機能 Dreamweaver を使用した web 開発 - 概要 Dreamweaver / よくある質問 キーボードショートカット Dreamweaver の必要システム構成 機能の概要 Dreamweaver と Creative Cloud Dreamweaver 設定と Creative Cloud の同期 Dreamweaver での Creative Cloud ライブラリ Dreamweaver での Photoshop ファイルの使用 Adobe Animate と Dreamweaver の操作 ライブラリから web 用に最適化された SVG ファイルを抽出する Dreamweaver のワークスペースとビュー Dreamweaver ワークスペース ビジ
Dreamweaverの基本的なショートカットMac編（CC2017対応）
DreamWeaver CC2017 コーディングに便利なショートカット一覧を仕事用の資料として公開していますが、DreamWeaverのバージョンCC 2017で、特にコーダーがSublimeライクに大幅に便利になったとのことで、早速更新しました。DW CC2017対応箇所には分かりやすくCC2017マークを記しています。 DW標準のショートカットにないコマンドは、環境設定でショートカット登録するのが便利。例えば、テーブル挿入はあるがリスト挿入が見当たらないので、⌘7〜9にカスタム登録した。 ここではまだ紹介していないが、EMMET（例えば「ul>li*5>a」などと入力後TABボタンで変換してくれる入力支援機能）やスニペット（favicon、mailto、などと入力しTAB変換しただけで、インプットを完了してくれる入力支援機能）も非常に強力なので、ぜひ試してみることをお勧めします。 便
DreamweaverからCodaに変えました
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DreamweaverでWordPressのテンプレートを編集 | caramel*vanilla
http://www.macromedia.com/jp/support/dreamweaver/ts/documents/dw0399.html