タグ 株式会社LIG
人気順 5 users 10 users 100 users 500 users 1000 users簡単!CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは? 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む
世の中に溢れる「うざい広告」をプロが徹底解説!マーケターは必見です | 株式会社LIG
みなさんこんにちは、LIGのマーケターのまこりーぬ(@makosaito214)です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講... 続きを読む
たった数分で環境構築が完了!TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 | 株式会社LIG
こんにちは、エンジニアのづやです。 突然ですがエンジニアのみなさん、TypeScriptに触れた経験はありますか? TypeScriptはGitHubが毎年発表しているランキングで今年4位に急上昇したくらい、もっともアツいプログラム言語の1つです。 出典:https://octoverse.github.com/ しかし、いざ試してみようと思っても、 フレ... 続きを読む
【2018年流行りそう!】気になるWebデザイントレンドまとめ | 株式会社LIG
こんにちは、デザイナーの藤田です! 毎回、同じことを言っておりますが、技術の進化と共にWebサイトの表現も目まぐるしく変わってきておりますね。 油断をすると次々と見たことのない表現が増えていく今日この頃なので、自身の備忘録も兼ねてサイト制作に取り入れたいWebデザインのトレンドをまとめてみました! よろしければ皆様もご覧ください。 2018年気になるWebデザイントレンド 画像を揺らす デザインに... 続きを読む
Gitをもっと使いこなそう! ちょっと上級な便利コマンド32選 | 株式会社LIG
バックエンドエンジニアのKazです。 昨今では、エンジニアにとってほぼ必須ツールとなった、ソースコードのバージョン管理ツール「Git」。今回はGitについて、ちょっと上級ですが、使いこなせばとても便利なコマンドを集めてみました。 なお、記事中のコマンドはすべて最新版のGitを想定しています。一部古いバージョンでは動作しないものも含まれていますので、バージョンの差異で非対応の場合はご容赦ください。 ... 続きを読む
【神】Photoshopより、ずっとはやーい!Sketchの素晴らしさを動画で学びながら体験してみた | 株式会社LIG
こんにちは、 カクシン のアートディレクターのまきこです。アイドル集団「ハロー!プロジェクト」では賛否両論の新体制がはじまりましたが、わたしは変わらず大好きです! さて、みなさんは、 「Sketch」というデザインツール を使ったことがありますか? 今回、オンライン動画学習サービス “Udemy” で人気の「 Webやアプリの最新デザインツール Sketch3 」という動画講座をPRするため、初め... 続きを読む
すべて無料!Webディレクションに欠かせない定番ツール10選 | 株式会社LIG
こんにちは! ディレクターの ちゃんれみ です。 みなさんは、Web制作でどんなツールを愛用していますか? デザインツールだけでもPhotoshop、Sketch、かつてのFireworksなど、職種だけでなく、人によって使うツールはさまざまです。たくさんあるツールの中で他の人がどんなものを使っているか、気になりませんか? 今回はLIGのWebディレクター・ちゃんれみが日頃から愛用しているツールを... 続きを読む
ロゴの作り方から学ぶベジェ曲線の基本!これでイラレが得意になる | 株式会社LIG
はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っていました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 ▼目次 ロゴ作りから学ぶライブト... 続きを読む
【永久保存】文章力が向上する192の法則、これが文章の書き方だ! - ホビヲログ
2016 - 05 - 11 【永久保存】文章力が向上する192の法則、これが文章の書き方だ! まとめ 記事 おすすめ うまい文章が書きたい。書き方を調べると様々な法則があるようだ。ポイント、法則、問題点、コツ、ヒント、基本、原則などをまとめてみた。 文章を書くのが苦手な人もわかりやすい文章を書ける10のポイント 文章を書くのが苦手な人もわかりやすい文章を書ける10のポイント | 株式会社LIG ... 続きを読む
株式会社LIGを退職して、フリーランスになりました - 雨と紅茶と椅子のうえ
2016 - 04 - 03 株式会社LIGを退職して、フリーランスになりました 3月31日をもって株式会社LIGを退職いたしました。 4月1日に退職エントリーを出したのですが、日付が悪かったせいで「エイプリルフールだろ」と思われてしまったようです。 退職は嘘ではなく、本当のお話でした。 急な退職となり、お世話になったみなさまへのご連絡が漏れまくっているような気がしてなりません。ごめんなさい。 せ... 続きを読む
LIGを退職しました。 - 自省log
2016 - 03 - 31 LIGを退職しました。 ぼくのはなし ご挨拶・お知らせ 表題の件について、3月末日をもって株式会社LIGを退職しました。 liginc.co.jp LIGのコンテンツ制作チームで一緒だった世界一即戦力・菊池、元広報ヨシキとともに、明日からヤフー株式会社というインターネット界の 横綱 ・ 白鵬 みたいな会社に転職します。 LIGの在籍は1年4ヶ月と非常に短期間だったので... 続きを読む
デザインの参考にしたい!今っぽい見出しデザインまとめ18選 | 株式会社LIG
ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイトが近年多いですね。 以下でご紹介するのは、見出し周りの余白感やジャンプ率の比率がきれいだなと感じたサイトです。 1. 角館伝四郎 DENSHIRO http://denshiro.jp/ 見出し周りの余白を広めにとることで、高級感が感じられるデザインになっています。 2. ヤフ... 続きを読む
Webデザインの参考にしたい!イカしてるゲームサイト7選まとめ | 株式会社LIG
こんにちは。デザイナーの佐藤タカアキ( @sato_tkaaki )です。 私事ですが、先日WiiUの『スプラトゥーン』を買いました。 スプラトゥーンのゲームのデザインがイカしてる スプラトゥーンとは インクを撃ち合うアクションゲーム。主人公はヒトの姿に変身できる「インクリング」という名前のイカ。 ヒトの姿ではインクを撃って「ナワバリ」を広げることができる。イカの姿になるとインクに潜る。床でも垂直... 続きを読む
料理の写真でもここまで違う!「だれに・なにを・どう伝えるか」で変わる撮影テクニック | 株式会社LIG
こんにちは、ハレときどきPAKUTASO、外部ライターのつるたまです。 昨日、ブロガーの祭典「ブロガーフェス2015」に登壇させていただきました。そちらでお話させていただいた撮影テクニックの内容が好評だったため、LIGブログでも書かせていただきます。 ライター&ブロガー、そして写真がもっとうまくなりたいすべての方の参考になれば幸いです。 ※記事中に分からないカメラ用語が出てきたら、こちらの記事をご... 続きを読む
ノンプログラマでもコピペでOK!JavaScriptを使ってDroneを飛ばそう | 株式会社LIG
こんにちは、エンジニアののびすけです。 さて、今回はDrone(ドローン)の話です。注目されてますよね〜。 以前、株式会社フォークの石射さんにParrot DroneをNode.jsで制御するやり方を教わりました。その後... 続きを読む
文章力を向上させたい人が読むベき記事12選|ferret [フェレット]
読むだけで文章力が向上する記事12選 1.文章を書くのが苦手な人に伝えたい、わかりやすい文章を書く10のポイント http://liginc.co.jp/life/useful-info/145548 株式会社LIGが運営する「LIGブログ」の記事です。 編集長である朽木氏が業務経験の中で見つけた、わかりやすい文章を書くポイントを10個を紹介しています。 チェックすべき項目と同時に事例を掲載してい... 続きを読む
Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 | 株式会社LIG
こんにちは、デザイナーのぺちこです。 AdobeのCC2015がリリースされて2ヶ月ほど経ちましたね! 恥ずかしながらPhotoshop以外はまだ2015を導入していなかったため、先日どーんとアップデートに挑みました。 とはいっても、どんなアップデートがあったのか分からないままでは宝の持ち腐れ。新機能を色々と調べていたところ、いつの間にかDreamweaverがとても便利になっているらしいというこ... 続きを読む
地味に忘れるソーシャル系やサイトのキーカラーをSassの変数でまとめてみた | 株式会社LIG
どうもですよ、はやちですよ٩( ᐛ )و ここ最近「刀剣乱舞」のキャラクターが揃いつつあり、あと二振りでコンプリートしそうです٩( ᐛ )و<残りおじいちゃんと明石 だが何百回出陣してもおじいちゃんが来ません。 ください […] 続きを読む
Git管理ツール「SourceTree」で差分ファイルを抜き出す方法 | 株式会社LIG
どうもです、お久しぶりです、はやちです✌(´ʘ‿ʘ`)✌ ここ最近DMMのブラウザゲーム「刀剣乱舞」にハマってしまいましてひたすら刀狩りをしております( ˇωˇ )<おじいちゃんこない そんなことはどうでもいいですね。 今回は、Git管理ツール「SourceTree」を使用して昔のファイルと作業したファイルの差分を抜き出す方法をご紹介いたします( ˘ω˘)☝ バッチファイルを用意する まずはバッチ... 続きを読む
LIGブログ用に描いてきたイラストの解説と制作時間・使用ツールまとめ | 株式会社LIG
使用ツール ステッドラー鉛筆 B3 Photoshop おしゃれな格好をした人を描きたかったんですが、なにぶん服のセンスがないので「ファッションプレス」のストリートスナップからスタイリングを参考にさせてもらいました。 参考にしたのはこちら: http://www.fashion-press.net/snaps/1669 当然絵としてはまったく違うし元のスナップのほうが可愛いんですけど、参考を見て「... 続きを読む
【新人ディレクター向け vol.6】企画書に使える!信頼できるデータの引用元15選 | 株式会社LIG
1. StatCounter http://gs.statcounter.com ブラウザのシェア率などを調べるときに使えます。 全世界だけでなく、日本国内で使われているブラウザにフィルタリングすることもできるのが便利です。 2. Similarweb http://www.similarweb.com/ 他サイトのPV数やUU数などを調べることができます。(8割くらいの精度) PV数の推移も見る... 続きを読む
AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか? Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザ... 続きを読む
コーディング中のクラス名で迷いたくない!よく見るコンポーネントの名前17選 | 株式会社LIG
thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブログの著者情報などに用いられてます。 feature そのサービスの特徴を説明しているコンポーネント。 イメージ+テキストでひとくくりになっていることが多いです。 overlay 要素の上に覆いかぶさるコンポーネント。 ... 続きを読む
デザインがイケてる地方自治体系の観光サイト&特設サイトまとめ16選 | 株式会社LIG
こんにちは、デザイナーの姐さんです。 今回は、地方自治体系の観光サイトや、特設サイトで気になったものをまとめてみたいと思います。 東日本編 青森県観光情報サイト アプティネット http://www.aptinet.jp/ 一言メモ:スライダーがカッコいい、スタイリッシュ、渋い。 ブンカDEゲンキ あきた文化情報サイト http://common3.pref.akita.lg.jp/bunka/ ... 続きを読む
ページやブロック要素の切り替えがかっこいいプラグイン6選(jQuery・JSなど) | 株式会社LIG
お疲れさまです、デザイナーのモモコです。 今回は要素を切り替える際にかっこいいアニメーション表現がつけられるプラグイン、スクリプトを6つご紹介します。 数あるプラグインの中でも実装が難しくない、デザイナーにも優しい仕様のものを選びました。 要素の切り替えがかっこいいプラグイン・スクリプト6選 Animsition http://git.blivesta.com/animsition/ 簡単、シンプ... 続きを読む