【サンプルPSDデータ配布中！】デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみた こんにちは、デザイナーのもりたです。 突然ですが皆さん、整理整頓は得意ですか？　私の会社のPCのデスクトップはスクリーンショットだらけです。 よく整理整頓の第一歩はルールづくりだと言いますね。 リモコンはサイドテーブルに置く、雑誌はラックに入れる、シャツ類は一番上の引き出しに入れる……。でも、整理整頓ができる人にはきっとわからないけれど、自分に合わせたルールをつくるのが一番めんどくさいんですよ！ だからデザイナーの間でもPSD（Photoshop Document）のレイヤー整理がまちまちだったり、同じ人でさえ場合によって変わったりします。そこで、いちいち考えることすらめんどくさくなったので、社内共通のルールをつくってしまおうということになりました。 せっかくつくったので、今回はそれをご

それでは、みんなが15分という短い間でどのようにコーディングしたのか見ていきましょう！ SMACSSで汎用性を意識した、店長のモジュール化コーディング See the Pen gPPpOJ by yusuke omi (@Im0-3) on CodePen. まずは手前味噌ですが、私、店長のコードから紹介したいと思います。ポイントは、SMACSSでのCSS設計を意識したコーディングです。 グリッドレイアウトはSMACSSのレイアウトルールに沿った命名にし、使い回しがしやすいようにパーセントで、グリッド幅を指定しました。また、カテゴリの部分やNEWのパーツはモジュール化して、他のところでも使い回しをしやすいように計算をしています。 意味のあるコードだけを書きたい。まろCのエモコーディング See the Pen xZZNey by maroc (@maroc) on CodePen. CTO

こんにちは、ディレクターのはるかです。 最近デザイナーのぺちことTumblrについて話す機会があったので、前回はTumblrの無料テーマについて書かせていただきました。 今回は、先日3月18日に公開されたばかりのサイバーエージェントさんのAmeba Owndを少し使ってみたので、こちらを紹介したいと思います。 まずAmeba Owndとは？ Ameba Owndを使えば、誰でもかんたんにウェブサイトをつくることができます。 シンプルなブログをはじめてもいいし、サイトにページを追加してお店やブランドを紹介するポートフォリオにしても良いかもしれません。Instagram、Twitter、Facebookの更新をまとめることもできます。 引用元：About／Ameba Ownd https://blog.amebaownd.com/pages/47/about ひとことでいうとサイバーエージェン

はじめまして、こんにちは。 ソウルドアウト株式会社で、ランディングページ（LP）をはじめとするクリエイティブの戦略を日々練っています、モッチです。よろしくどうぞ！ 皆さま、ランディングページ（LP）って知っていますか？ とうの昔に知ってるよ、なにさ今さら！という方も、聞いたことはあるけれど……イマイチ分かってないのよね……という方も、LP？何それ美味しいの？という方も、しばしお時間くださいませ。 ランディングページとは、ユーザ数やCV数などのWeb獲得率アップを目指す企業の方にはぜひ導入していただきたいものなのです。 本日は、そのランディングページがいかに重要なものなのか、サクッと、できる限り分かりやすくご紹介いたします。 ▼目次 ランディングページ（LP）が必要なとき ランディングページ（LP）とは？ 獲得率アップにはランディングページ（LP） ランディングページ（LP）で成果を出すには

こんにちは、デザイナーの野田です。 ネットの普及に伴って、様々なウェブサービスが出てきていますね。似たようなサービスも多いので、最初は使い方や特徴を探るのに困って仕方ありませんでした。 使っては止めを繰り返しつつも、情報整理のために、利用するツールは最低限絞り込むことを意識しています。 最近、社内でも「こんなときはどんなサービスを使えばいいですか」という質問をいただくことが多いので、なんとなくですが、自分ではこういう使い方しているなあ、なんてカタチになってきたものをまとめてみました。 個人個人の使い方があると思うのですが、どうぞ参考程度にご覧ください。 SNS Pinterest https://www.pinterest.com/ Pinterestとは これまで当ブログでも何度か登場しているPinterestは、一言で言えばスクラップブック。SNS機能があり、クオリティの高い写真が多い

6ヶ月で「現場レベル」のWebデザイナーに デジタルハリウッドSTUDIO by LIG 💡現役Webデザイナーが講師を務め、永続的な就職支援などが特徴。 通学とオンラインを組み合わせ、未経験から半年でWebデザイナーになれます。 Web制作会社が運営するスクールなので、面接対策なども現場の基準でおこないます。 こんにちは。Webデザイナーのミライです。突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか？ あなたが刺激と戦う心、学びを得るために、現役Webデザイナーの僕が知りうる限りのギャラリーサイトの中から、参考になるところを厳選して24サイト押し売りします。 多すぎ！ って思った方も安心してください。目次と評価軸を駆使して、快適に読める工夫をふんだんにしております……！ 関連リンク：かっこいい・おしゃれなWebデザイン参考サイト