モダンなFireworks後継アプリは存在するか？
この記事は、DIST.28 「モダンWebデザインワークフロー2019」というWebデザインの勉強会のLTとして私がお話しした内容をまとめたものです。 私は1999年のFireworks 2Jから使用していますが、最近使用しているAffinity DesignerはFireworksと特徴が似ていて、Fireworksが好きだった方にとって後継アプリとして使いやすいのではないかと思っています。 Fireworksと私 私は 神速Photoshop [Webデザイン編] や プロになるためのWebデザイン入門講座 などの本を執筆しています。 私はなぜかFireworksが嫌いな人と思われているようですが、この本の最後に「Fireworksを使っていたが、Photoshopで制作したい」と書いたためではないかと思っています。 しかし、私はFireworksには結構思い入れがあります。 なぜかと
改行位置や文字揃えの「見た目のこだわり」はやめましょう｜株式会社杏林舍
といったご要望をいただくことがあります。 紙面へのご要望でしたら出来る限り修正しますが、ホームページの場合は修正せず、そのままとさせていただいていることがほとんどです。 その理由は、「紙面」と「ホームページ」の違いにあります。 「紙面」と「ホームページ」の違い 「紙面」はいつ、どこで、誰が見ても、レイアウトは絶対に変わらない 新聞や雑誌などの紙媒体は、決められたサイズの紙に「印刷」されたものなので、見る人や場所など、その環境を選ばず、同じレイアウトで情報を伝えることが出来ます。 「ホームページ」は見る環境によって、レイアウトが変わる ホームページは、パソコン・スマートフォン・タブレット・携帯電話（ガラケー）・ゲーム機・テレビ…様々な端末で見られるものです。中でも、最も利用者が多いパソコンとスマートフォンでは OS フォント 画面サイズ（解像度） ブラウザソフト などの違いがあり、それによっ
Web制作をぐっと効率化する「スタイルガイド」の作り方とは？
サイト全体の統一感やクオリティの底上げへと繋がるスタイルガイド。まだ作ったことがない方に、スタイルガイドのメリットと考え方、サンプルを紹介します。 デザイナーの方は経験がないでしょうか？ 案件のサイト制作が進むにつれて「あれ、パーツにばらつきがあるな…」「この動きじゃないのに…」「もっと早くエンジニアに伝えていれば…」ページが出揃いだしてから微妙な差異に気付いたり、納期直前で指摘しづらくなってしまったり。かく言う私もそんな経験のあるデザイナーの一人でした。 ほとんどのサイトがデザイナー1人で作られているわけではありません。サイト規模、プロジェクト規模により、チーム体制も変わりますが、エンジニアやデザイナーが複数人でサイトを作り上げることも多いのではないでしょうか。フリーランスのデザイナーであれば外部リソースとのやりとりなどが必要になる場合もあります。 今回はサイト制作時に役立つだけでなく、
スマートフォンサイト構築時に気をつけたいポイント集
作成：2015/10/5 更新：2017/04/16 Web制作 > 開発環境 スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 全般 viewport デバイスを横向きにした時の処理一例です。 一般（ページ拡大表示）ピンチアウト/ピンチインOK。通常はこれを使うことが多い。 <meta name="viewport" content="width=device-width"> サイズを変更せず、ピンチアウト/ピンチインOK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2倍に拡大した状態でページ表示 <meta name="viewport" content="wi
「普通のやりかた」を疑おう。チームマネジメントを失敗させるルールと、成功させる空気
ども。ナカムラです。今回は珍しく（？）チームマネジメントに関するネタ。 実は僕自身マネジメントや管理業務が苦手で嫌いっていうダメな人だったりするんですが、無視できる話でもないよなーと。 で、おなじみデスクトップワークス 田口さんのセミナーでチラッと学んできましたのでそのレポート紹介です。 残業・徹夜が当たり前？浸透してしまった制作会社の変な常識 あんまり認めたくはないですが、Webに限らず制作の仕事って時間がぐちゃっとなりがちです。本当に。 基本終電 / たまに徹夜 がデフォ なぜか「社内の風呂とベッド」が福利厚生扱い 最終的に会社が自宅化して住み着く奴多数 そしてそれを「アットホーム」と言い切る風潮 んん...。うん。悲しいけどこれ、現実なのよね。ぶっちゃけ僕もそういう会社たくさん知ってますし、僕自身も経験したこと何度かあります。 で、これがまた結構楽しいもんだからいつの間にか『制作なん
Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 こんにちは、デザイナーのぺちこです。 AdobeのCC2015がリリースされて2ヶ月ほど経ちましたね！ 恥ずかしながらPhotoshop以外はまだ2015を導入していなかったため、先日どーんとアップデートに挑みました。 とはいっても、どんなアップデートがあったのか分からないままでは宝の持ち腐れ。新機能を色々と調べていたところ、いつの間にかDreamweaverがとても便利になっているらしいということを知りました。 どうやらDreamweaver CC2015では、 レスポンシブサイトのコーディングに便利なビジュアルメディアクエリーバーやリサイズバーの追加 Bootstrapのサポート Emmetの標準サポート 手軽にブラウザや実機で確認ができるデバイスプレビュー機能の追加 な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWeb制作の勉強になる！Webサイトのワイヤーフレーム・ユーザーフローのまとめ
【ゼロからのディレクション講座】サイト設計編
「検索に強いコンテンツ」を企画・制作するために欠かせない4ステップとは？ | 成果につなげる！ コンテンツマーケティング最前線