タグ デザイナーブログ
新着順 10 users 50 users 100 users 500 users 1000 users”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド! | デザイナーブログ | 株式会社LIG
こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、少々ご紹介しましょう!本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えて頂き... 続きを読む
今すぐ引っ越しがしたくなる! オシャレな不動産サイト12選 | デザイナーブログ | 株式会社LIG
お久しぶりです。 最近、後藤から野田に名前が変わり、なおかつ婚約し、来週引っ越しをする野田です。 そして、メインビジュアルは自分の部屋です。 25年間住み続けた家から、ようやく引っ越しをするので、最後にアップしたくなりました。 今回のブログは、【今すぐ引っ越しがしたくなる! オシャレな不動産サイト】のとおり、不動産を取り扱う、おしゃれなサイトを集めてみました。 自分自身、先週までたくさんの不動産屋... 続きを読む
スマホサイトに入れると使いやすくなる!おすすめjQuery4選! | デザイナーブログ | 株式会社LIG
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML </p> <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="o... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ | デザイナーブログ | 株式会社LIG
二度目まして。デザイナーの後藤です。 今後WEB制作の主流になるであろう、レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。 今回は、制作に関することではなく、最低限知っておかなければならない事の基本編になります。 レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ 制作編 | デザイナーブログ | 株式会社LIG
お久しぶりです。デザイナーの後藤です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読!5分でわかる流行のレスポンシブWebデザインまとめ」 「必読!5分でわかる流行のレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読!5分でわかる流行のレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少し... 続きを読む
今すぐ使いたくなる!個性的でわくわくする動きのスライダー12選 | デザイナーブログ | 株式会社LIG
こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ!」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 Slit Slider Rev... 続きを読む
Photoshopでの作業を効率化する!いい感じのJSXスクリプトを作ってみた。 | デザイナーブログ | 株式会社LIG
スクリプトのダウンロード↓ こんにちは! UFO大好き、2012終末論信者のデザイナー、王です~! とりあえずタイトルに興味を持ったがいまいちピンとこなかった、っていう方たくさんいるんじゃないかと思います。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるもので、僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化... 続きを読む
商用利用可!シンプルで使いやすいアイコン素材をまとめてみた | デザイナーブログ | 株式会社LIG
こんにちは、ももこです。 今回は商用利用が可能なアイコン素材を配布している、ありがたいサイトをまとめてみました。 時間を掛けずにオシャレな雰囲気が出せる上に、一目でどんな要素か説明できるアイコン素材って素敵ですよね・・・! 続きを読む
作業効率化!Dreamweaverのオススメ拡張機能まとめ | デザイナーブログ | 株式会社LIG
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか? 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamwea... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ その2!! | デザイナーブログ | 株式会社LIG
デザイナーの後藤です。 前回書かせていただいた「必読!5分でわかる流行のレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 前回の記事を読まれていない方は、こちらよりご覧下さい。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基本となる部分を固めていきたいと思います。 本当に基本的な事ですが、大切な事ですので、少しでも... 続きを読む
美しい…。フォトグラファーのポートフォリオサイト20選! | デザイナーブログ | 株式会社LIG
', tipSize:'18' }); $('li#icon_mail').balloon({ position:'left', classname: 'icon_mail-balloon', url:'/sidebar/mail.php .include', tipSize:'18' }); $('li#icon_rss').balloon({ position:'left', classnam... 続きを読む
HTMLでカーニング!手軽に文字詰めできる「FLAutoKerning.js」 | デザイナーブログ | 株式会社LIG
こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思... 続きを読む
スマホ対策!faviconを設定するなら「ウェブクリップアイコン」も忘れずにね! | デザイナーブログ | 株式会社LIG
こんにちは!サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって? スマホではホーム画面におくブックマークアイコン(タップでブ... 続きを読む
これを読めば大丈夫!知っておくべき、最新Web用語7選 | デザイナーブログ | 株式会社LIG
初めまして。新人ディレクターの允です。 ”充(みつる)”ではありません。”允(まこと)”です。 中学生の頃の出席簿に”充”と書かれていて担任に卒業まで”みつる”と間違えて覚えられていたトラウマがあるので、お間違えのないようお願いします。 ・・・フリではありません。 さて、今回は「最近よく耳にするWeb関連のキーワード※」を簡単ではありますがまとめてみました。 どの業界でもそうだと思うのですが、特に... 続きを読む
Chromeで「CSSを編集して自動保存する」オススメ拡張機能! | デザイナーブログ | 株式会社LIG
こんにちは、デザイナーの王です。いいものはみんなで共有しましょう! ということで、今日も素敵なツールを紹介しちゃいます! とりあえず、こんな風に使います↓ (動画中に一瞬出てきたあのクールなエディターを現在布教中ですので、SublimeTextの記事をぜひ!) 僕がWebページを組む流れとしては、HTMLの骨組みをひと通り書き終えたら、いつもChromeで直接CSSを書いていくのですが、皆さんはど... 続きを読む
全く予想外だった。バズった伝説のウェブデザイナー募集記事の影響あれこれ | デザイナーブログ | 株式会社LIG
こんにちは。最近、衣替えに失敗した紳さんです。 以前、当サイトで発表した社長を砂浜に埋めてウェブデザイナーを募集するという記事が様々なニュースサイトなどでも紹介して頂けるなど、ツイッターやFacebookなどのSNSを中心に注目を集め、話題になりました。 9/24現在、伝説のウェブデザイナーの記事をツイートしてくれた回数がほぼ10000に! というわけで、今回はこの「バズり」がもたらした様々な事に... 続きを読む
画像不要!HTML5のCanvasでグレースケールのマウスオーバーが作れるチュートリアル | デザイナーブログ | 株式会社LIG
こんにちは、ももこです。 HTML5の新要素であるCanvasを使って、グレースケールのマウスオーバーを実現するチュートリアルをご紹介します! 現在CanvasはFirefox/Chrome/Safari/Opera/IE9など殆どのブラウザの最新版で実装されています。 未対応のIE8以前のバージョンにはgoogleが公開しているExplorerCanvasやuupaa-excanvas.jsを読... 続きを読む
Wordpressでクライアントのために出来る6のこと | デザイナーブログ | 株式会社LIG
WordPressはCMSとして大変多機能で便利な反面、普段パソコンを使い慣れないクライアントにとっては難易度が高め。 メニューや編集画面がごちゃごちゃしていると、記事をひとつ投稿するだけでも一苦労です。 誤動作がないように、出来るだけ使う機能だけを表示させたシンプルな状態にしてあげたいですね。 クライアント側の更新がスムーズに出来るように、納品前にこちらでやってあげたい6つのことをまとめました。... 続きを読む
01.Google App Engine 最近の動向|CA Beat エンジニアのブログ
CA Beat エンジニアのブログ ブログの説明を入力します。 ブログ画像一覧を見る 記事一覧 CA Beatエン・・・ » 01.Google App Engine 最近の動向 2012-11-02 02:28:43NEW ! テーマ:Google App Engine CA Beat エンジニアリーダーのヤマサキです。 デザイナーブログと比べて随分遅れてしまった感のあるエンジニアブログも、 本... 続きを読む
IEでリンクをクリックした時に出る点線を消すjQuery | デザイナーブログ | 株式会社LIG
どうも!こないだの案件のIE対応で、てんやわんやしました。 はやちです ((((((└(:D」 ┌)┘)))))) 何が起きたかといいますと… ( ^o^)<よーしコーディングできたちょーきれー☆ ( ˘⊖˘)。o(IE大丈夫かな) | IE | ┗(☋` )┓三 ( IE ◠‿◠ )☛ 『貴様ッ!クリック時、リンクに点線が出る事に気が付いたなッ!』 ▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああ... 続きを読む
デザイナーのわたしが、 1年間スクラムを経験して失敗してきた3つのこと - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
こちらは「Service Designer's Advent Calendar 2018」の、1日目の記事です。 こんにちは!クラウドワークスのデザイナー、田村と申します。 この度、Service Designer's Advent Calendar 2018 というタイトルで、アドベントカレンダーを始めることになりました。 Service Designer's Advent Calendar 2018 では、デザイ... 続きを読む
Illustratorのライブトレースでオシャレなモノクロベクター画像を作る! | デザイナーブログ | 株式会社LIG
今回はIllustratorのライブトレース機能を使って写真からモノクロのイラストをおこす方法をご紹介します。超カンタンです。 1:ベクター化したい画像をIllustratorに置きます いつもながら、ジェイの画像を使います。 2:オブジェクト→「画像トレース」→「作成」 次に、画像を選択した状態で、「オブジェクト」→「画像トレース」→「作成」を選択します。(CS6) 以前のバージョンだと「オブジ... 続きを読む
設定不要! Chromeなどで今すぐ使える!便利なブラウザ・プラグイン6選 | デザイナーブログ | 株式会社LIG
こんにちは。ディレクターのエリカです。 「ブラウザのおすすめプラグイン」なんて使い古されたネタですが、今回はディレクターとして働く私が本当に便利だと思えるものを選んでご紹介させていただきます!インストールしてスグ試せるので、ぜひ一度お試しください。気に入らなかったら即アンインストールで! なお、Chromeを基準に紹介していきます。他ブラウザでの類似プラグインも併せて紹介いたしますので、参考にして... 続きを読む
脱非モテ☆LIGの素敵社員が選ぶファッションサービスサイト5選! | デザイナーブログ | 株式会社LIG
こんにちは、あかねです。 寒くなってきて着る服に困っていませんか? 寒いのに Tシャツとか、、、 サンダルとか、、、 ありえないですよね!!笑 ということで、 LIGの素敵社員達が選んだ、この冬注目の、脱非モテの為のファッションサービスサイトをご紹介します! 男性編 ■ 大人のファッション改造計画 4COLORS STYLING http://4colors-ps.com/ ファッションに苦手意識... 続きを読む
印刷にも対応!imgタグでCSSスプライトを使う方法 | デザイナーブログ | 株式会社LIG
こんにちゃー、「デザイナーの王」です(●´⌓`●) 今回はimgタグでCSSスプライトを使う方法について説明します。 そもそもCSSスプライトって何ぞや?っていう方は、こちらの記事(CSSスプライトで画像を円滑に表示させる)で詳しく紹介してありますので、ご参考を どうしてわざわざimgでCSSスプライト? 一番の理由はやはり、imgタグなら印刷された時に反映されるというところ。 対比画像(フォーム... 続きを読む