Webデザイナーがスキルアップするために必要なスキル5つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜、こんにちはぁ！もっともっとWebデザイナーとして成長したいライター、のび太です。 さて、突然ですが「Webデザイナーにとって必要な能力ってなに？ 」という疑問をもったことありませんか？つい最近フリーランスのWebデザイナーとして飯を食っていくことになった僕ですが、最近ますますその答えが知りたくなりました。 HTML、CSSなどのコードが書ける人？Photoshopでキレイなデザインが作れる人？Webについて詳しい人？いったい「Webデザイナー」ってなんなのでしょうね〜？ 僕はこれまでWebデザイナーに関する海外記事を多く読んできましたが、「へぇ〜、Webデザイナーってこんな能力もなんだなぁ〜。」って意外に感じたことが結構ありました。 今回はその中でも特に重要だと思った5つをピックアップしてご紹介したいと思います。 Webデザイナーがスキルアップするために必要な能力5つ 1. 事前
【保存版】効果的なSEOのための対策キーワード選定方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あけましておめでとうございます。じつかわです。ヴォラーレという会社でSEOのコンサルティングを行っております。今年もよろしくお願いいたします。 さて、せっかくの新年なのでSEOの基礎であるキーワード選定の部分を改めて確認してみましょう。 地味でめんどくさく分かりにくいため、ないがしろにされがちな部分ですが、SEOは掛け算です。いくらサイトがしっかり検索エンジン向けに最適化されていても、コンテンツがすごく充実していても、狙うキーワードがずれていたり少なかったりすると、それだけで検索エンジンからの流入機会が減ってしまいます。 今回はそんな「対策キーワードの選び方」を3つのステップでがっつり学んでみましょう。 ▼目次 STEP1．キーワードをとにかく広げる まずユーザのことを理解し、想像する カスタマージャーニーを考える 拡張して考える 自社・競合サイトを見る ツールを使う Google AdW
有名心理学的効果を使った、思わず読みたくなる記事の作り方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらはWebライティングに関する全10回のシリーズ記事です。 さて、良い記事を書くには、ひらめきや芸術性といった右脳的な発想が必要だと思われがちですが、思考や論理といった左脳的な発想だって必要です。 具体的には、より多くの人に記事を読んでもらうために、検索エンジンのアルゴリズムだけでなく、人の心や行動のメカニズムも解明したいところです。 そこで今回注目したいのが、コピーライティングやセールスライティングの分野では当たり前のように取り入れられている「心理学」です。 「心」の様々な働きと、それに基づく行動を、統計学的手法を用いて科学的に解明する学問である心理学。その中から、思わず読みたくなる記事の作り方に応用できそうな効果をまとめてみました。 ▼目次 ハロー効果 カクテルパーティー効果 ザイアンス効果（単純接触効果） 記事タイトルを作るうえで参考にしたい3
デスクワークの気分転換に！Windows・Mac対応のスクリーンセーバ8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のまゆです。春も終わり、どんどん暖かくなってきましたね。私事ではございますが、夏は苦手です。 さて、皆さまはスクリーンセーバの設定をされているでしょうか？最近はあまり耳にしなくなった単語ですが、少しの時間で気分を変えることができるので、デスクワークのストレス軽減にはぴったりです。 そこで今回はおすすめのスクリーンセーバをご紹介させていただきます。 ※OSのバージョンによっては非対応で設定できないものもあるので、ご注意ください。 おすすめのスクリーンセーバ8選 Google http://www.google.co.jp/trends/hottrends/visualize?pn=p4 Googleユーザーが検索しているワードを分析して、どんなキーワードが旬なのかを教えてくれます。この画面で「おお、今コレが来てるのか」と知る方も多いのではないでしょうか。 THIS
Web制作者はブックマーク必須！LIGブログ記事を知りたい分野別にまとめてみました。
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
プレゼンが苦手な人へ！あなたの資料が「ガラッと変わる」便利なツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様、こんにちは。メディア事業部のまゆです。 最近はパワポなどを使って資料を作成することが少し増えてきました。外部の方の資料を見せていただくと、「こんな資料を作れてしまうのか……」と思うときが結構あります。 まだまだ勉強中の身ですが「こういうプレゼンができたら楽しそうだな」、「こういう資料を作ってみたい」と思ったプレゼンツールを何個かピックアップしてみました。 では、ご紹介したいと思います。 これは使いたい！プレゼンツール Zoho Docs https://www.zoho.com/docs/show.html オンライン上でプレゼンテーション資料を作成・公開できる完全無料サービス。 PC内にデータを保存していなくても、インターネットさえつながれば、いつでもどこでも利用することができます。作成した資料は.ppt/.pdf形式でエクスポートが可能。.ppt形式のファイルやGoogleドキュ
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
Web業界では定番！おすすめのIT系ニュースまとめサイト14選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターの允（まこと）です。 いつになったら（）がとれるかは謎ですが、今期は続けて行きたい所存です。 允の読み方 よく充（みつる）と間違われますが、 正しくは允（まこと）です。鍋蓋はありません。 最近メディアサイトのディレクションをさせていただく機会が多いので、参考で探したIT系のニュースサイトをまとめてみました。 IT系ニュースサイトまとめ GIZMODO http://www.gizmodo.jp/ 言わずと知れたIT系ニュースサイト。 Apple新製品販売前とかはサイト内がお祭り騒ぎです。面白いので新しいiPhoneが出るときは必見です！ Gigazine http://gigazine.net/ 日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。 こちらのサイトは影響力が非常に強く、制作したサイトなどがGigazineさんにとりあげられると、かなりの確
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
