ブラウザスタイルは平坦化しておく リセットCSSはオプトアウト可能にしておく 登場頻度の高い組合せはplaceholderとして登録してから利用する 可能な限り画像はスプライト生成してから利用する それ以上分解不可能なコンポーネントは要素のように扱う コンポーネントは自己完結型のものを使う BEMはDRYになるよう粒度を下げる 可能な限り@extendは利用しない レスポンシブでない場所では、Utilitiesクラスを活用する shame.cssはいつも綺麗にしておく 詳細度または特異性の高いものほど後方に記述する 可能な限り!importantしない 可能な限りハックしない 変数をデザインガイドとして活用する CSSファイルを分割するメリットはほとんどないので一つにまとめる 1. ブラウザスタイルは平坦化しておく 例えば、こういうScrap & Buildは単に通信量のムダ。
Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの
色をうまく使いこなせるようになると、ウェブデザイナーとしてワンランク アップするらしい。ああ私も上級ウェブデザイナーを目指して勉強しなくちゃ。 てことで今回は配色について、初心者さんでも入りやすい学習用のスライドと配色時に役立つツールをいくつかご紹介させていただきます。 配色はホームページ作成時に欠かせないスキルです。奥が深く、身に付けるのが、なかなか難しい技術ですね。 好みだけを頼りに色を選ぶと、見た目に居心地が悪く、訪問者の反応も期待通りにいかないホームページになっちゃうことがあります。初心者さんにありがちな失敗だと思います。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @web
2017年9月22日 Webサイト制作, 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ↑私が10年以上利用している会計ソフト！ ファビコンをデザインする ファビコンは16×16ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、そのWebサイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、A
記事保存 日経BizGate会員の方のみご利用になれます。保存した記事はスマホやタブレットでもご覧いただけます。 世の中、正確な効果測定が難しいものは山ほどある。特に「無形の成果」の測定は難しく、代替的な評価指標には多くのあいまいさが残る。 企業の「広報活動」の効果測定もその1つ。以前から「広告換算値」という指標で広報活動の効果測定がなされてはいるが、実のところ単純な指標であり、当然あいまいさも多い。そもそも「広告換算値」という指標が、「いったい何のために広報活動をしているのか？」という本質的な問いに答えていないことが問題である。今となっては牧歌的すぎて時代遅れになりつつある。 今回は、広報活動に対する新しい効果測定のあり方について考えてみたい。また、効果測定にもとづく施策の決定において、危うい風潮があることにも注意を喚起したい。 広告換算値だけでは顧客への影響力を測れない 広報の仕事は「
答えがすぐにわかったあなた。熱心に勉強していますね。 そう、UA（ユーザーエージェント）です。簡単に言うと、『わたしはこんな環境でアクセスしています』という情報を Web サイトに伝えるものです。 PC からアクセスした場合は、『わたしは Windows で IE10 を使って見ています』というような情報が伝えられ、その情報をもとにサイトが表示されます。 しかし、PC で閲覧しているにも関わらず、『わたしは iPhone で見ています』という情報を伝えることができたらどうでしょう。スマホ用のサイトを見ることができそうですね。 これを処理してくれる機能が Google Chrome に備わっているんです。 デベロッパーツールでスマホ表示に切り替える この機能は「デベロッパーツール」から使うことができます。 ブログカスタマイズで重宝するブラウザ開発ツールの使い方 それでは、切り替え方法を見てい
様々なアート作品がアーカイブされているスミソニアン・ライブラリーでとっても嬉しいデータが無料ダウンロードできることを知りました！アートやデザイン、ファッションに携わる方は絶対にダウンロードし手元に置いておいて損はありません。 以前「浮世絵や日本画も！博物館所蔵の４万超の画像を無料ダウンロードできるコレクションが素晴らしい！」という記事で無料ダウンロードできるコレクションを紹介しましたが、今回紹介するデータもすごいです。 それは明治時代にシリーズもので刊行されていた図案集「美術海」。当時のデザインの流行が反映された図案から古典的な文様、はたまたとてもオリジナリティ溢れる美しい図案まで素晴らしい図案集なんです。 新美術海は神坂雪佳と古谷紅麟 が携わった図案集で、彩り豊かで動きのあるデザインが盛りだくさん。古谷紅麟は神坂雪佳の後継者として期待された当時のデザイナーです。 当時のアート感覚を垣間見
Sound Gatorはさまざまな音を無料でダウンロードできるサイトです。 たとえば、レストランのがやがやした音や、小銭をジャラジャラしたときの音、金属音などたくさん揃っています。 さらにそれらをMP3形式でダウンロードすることができますよ。 普段何気なく聴いている音をMP3でほしいときに便利です。 以下に使ってみた様子を載せておきます。 まず「Sound Gator」にアクセスしましょう。 登録は必要ではありませんが、登録しないとMP3ダウンロードはできません。 カテゴリごとにわかれているので、探すのも便利です。 その場で音を試聴できますよ。 埋め込み用のコードもあります。 ログインすればMP3形式でダウンロードできますよ。 普段よく耳にするありきたりな音ですが、 いざ音声ファイルでほしいと思ったときは探すのに苦労しそうですね。 このサイトを覚えておくと便利かと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Photoshopペイントメソッド: 井上のきあ: 本