株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
CSS3・JS・jQueryなど、フロントエンドでアニメーションを実装する方法 | LIG LIBRARY | 株式会社LIG
株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
名刺交換のマナーとは？受け渡し時・イレギュラー時の対応を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ビジネスの場において初対面の人と顔を合わせたとき、一番最初におこなう大切なことが名刺交換です。ビジネスパーソンにとって名刺は「顔」のようなものであり、名刺交換は相手に自分を知ってもらうための第一歩になります。 それほど大切なビジネスマナーである「名刺交換」ですが、正しいやり方を正確には知らない人も多いのではないでしょうか。今回は、名刺交換の正しいやり方・注意すべきマナーについて、順序立てて紹介していきます。 名刺の役割 名刺の役割は主に「自己紹介」と「話のきっかけ作り」です。名刺には名前や連絡先、会社名などのプロフィール情報が記載されており、それを相手に伝える役割があります。また、趣味や出身地を記載することで、相手と打ち解けるための話のきっかけ作りにも一役買ってくれます。 名刺には会社名や部署名、名前などが記載されていることから、その人の分身と例えられることが多いです。知らないうちにマナー
SVGのpathを使ったモーションパスアニメーションの実装方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです 今回はSVGのpathを使ったモーションパスアニメーションの実装方法について書きたいと思います。 【こちらもおすすめ】 ☞ SVGとjQueryで絵を描いているようなアニメーションを実装する方法 SVGのpath要素 path要素を使うことで、好きな図形を描くことができます。 Illustratorを使っている方はよく使ってますよね。Illustratorで描いたパスからSVGを書き出して使うこともできるのですが、今回は直接SVGタグのpath要素に描いて作ってみましょう。 d=”M 50,50 L 200,50 Z” SVGでpathを描く場合は、上のように各コマンドにパラメータをいれることでpathを描画できます。少しクセがありますが、自分で好きなpathを描いてみると慣れてきますので、遊んでみてください。 pathを描画するためのコマンドは下記があります
Tumblrテーマを本気でつくる Vol.3「テーマカスタマイズ実践編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
OGP画像はというと、次に説明する「テーマオプション」にも関わりますが、オプションで「Facebook Ogp Image」という項目を追加したうえで、以下のように設定をします。 {block:IndexPage} {block:FacebookOgpImage}<meta property="og:image" content="{image:Facebook Ogp Image}">{/block:FacebookOgpImage} {/block:IndexPage} {block:PermalinkPage} {block:Posts} {block:Photo}<meta property="og:image" content="{PhotoURL-HighRes}">{/block:Photo} {block:Panorama}<meta property="og:image"
プリロードやローディング画面を簡単に実装できるjQuery.ImgLoaderの使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです。 今回は簡単にプリロードやローディング画面を実装できるjQuery.ImgLoaderの使い方をご紹介したいと思います。 jQuery.ImgLoaderとは 多くの画像やWebフォントを使うサイトを作成する場合、ロードにかかる時間が長くなり、デザインが反映される前の状態をユーザに見られてしまうことがあります。 デザインは綺麗な状態を見てもらいたいですよね。 そんなときはローディング処理を簡単に実装できるjQuery.ImgLoaderを使って、ローディング画面を作ってあげましょう。jQuery.ImgLoaderは画像のプリロードを行うライブラリなのですが、ローディング画面も実装することができます。 準備 まずはImgLoaderを使うための準備をします。 下記URLからダウンロードしてみましょう。 https://github.com/Takazudo/j
イラスト風の劇画タッチも表現できるオススメ無料Photoshop絵の具ブラシ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 幼い頃、祖父母のスパルタ油絵教育から逃げ出した過去を持つ、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 そんな過去にリベンジすべく、今年のお盆休みは、4日間の油絵講習を受講してきました。 さて、僕の主な業務の1つに背景ジャックのデザインがあります。 使用しているツールはPhotoshopです。 下記の画像のような劇画チックなデザインをする上で、絵の具ブラシに非常に助けられました。 が、自分の求める絵の具ブラシを探すのに、思いのほか時間がかかってしまいました。 特に駆け出しデザイナーの方には、同じ思いをしてほしくない！ そこで今回は、そのうちきっと役に立つ、使い勝手のよい絵の具ブラシをまとめさせていただきました。 これらのブラシツールを上手く使いこなせば先程の画像のようなデザインだってちょちょいのちょいです。 あまり使用する機会のない絵の具ブラシかもしれませんが、
Twitter新プロフィールのカバー画像制作用ガイドPSD、用意しました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、梅雨ですね。デザイナーのぺちこです。 Twitterのプロフィールページが新しくなって公開されてから、あっという間に2ヶ月ほど経とうとしています。 自ら変更せずとも順次適応ということで放置をしていたのですが、いつの間にか新しくなっていました。半月前くらいはそうでもなかったような。 先日お仕事でこのあたりを調べる機会があり、割と時間を費やしてしまったので、同じく困った人の手助けになればと思い、カバー画像制作用ガイドPSDを作成しました。 解説はさておき、ひとまずPSDを置いておきます。 Twitter新プロフィールカバー画像制作用ガイドPSDダウンロード では、さっそくTwitter新プロフィールの仕様おさらいをしながら、ガイドPSDについて解説していきます。 Twitter新プロフィールページについて 仕様については様々なメディアでリリース当初から取り上げられてきたので、詳しく
無料で配色シミュレーションができるカラーパレット系サービス6選【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください！ 独学でつまずいていませんか？ 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
初心者デザイナーにオススメ！アイディアの集め方とその活用方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 突然ですが、柔らかいものは脳に快感を与えて、緊張を緩める効果があるって知っていますか？ 脳がリラックスすることにより、様々なアイディアが生まれるのだそうです。 日々の業務でアイディアに詰まってしまう時もありますよね。 そういう時はほっぺたを触ってリラックス…しても出ません、そんなんじゃ。 そこで今回は、デザイナーにオススメしたいアイディアの集め方とその活用方法をご紹介します。 なぜアイディアが浮かばないのか？ そもそも、どうしてアイディアが浮かばないのでしょうか。 感性が豊かじゃないから？暇さえあればいやらしい妄想ばかりしちゃってるから？ちがいます。 それは経験や知識など、そもそも持っている武器が少ないからではないでしょうか。 ここで再確認しておきたいのは、ゼロから生まれるアイディアは存在しないということ。 アイディア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社LIG（リグ）