タグ

ブックマーク / liginc.co.jp (13)

  • LIGデザイナーが厳選!使えるフリーのピクトグラム(ピクトグラフ)まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    (編集部注:2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。) こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり?最近何かとピクトグラムアイコンを探す機会が増えました。(余裕があれば自作モノも増やしたいところですが!) でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう??とアンケートをとってみたところ……今まで知らなかったところが結構出てきました! メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選!使えるフリーのピクトグラムまとめ Endless

    LIGデザイナーが厳選!使えるフリーのピクトグラム(ピクトグラフ)まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちわ、最近は右下のデブと言われることが多い段田です。 今回はWordPress管理画面のカスタマイズを紹介したいと思います。 1.左メニューのカスタムタクソノミーメニューを消す。 カスタムタクソノミーを追加した際、 管理画面では投稿やカスタム投稿タイプのメニューの中にサブメニューという形で カスタムタクソノミーメニューが表示されます。 このメニューを特定のアカウント時は 表示させないようにするカスタマイズ方法を記載します。 サブメニューはremove_submenu_page関数を使うことで削除出来ます。 remove_submenu_page関数はグローバル変数の$submenuの配列データを操作する形になります。 function remove_submenu_page( $menu_slug, $submenu_slug ) { global $submenu; if ( !i

    WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • CSS3のFlexboxを基本から理解して、使い方をマスターしよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基から理解して、使い方をマスターしよう!」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ! デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい!」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術

    CSS3のFlexboxを基本から理解して、使い方をマスターしよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ポチッとするだけでプロ級の写真処理ができる良質なPhotoshopアクションまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの王です。 昨今セピア風やらトイカメラ風何やら、昔っぽい写真のような加工が流行ってるみたいですね。自分的には今の最新鋭の一眼で撮ったまんまのようなクリアな写真のほうが好きだったりします。 とはいっても、たまには古き良き昔の写真も味深くていいのかもしれないですね。デザイン的見地から見ても色が統一されてたり、色の寒暖差が出たりで印象的な写真になりやすいものね。 スマホとかでその手のアプリが多数出回っているので、カスタマイズ性は低いものの、割りと手軽にできますが、パソコンなら言わずと知れたことだが、Photoshopで加工する場合がほとんどだと思います。 スマホよりは自分好みにいじれるが、いざやろうと思うとなかなか手間がかかって面倒だったりします。加えて、枚数が多い場合なんかはさおさらそうです。だがしかし!アクションを使えば一気に形勢逆転! 寒色系 Purple wonde

    ポチッとするだけでプロ級の写真処理ができる良質なPhotoshopアクションまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 「Compass」、基礎から応用まで! | 株式会社LIG

    こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

    「Compass」、基礎から応用まで! | 株式会社LIG
  • 現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG

    こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう! デザインの引き出しを増やすには? デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO by LIG」の詳細はこちらから ※このページは、2021

    現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
  • コピーライト(Copyright)とは?著作権表示の正しい書き方や意味を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのサリーです。 サイトをデザインするときに当たり前に入れている「Copyright(コピーライト、©️)」の記述ですが、サイトによって年号があったりなかったり、長かったり短かったり、書き方はさまざまですよね。 今回はコピーライトとは何か、正しい書き方や©との関係性について詳しく解説していきます。 コピーライトとは コピーライトとは、英語で「Copyright」と書き、”著作権”のことを指します。著作権とは、作品を創作した人や会社(著作者)が持つ権利であり、著作者は作品がどう使われるか決めることができます。 Webサイトやホームページの下部にコピーライトがあるのは「ここにある記事や画像の著作権は自社が持っているから、無断転載しないでください」という一種の意思表示です。 厳密にいうと著作権法で著作物は「思想又は感情を創作的に表現したものであって、文芸、学術、美術又は音楽

    コピーライト(Copyright)とは?著作権表示の正しい書き方や意味を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 今すぐ使いたくなる!個性的でわくわくする動きのスライダー12選(Javascript・CSS3) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ!」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 【最新スライダーはこちら!】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMO: http://tympanus.net/Tutorials/FullscreenSlitSlider/ 絵が真ん中から横にバカッと、時

    今すぐ使いたくなる!個性的でわくわくする動きのスライダー12選(Javascript・CSS3) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • HTMLでカーニング!手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ※現在はアクセスできなくなっています。 ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思えばできるんですが、ひと文字ずつの設定となるとhtmlcssもすっきりしなくなる上にめんどくさい! こうパッとガッとスッと設定したい! そんな希望を叶えてくれるのが「FLAutoKerning.js」です! ポイント1:導入が楽です 手順は簡単、サイトからファイルをダウロードしてjqeryと一緒に読み込ませて<head>内に設定を書くだけ。 入れてみたデモ

    HTMLでカーニング!手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • おしゃれな賃貸・売買物件が見つかる不動産サイト11選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お久しぶりです。最近、後藤から野田に名前が変わり、なおかつ婚約し、来週引っ越しをする野田です。 そして、メインビジュアルは自分の部屋です。25年間住み続けた家から、ようやく引っ越しをするので、最後にアップしたくなりました。 そこで今回のブログは不動産を取り扱うおしゃれなサイトをご紹介します。 自分自身、先週までたくさんの不動産屋さんをまわり、ようやく運命の物件に出会うことができました。その物件を探すのにも相当時間がかかってしまい、一時は諦めようと思ったことも……しかしテンションを維持するために、今回ご紹介するようなサイトをずっと見てました。 恋愛と一緒で、運命の物件と出会うのは急だったり遅かったり……。 皆さんにも、運命の物件に出会っていただきたい! それだけの思いでご紹介させていただきます。ご覧ください。 オシャレな不動産サイト11選 RealTokyoEstate-東京R不動産- ht

    おしゃれな賃貸・売買物件が見つかる不動産サイト11選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 必読!5分でわかるレスポンシブWebデザインまとめ 制作編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読!5分でわかるレスポンシブWebデザインまとめ」 「必読!5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読!5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100% 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基的な部分で

    必読!5分でわかるレスポンシブWebデザインまとめ 制作編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • スマホサイトに入れると使いやすくなる!おすすめjQuery4選! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ

    スマホサイトに入れると使いやすくなる!おすすめjQuery4選! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら(ダウンロードが開始されます): https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには? まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows:PhotoshopPre

    【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1