タグ デザイナーブログ
人気順 5 users 10 users 50 users 500 users 1000 users今すぐ使いたくなる!個性的でわくわくする動きのスライダー12選 | デザイナーブログ | 株式会社LIG
こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ!」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 Slit Slider Rev... 続きを読む
Chromeで「CSSを編集して自動保存する」オススメ拡張機能! | デザイナーブログ | 株式会社LIG
こんにちは、デザイナーの王です。いいものはみんなで共有しましょう! ということで、今日も素敵なツールを紹介しちゃいます! とりあえず、こんな風に使います↓ (動画中に一瞬出てきたあのクールなエディターを現在布教中ですので、SublimeTextの記事をぜひ!) 僕がWebページを組む流れとしては、HTMLの骨組みをひと通り書き終えたら、いつもChromeで直接CSSを書いていくのですが、皆さんはど... 続きを読む
作業効率化!Dreamweaverのオススメ拡張機能まとめ | デザイナーブログ | 株式会社LIG
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか? 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamwea... 続きを読む
商用利用可!シンプルで使いやすいアイコン素材をまとめてみた | デザイナーブログ | 株式会社LIG
こんにちは、ももこです。 今回は商用利用が可能なアイコン素材を配布している、ありがたいサイトをまとめてみました。 時間を掛けずにオシャレな雰囲気が出せる上に、一目でどんな要素か説明できるアイコン素材って素敵ですよね・・・! 続きを読む
今すぐ引っ越しがしたくなる! オシャレな不動産サイト12選 | デザイナーブログ | 株式会社LIG
お久しぶりです。 最近、後藤から野田に名前が変わり、なおかつ婚約し、来週引っ越しをする野田です。 そして、メインビジュアルは自分の部屋です。 25年間住み続けた家から、ようやく引っ越しをするので、最後にアップしたくなりました。 今回のブログは、【今すぐ引っ越しがしたくなる! オシャレな不動産サイト】のとおり、不動産を取り扱う、おしゃれなサイトを集めてみました。 自分自身、先週までたくさんの不動産屋... 続きを読む
HTMLでカーニング!手軽に文字詰めできる「FLAutoKerning.js」 | デザイナーブログ | 株式会社LIG
こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思... 続きを読む
”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド! | デザイナーブログ | 株式会社LIG
こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、少々ご紹介しましょう!本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えて頂き... 続きを読む
これを読めば大丈夫!知っておくべき、最新Web用語7選 | デザイナーブログ | 株式会社LIG
初めまして。新人ディレクターの允です。 ”充(みつる)”ではありません。”允(まこと)”です。 中学生の頃の出席簿に”充”と書かれていて担任に卒業まで”みつる”と間違えて覚えられていたトラウマがあるので、お間違えのないようお願いします。 ・・・フリではありません。 さて、今回は「最近よく耳にするWeb関連のキーワード※」を簡単ではありますがまとめてみました。 どの業界でもそうだと思うのですが、特に... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ 制作編 | デザイナーブログ | 株式会社LIG
お久しぶりです。デザイナーの後藤です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読!5分でわかる流行のレスポンシブWebデザインまとめ」 「必読!5分でわかる流行のレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読!5分でわかる流行のレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少し... 続きを読む
全く予想外だった。バズった伝説のウェブデザイナー募集記事の影響あれこれ | デザイナーブログ | 株式会社LIG
こんにちは。最近、衣替えに失敗した紳さんです。 以前、当サイトで発表した社長を砂浜に埋めてウェブデザイナーを募集するという記事が様々なニュースサイトなどでも紹介して頂けるなど、ツイッターやFacebookなどのSNSを中心に注目を集め、話題になりました。 9/24現在、伝説のウェブデザイナーの記事をツイートしてくれた回数がほぼ10000に! というわけで、今回はこの「バズり」がもたらした様々な事に... 続きを読む
スマホサイトに入れると使いやすくなる!おすすめjQuery4選! | デザイナーブログ | 株式会社LIG
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML </p> <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="o... 続きを読む
Photoshopでの作業を効率化する!いい感じのJSXスクリプトを作ってみた。 | デザイナーブログ | 株式会社LIG
スクリプトのダウンロード↓ こんにちは! UFO大好き、2012終末論信者のデザイナー、王です~! とりあえずタイトルに興味を持ったがいまいちピンとこなかった、っていう方たくさんいるんじゃないかと思います。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるもので、僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化... 続きを読む
スマホ対策!faviconを設定するなら「ウェブクリップアイコン」も忘れずにね! | デザイナーブログ | 株式会社LIG
こんにちは!サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって? スマホではホーム画面におくブックマークアイコン(タップでブ... 続きを読む
美しい…。フォトグラファーのポートフォリオサイト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... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ その2!! | デザイナーブログ | 株式会社LIG
デザイナーの後藤です。 前回書かせていただいた「必読!5分でわかる流行のレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 前回の記事を読まれていない方は、こちらよりご覧下さい。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基本となる部分を固めていきたいと思います。 本当に基本的な事ですが、大切な事ですので、少しでも... 続きを読む
必読!5分でわかる流行のレスポンシブWebデザインまとめ | デザイナーブログ | 株式会社LIG
二度目まして。デザイナーの後藤です。 今後WEB制作の主流になるであろう、レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。 今回は、制作に関することではなく、最低限知っておかなければならない事の基本編になります。 レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、... 続きを読む