特定のOSおよび特定のブラウザでしか発生しないかと思われますが、 「いいね」だけずれちゃったりしたとき。 ありませんか？こんな風に。 これ、もしかしたら、「line-height」のスタイルが当たってしまっている所為かもしれません。 .social { line-height: 0; } 「いいね」のところだけこんな感じでしてあげましょう。 どうでしょうか、キレイに揃いましたか？ ソーシャルのボタンとかは、外部からいろいろ引っ張ってくるからアタフタしちゃうかもしれませんが、 割と簡単に解決することもあるかもしれませんね。 LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。 Webサイト制作の実績・料金を見る

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

お久しぶりです、はやちです_(:3」∠)_ 最近のLIGは、「Photoshopで人物をきれいにかわいくサギっちゃおう☆」で紳さんが女装したり、「【ボウメイ十番勝負】安定感のある社長を無力にしてみた」で社長が女装したり。もしかして、これはLIGのコスプレブーム？？(´･ω･´) 実はここ数年コスプレ人口は増えており、LIGは時代の流に乗っているのです。ってなわけで今回はハロウィンの参考にもできそうなコスプレに特化したSNSを集めてみました！ それでは、ご紹介していきます_(:3」∠)_ 1. コスプレイヤーズアーカイブ http://www.cosp.jp/ 写真の投稿だけでなく、Twitterのようなボイス機能、フレンド登録やフリーマーケットでの衣装取引など交流のしやすいサイトです。 会員でなくてもコスプレ写真を閲覧できます_(:3」∠)_ 2. コスプレCure http://ja.c

どうも僕です。 今日は、サーバサイドJavaScript（node.js）でjQueryチックにDOMを操作して、Webサイトをクローリングする方法についてまとめようと思うよ！ 要は、既存のWebサイトから必要な情報を収集してきて、データベースに突っ込もうということ。 これができると何がうれしいかって、簡単にまとめサイトが作れるんだよね。 クローリングする方法は数々あれど、なにゆえサーバサイドJavaScriptのnode.jsを使ってこれをするかというと、「クローリング対象の部分をjQueryのセレクタで指定できる」のが大きいわけです。 みんな、好きだよね！jQuery！とっても便利だよね！jQuery！ 好みにもよるかと思うが、JavaScriptのようなふにゃふにゃした言語をあえて使う理由は、クライアントサイドプログラミングを組むか、JQueryの恩恵を受けるためといっても過言ではあ

