DreamweaverでHTML/CSSのコーディングをせずにWebサイトを構築してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 先日、「Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法」という記事を執筆したところ、多くの方に見ていただけて嬉しく思っています！ ありがとうございます。 前回の記事を執筆したあと、「Dreamweaver CC 2015でどこまでできるかな？」という考えがふつと湧きました。 私自身はもともとコーディング大好きっ子なのでパチパチ打つのが好きなのですが、先日初めてビジュアルエディタをさわったので、「一切コードを書かないでどこまでできるのか」というチャレンジをしてみようかなと！ 「手打ちのほうが早いんじゃない？」と思う方も、普段触らないツールがどのくらいの力を秘めているのかを見学する気持ちで読んでいただければと思います！ そして「コーディングはできないんです……」というデザイナーさんは、まず
Brackets のテーマを作る - WebDelog
この記事は Brackets Advent Calendar 2014 5日目の記事です。 普段コードを書くときに使うエディターを頻度順に並べると PhpStorm -> SublimeText -> DreamWeaver -> Coda という感じで、Brackets に関してはほとんど触ったことがありません。 そんな私でも Brackets のオリジナルテーマを簡単に作ることができたので、 今回はその方法を記事として紹介したいと思います。 Ghost 今回作成してみたテーマです Ghost ドキュメント 今回テーマを作成するにあたっては Brackets の Github レポジトリの Wiki に書かれているドキュメントを参考にしました。 https://github.com/adobe/brackets/wiki/Creating+Themes ユーザーフォルダにテーマのフォルダ
HTML5なアニメーションを作れるアプリ「Edge animate」と、「hype 3」 | バニデザノート
いわゆる「flashライク」といわれるインターフェイスで、html5なアニメーションを作れるアプリを試して比較してみました。 「Edge animate」「hype 3」ともに、アニメーションを作れるアプリです。 写真をスライドさせたり、ボタンを置いたり、頑張ればゲームも作れます。 読み込む情報にもよると思いますが、出来上がったものはflashよりは軽い印象。 バナー広告や、ネット上のプレゼンテーション、アイキャッチなどに利用します。 スマホ用のビューも作れますし、レスポンシブにもでき スマホやタブレットでも再生＆利用できるのが特徴でしょうかー。 PC上ではIE8＋他モダンブラウザで再生対応しています。 （古すぎるパソコンだと再生できないかもですね。） １）画像データをドラッグ＆ドロップして配置 ２）「録画」ボタンを押して、キーフレームを置きたいタイミングを選択→位置などを指定 ３）イージ
illustratorでUIデザイン：基本編 - Two hats
前回は設定について記事にしましたが、今回から具体的な使い方について書きたいと思います。 ただ、ボリュームが多くなりそうなので「基本編」「応用編」「ショートカット」「部品切り出し」など項目を分けたいと思います。 線の位置は「外側 or 内側」にする。 「ピクセルグリッドに整合」しない場合、線を中央に揃えておくと線の太さが奇数になったときにぼやけた線になってしまいます。そのため「外側」か「内側」にする必要がありますが私は「内側」で作成しています。 「外側」だと指定した縦横サイズより大きく見えてしまうため、見た目の座標とillustratorの座標がズレているように見え、寸法指示の際に不都合が生じそうなので採用していません。 但し、Webデザインの場合、Borderのデフォルトは「外側」と同じ考えになるようなので、開発するシステムに合わせて内側・外側を設定すると良いと思います。 ※CSSの「bo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Files | Adobe
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
