多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ

二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル

こんにちは。アートディレクターの長岡です。 最近は、毎朝娘を保育園へ送ってから出社しています。 子育てにも優しい会社、それがLIGです！！ イクメンぶりをアピールしたところで、本題に入りたいと思います。 Webデザイナーならば、賞を取ってみたいと考えたことが一度はありますよね。今回は、そんなWebデザインのインスピレーションを刺激してくれる優れたWebデザインアワードサイトを厳選して5つご紹介します。 世界のアワード Awwwards https://www.awwwards.com/ 言わずもがなでずが、世界でもっとも有名なWebデザインアワードです。 デザインや動きのインスピレーションを刺激したい方はこちらがオススメです！ サイトに登録すれば、下記の項目に簡単に投票できます。 デザイン クリエイティビティ ユーザビリティ コンテンツ FWA http://www.favouritewe

こんにちは、LIGのそめひこです。 私ごとですが、じつはひょんなことから株式会社を設立することになりました。設立にあたって、いろいろ調べていたのですが、情報が散乱、そして複雑であることがわかりました。 通常、会社をつくるには以下のステップが必要なのですが…… はい、めんどくさい！！！ これらをクリアしないと会社を設立することもできないとは……！　「これくらいもできないヤツは起業する資格はない」という国からの挑戦状なのでしょうか。 しかも上記のステップを完遂するには、手続きに2週間以上、設立まで1ヶ月以上の時間と、自力でおこなう場合は242,000円、専門家に代行した場合は30万近くもかかるそう。めちゃくちゃ時間とお金を費やすことに……。 ですが、あるサービスを利用すれば実作業時間1日、設立期間2週間、設立総コストは法的最安値20万7,000円で会社をつくれると耳にしました！　しかもサービス

ちゃおっす！　エディターのまゆこです。 皆さんのスマホの中には、はてなブックマーク、NAVERまとめ、Antenna、グノシー、スマートニュースなど、キュレーションアプリが1つは入っていると思います。通勤・通学などの短い時間で効率よく情報を取得することが当たり前になっていますね。 しかし、「キュレーションアプリを全部見なきゃいけない」という情報迷子に陥っている方も多いのではないでしょうか。 そこで今回ご紹介したいのが『Feedly』です。 Feedlyとは？ https://feedly.com/i/welcome Feedlyとは、RSSリーダーです。Webサービスなので異なるプラットフォームに制限されることがなく、PCからスマホまで幅広い機種で利用することができます。 RSSとは？ RSSは、ニュースやブログなど各種のウェブサイトの更新情報を簡単にまとめ、配信するための幾つかの文書フォ

こんにちは。代表の岩上です。LIGではコーポレートサイトをメディア化するべく色々と試行錯誤しながら、やれ今月はPVはどれくらいいきそうかなどメディア事業部をつついております。今回、ふと、自分自身が良く見ているサイトのPVやUUはどうなのだろうと調べてみたので、分かる範囲で共有します。 Tech Crunch Tech Crunch 海外、国内問わずベンチャーに特化したニュースサイト。ターゲットを絞った上で190万PVはスゴイですね。ターゲット層もIT関連企業で先進的なユーザと明確です。2006年のTechCrunch Japan立上げから僕もずっと見てます。 月間UU：80万 月間PV：190万 メディア資料[PDF] CNET Japan CNET Japan IT系の総合ニュースサイトです。1000万PV以上はさすが。ここ最近、IT系のブログメディアが増えてきてるので、過去から現状の経

こんにちは、ディレクターのなかみーです。 新人ディレクター向けシリーズの最終回ですね。 今回は、企画書を書くときに役立つ統計やアンケート結果などを公開しているサイトをご紹介したいと思います。 データで一番重要なのは、それが本当に“信頼できるものか”ということ。 発表元が信頼できる会社であればそのデータの信頼性は高いですし、100人に聞いたアンケート結果よりも10万人に聞いた方がより正しい統計データを得ることができますよね。 企画書に使えるような信頼できるサイトをまとめたので、お役立てください。 1. StatCounter http://gs.statcounter.com ブラウザのシェア率などを調べるときに使えます。 全世界だけでなく、日本国内で使われているブラウザにフィルタリングすることもできるのが便利です。 2. Similarweb http://www.similarweb.c

SEOの基本中の基本！主要なHTMLタグ「titleタグ」「meta description」「h1タグ」の書き方まとめ こんにちは、じつかわです。ナイルという会社でSEOコンサルタントをやっています。 さて、いきなりですが、皆さんがSEOを勉強し始めたとき、一番最初に覚えたことはどんなことでしょうか。おそらく「titleに対策キーワードを入れる」ことではなかったでしょうか。 「title」「meta description（メタディスクリプション）」「h1」というあたりのHTMLタグは、SEOでは非常に重要な役割を果たします。 とくに「titleに対策キーワードが入っていなければ、SEOはほとんどできない」といっても過言ではないほど、検索エンジンの評価において主要HTMLタグにキーワードが含まれていることは重要です。 SEOに取り組んでいる人であれば「そんなの普通にやってるよ！」と言われ

先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ベースとなるカラーを設定したい 1． 原色大辞典 https://www.colordic.org/ いつも参考に