一手間必要なPHPでのSimpleXML関数のパース処理 今回はPHPによるXMLデータのパース処理で気になったので、 それについての小ネタです。 まずは基本 PHP5でXMLデータを簡単にオブジェクト化してくれる 「SimpleXML」関数を利用します。 例えば simplexml_load_file() simplexml_load_string() 関数自体の細かい説明は省きますが、「simplexml_load_file()」は XMLファイルからXMLデータを読みだしてオブジェクト化し、 「simplexml_load_string()」は形成されたXML文字列をオブジェクト化する なんとも便利な関数です。 こんな感じに $xml = simplexml_load_file('xml.xml'); print($xml); 結果 SimpleXMLElement Object (

ステップ２　分析する 困ってることも新たな発見も、それといった習慣もない人はステップ２！ 自分のサイトを分析したり、記事の形式を工夫してみましょう。 過去記事をグレードアップさせる 過去記事を振り返ってみてみましょう。情報が古くなっていたらグレードアップした記事を改めて書いちゃって下さい。 また、過去記事を見るだけでもヒントがあるかもしれないです。「この記事の続編書いてなかった！」とか。

※記述しない場合はliタグで出力します。 before リンク名の前に連結する文字列 after リンク名の後に連結する文字列 show_post_count 投稿件数を表示する場合はtrue、表示しない場合はfalse echo 表示する場合は1、文字列として取得する場合は0 ※現在の最新版(3.5)では新たに「order(順序)」が追加されました！わーい。 order 初期値はDESC(昇順)なのでASC(降順)の設定を行う場合に便利に。 wp_get_archives('type=monthly&limit=12'); 「＆」繋ぎで表示したい形式で書くとその形式で表示されます。 ※上の書き方だと月別に12か月分表示して欲しい。ってことになってます。 日別の場合はこんな感じ。 便利!! getarchives_whereフィルターを使用する でもでも。もっと条件を絞りたいという方。 月

こんにちわ！中学生の時ドラクエⅦを買って最初の敵の出ないダンジョンで3時間迷い、危うく詰みかけたことがあるキョーヘイです。 3時間後、初めてスライムと戦った時の感動を10年以上経った今でも覚えています。 さて、今回は「リスティング運用を少しでも楽にしたい！」 という方に意外と便利なGoogle Adwordsのフィルター機能をご紹介したいと思います。 大がかりな変更の場合は「Adwords Editor」が非常に便利ですよね！僕もよく利用しています。 しかし、少しの変更や確認をするだけでしたらフィルタという機能が便利です。 フィルタ機能とは？ アカウントの統計情報から、キーワードのテキスト、平均クリック単価、表示回数などの必要なデータを検索できます。作成したフィルタは後から使用できるよう保存することもできます。 つまり自分が知りたい情報をピンポイントに教えてくれる機能のことです。 フィルタ

こんにちは。去年の暮れくらいから1日1cm身長が伸びてもうすぐ2mを超えそうなディレクターの允（まこと）です。 制作の仕事をしていると、どうしてもアイデアに詰まることがあります。 そんな時みなさんはどうやってアイデアを振り絞っていますか？ 例えば、ネット検索で色々な情報を探したり 本屋に行って色々な本を探してヒントを得たり 人によって様々だと思います。 でも一人でアイデアを出そうと思うと 時間もかかるし、どうしても限界があります。 そういう時は、ブレストを活用して周りの人の力（アイデア）を借りましょう！ 一人でダメなら二人で。二人でダメなら三人でアイデアを絞ればいいのです！！ でも、そもそもブレストって何？おいしいの？ ブレスト＝ブレインストーミングの略称。 従来の方法や考え方、先入観にとらわれず、 自由なディスカッションを通じて新たなアイデアや解決策を引き出そうとする手法のことです。 人

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

あ、どうも僕です。もう東京にもすっかり慣れて、網の目のように張り巡らされた地下鉄だって華麗に乗り継ぎできるようになりました。もう、東京をマスターしたと言っても過言ではない。そう、地下鉄の乗り継ぎができれば、東京をマスターしたと言っても過言ではないのだ。 そして、東京をマスターしたこの僕が、入谷から地下鉄を華麗に乗り継いで、先日渋谷で開講された、高梨ギンペイさん主催のJavaScript/jQuery講座に潜入取材してきました！ 高梨ギンペイさんといえば、この厳しいIT業界で、自分の名前だけで勝負して生き抜いているバリバリのフリーランスのエンジニア！ かっこいい！その生き方全てがかっこいい！僕がもし女であるならば、抱かれてもよいと思うぐらい、いや、男であっても抱かれてもいい、その果てしない包容力で包容されたい！そう、包容されたいのだ！ そして、そこにはギンペイさんだけでなく、業界では知らない

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

今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね～的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね？ しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ

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

こんにちは。 WordPressの固定ページのお話です。 固定ページは階層構造で作成できることはみなさんご存知かと思います。 子ページとかサブページとか言われてますね。 サブページの詳細は下記をご覧ください。 WordPressページを整理する 例えば、あるサブページのテンプレートを編集するとしましょう。 「もしこのサブページの親が、○○のページだったら△△をする」という処理をする際に、「○○のページだったら」の判断が必要になります。 ガンダムでいうと、パイロット（サブページ）が、コアファイター（パイロットの親ページだけど、モビルスーツのサブページ）に乗って、どのモビルスーツ（親ページ）にドッキングしたかを知りたいってことです。 ガンダムにドッキングすると思ってたのに、ガンタンクにドッキングしてた。とかだったら、まあ、いつもより目線が低いからわかるかもしれませんけど、ガンキャノンだったら？

WEBディレクターの定義は曖昧です。プロジェクトの舵取り役として、コンセプトから仕様検討、デザイン、設計、プロジェクトマネジメント、マーケティングなど広範囲な業務に携わります。広範囲な業務だからこそ曖昧になりそうな職種ですが、デザイナー、エンジニア、マーケター等、チームから信頼されるために必要な知識をまとめてみました。 WEBサービスの知識 WEBの世界は日進月歩で変化していきます。RSSやソーシャルフィルターなど、自分なりに最新の情報をキャッチできる環境を整える事が大事です。クライアントからの信頼を得るためにも、最新のWEB事情やイケてるデザインをパパっと提案の中に組み込めるといいと思います。情報は大きな武器になるので、アンテナは常に立てておくことをオススメします。 Webディレクターならチェックしたい、ニュースサイト15選 大まかな設計の知識、インフラの知識 データベースの構成やサーバ

<?php the_date(); ?> WPの場合、公開日時を表示するのは↑を一行書くだけでいい。とっても楽ちん。 ただしこれだと、同じ日に二回以上更新した場合は、最新の記事にだけ日付が表示され、残りの記事については日付が出力されない。カテゴリアーカイブや月別アーカイブでも同じ。同一カテゴリ内に同一日の更新が二つ以上ある場合は、最初の一件だけに公開日が表示される。個別記事の場合はもともと一件しか表示されないので、問題ない。 それを避けたい場合は、the_date()ではなくthe_time()を使う方がいいかもしれない。 <?php the_time('Y/m/d'); ?> フォーマットは自分で指定できるから、時、分、秒などを表示させたくなければ上記のようなフォーマットを指定すればいい。これだと同一日に何回更新しても、全部の記事に日付が表示される。 ささいなことだけど、テストのために何

※編集部注：jQueryプラグイン「vanity」は既にサービスを終了しています。 お疲れ様です、ももこです。 今回はタブやツールチップ等、ちょっとした動きをつけるのに便利で超軽量なjQqueryプラグイン「vanity」をご紹介します。 jSlider – スライダー ナビとページ遷移のついた基本的なスライダー、速度やイージングも調整がききます。 jTabs – タブ コンテンツの切り替えによく使われるタブ。簡単にアニメーションがつけられるのが個人的に気に入りました！ jPaginate – ページネーション ブログで大活躍するページネーション、オプションを細かく設定すればイイ感じに使えそうです。 jSpotlight – スポットライト 選択した要素以外を目立たせなくするスポットライト。タイトルが下からひょこっと出てくるのも良いですね！ 他にも…… 以下のツールを含め、7つの機能が使用

どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