スマートマトメ

Dreamweaverで適用しているCSSを確認するには？ | Webデザインのタネ

FirebugやChromeのデベロッパーツールのように、デザインビューから要素を選択して、適用されているスタイルがどのCSSの何行目に書いているのかをDreamweaverで確認できます。 DreamweaverでCSS スタイルパネルで右クリック→［コードに移動］をクリックすると、カーソルをコードビューで指定しているプロパティの前にジャンプできます。 最近は正しく表示されないデザインビューです...

メモはオシャレな方がいいんじゃない！？使いやすいメモアプリ「NOTE'd」｜CA Beat デザイナーのブログ

CA Beat デザイナーのブログ ブログの説明を入力します。 ブログ画像一覧を見る 記事一覧 いちいち可愛い！ｗ･･･ » メモはオシャレな方がいいんじゃない！？使いやすいメモアプリ「NOTE'd」 2012-11-02 23:42:14 テーマ：iPhoneアプリ UI 1ヶ月もブログさぼってしまいました。。。 11月に入ったことですし 気を取り直してバリバリ更新します！ 改めましてお願いしま...

liffect - effect for lists

楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 ｜ クラスメソッド開発ブログ

ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fl...

レスポンシブWebデザインはブームではない*ホームページを作る人のネタ帳

スマホ表示がFC2のデフォルトテンプレート使ってるような私にいわれたかないでしょうが、あくまでも使ってるユーザー側の視点として考えてもらえると嬉しいなと。 決して軽くするのが目的ではない 基本的にCSSでもじょもじょしているわけですから、例えばPC表示でサイドバーに画像があり、その領域をスマホに最適化する為に全て排除したとしても、見えないだけで読み込んでは居るわけですね。 Ethan Marcot...

画像をアニメーション表示させるためのコードを生成できる『liffect』 | IDEA*IDEA

ちとメモ的に。画像をアニメーション表示するためのスクリプトを生成してくれます。jQueryなどに依存しないのでちょこっと使いたいときに便利そうです。 ↑ こういう画像リストをアニメーション表示させるためのコードです。 ↑ こんな感じに生成してくれます。 覚えておいても損はないですな。 » liffect – effect for lists

まずはここから覚えたい！作業効率がよくなるPhotoshopショートカットキーまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

どんなソフトを使用する際にもあるショートカットキーですが、ソフトの使い方に慣れてないときはショートカットキーを覚えるというのも大変なので、メニューから探している人も多いと思いますが、毎回ツールバーや上部メニューバーを行ったり来たりするというのはそれだけでかなりの時間のロスになります。 僕も学校では極力ショートカットを使っていこうという話をしていますが、まずはPhotoshopでここから覚えていこう...

WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜

WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜 — Presentation Transcript WordPressでブログ以外のサイ トを作る 2012.11.03 WordCamp Osaka 2012 自己紹介西山 拓磨• デザイナー／アートディレクター• 専門学校講師• 大阪・京都を中心に活動 ブログ以外のサイトの作り方 Blog ‣ ブ...