年表やSNSのデザインの参考に！タイムラインのサンプル10例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 今回は「タイムライン」のサンプルを10例ほど紹介していきます。 たとえばLIGの沿革ページもSNSのタイムラインっぽいデザインになっているように、沿革や実績をタイムラインで見せたいという要望はときどきあるので、デザインの際の参考になればと思います。 それでは、はじめます。 さまざまなタイムライン10例 1. Vertical Timeline http://codyhouse.co/gem/vertical-timeline/ レスポンシブ対応のタイムライン。 JSも使用していて、スクロールでコンテンツが“びよよん”と気持ちいい動きで出現します。 中央のカテゴリーのアイコンがアクセントになっていて、かわいいですね。 2. VERTICAL TIMELINE http://tympanus.net/codrops/2013/05/02/vertical-
リスティング担当者から見た、イケてるランディングページ10選（2014年ベスト10） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！幼稚園くらいの時、ウルトラマンに出てくる「ダダ星人」という敵のあまりの怖さに号泣し、吐きました。 メディア事業部のきょうへいです。 以前「リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきました。 この記事を書いたのは2012年なので、そろそろ新しい記事を書こうと思い、2014年版を発表することにしました。 2012年のLP、2014年のLPと見比べてみるのも面白いかもしれません。 Nike Football リスク上等. Nike.com http://www.nike.com/jp/ja_jp/c/football/riskeverything 世界29都市で同時開催された超攻撃的な変則フットボールマッチ、「WINNER STAYS 激戦上等」というイベントのLP。 イベント自体は既に終了していますが、イベントの詳細情報、アプリのダウ
エンジニア必見！Webデザイン・制作に役立つサイト26選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
マガンダング ハーポン！最近エンジニアに転職したひろゆきです。 詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ！！」を読んでください。 今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です！ WordPress関連（プラグインの検索、関数の解説など） ■WORDPRESS.ORG 日本語 http://ja.wordpress.org/ WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。 ■WORDPRES.ORG 英語 http://codex.wordpress.org/ WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。 ■WORDPR
Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 ぼーっとしている間に妹が高校を卒業していました。さらに、実家に顔を出したら成人式の話をしていました。なんというか、何もかもが衝撃です。 さて。デザイナーならmacじゃないの？という声もよく耳にしますが、コーディング＆（IE）デバッグのことを考えると、Windowsの方が勝手が良いことも多いです。 結果的にデスクトップとノートでWindowsとmacの2つを持っている人も少なくはないのではありませんか。おかげでタイプミスの多さったら。 ということで、今回は制作に関わるWindowsユーザーのみなさまにオススメのフリーソフトをご紹介したいと思います。 Windowsユーザー必見！ 普段使いにも制作にも役立つ便利ツール5選 お手軽キャプチャソフト「LightShot」 Windows標準機能のスクリーンショットは少々使いにくいですよね。 「ちょっとした修正の
パパ＆ママ必見！子育てに役立つWebサイト&スマホアプリまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも。野田です。最近のマイブームは自分の体脂肪と向き合う事、そして娘に、大好きなDJ KIYOさんのミックス、R&B JOINTを聞かせることです。 我が家では娘が生まれてから、1日1枚は必ず写真を撮り、毎日の成長を思い出に残しています。しかし、iPhoneやカメラに入っていると写真の容量が増えすぎてHDDと戦うことになります。 また、子育てをしていて、困ったという状況に陥ったときに、助けてくれるのはいつもWEBです。 そこで今回は、子供の思い出を残すのに役に立ったり、子育てで困った時に助けてくれるWEBサイトやアプリをご紹介致します。是非使ってみてください。 子育てに役立つアプリのご紹介 sprout（スプラウト）妊娠アプリ簡易版 https://sprout-apps.com/ 周りで妊娠した人は必ずと言っていいほど使用していたアプリです。 出産予定日を入力することで、お腹の中の赤ち
コンバージョン率も改善！検索順位と流入が上がるSEO対策まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のきょーへいです。LIGのSEM（サーチエンジンマーケティング）を担当しています。 さて、今やどんな企業でも避けて通れなくなったSEO対策ですが、担当者の皆さまはどのような悩みをお持ちですか？ SEMの悩みは大きく「検索流入を増やしたい」にまとめられると思います。検索順位を上昇させたいのも、結局は流入増加と、その結果としてのコンバージョン率の改善を目的としているからです。でも、自社の対策が本当に効果を上げているのか、実は自信がない人もたくさんいるのではないでしょうか。 そこで今回は、SEO対策のプロフェッショナル『株式会社ウィルゲート』さんのご協力を得て「検索流入を増やす」ためのSEO対策方法をまとめつつ、それを代行してくれるサービスをステマします。 これまで検索エンジンと向き合う作業だったSEO対策は、ユーザー（検索者）と向き合う、より本質的な方向へと移行してい
ブックマークレット10選
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね（どの業種にも言えることだとは思いますが）。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース（模写）」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか？ なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要！ などなど、良いことがたくさんあります。 まずはカッ
プレゼンが苦手な人へ！あなたの資料が「ガラッと変わる」便利なツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様、こんにちは。メディア事業部のまゆです。 最近はパワポなどを使って資料を作成することが少し増えてきました。外部の方の資料を見せていただくと、「こんな資料を作れてしまうのか……」と思うときが結構あります。 まだまだ勉強中の身ですが「こういうプレゼンができたら楽しそうだな」、「こういう資料を作ってみたい」と思ったプレゼンツールを何個かピックアップしてみました。 では、ご紹介したいと思います。 これは使いたい！プレゼンツール Zoho Docs https://www.zoho.com/docs/show.html オンライン上でプレゼンテーション資料を作成・公開できる完全無料サービス。 PC内にデータを保存していなくても、インターネットさえつながれば、いつでもどこでも利用することができます。作成した資料は.ppt/.pdf形式でエクスポートが可能。.ppt形式のファイルやGoogleドキュ
Javascriptを使ってここまでできる！凄い動きのサイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。マラガの海の贈り物SEKOです。 フラッシュを使えばサイトはダイナミックな動きを実現しますが、今回はフラッシュでなくてもJavascriptで凄い動きのサイトを集めてみました。 是非参考にしてください。 Javascriptを使った、凄い動きのサイト10選！ MoMA MoMA 円が時系列で表現されております。クリックするとグリンっとまわる動きは気持ちがいいです。ただサイト自体がけっこう重いですね。。 DUB FIRE DUB FIRE マウスを右や左に動かすとサイト全体が動きます。広がりがあり、操っている感もあり、こちらも操作が気持ちいいサイトです。 Volkswogen Volkswogen メインスライドの動きが綺麗です。スクロールで車を操作する年表ページやフォトギャラリーにも楽しい動きが沢山含まれています。 Secret Study Secret Study DUB F
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
基本となる写真の構図12選を一挙に紹介！ステキな写真は構図から。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「趣味はカメラ」と言いたくて、3年前に一眼レフを購入しました。 九州ライターの村上です、皆さんこんにちは。 【こちらもおすすめ】 ☞ カメラ初心者にオススメな12の構図でデジタル一眼レフで撮影した写真を魅力的に見せよう 愛はある。しかしセンスと知識がない。 カメラ楽しいですよね。 次は明るさを調整しようとか、ピント合わせるところを変えて撮ってみようとか、レンズを変えて撮ってみようとか。 でも3年撮ってもなんだか心に響く一枚がなかなか撮れないので、家族に一体自分の写真の何がまずいのか聞いてみました。すると、美術の成績が2だった父親に「構図がまずい」と言われました・・・。ショックを隠しきれません。 というわけで、今回は構図について勉強したことをまとめてみました。 今回ご紹介するにあたり、自分で撮った写真を何点か使っていますが、「構図やその他諸々のまずさ」はどうか目をつぶっていただけると助かりま
キャッシュクリアでサイトの修正を反映させる方法（OS/ブラウザ別） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 サイトの動作確認中、修正がすぐに反映されないことってありませんか？ その原因は主にブラウザ（Internet Explorer, Safari, Google Chrome, Firefox, Opera など）のキャッシュのトラブルだったりします。 キャッシュとは？ 使用頻度の高いデータを一時的に保存しておくことで、二度目以降の表示を速くする仕組みです。 修正前の情報がキャッシュされていると、修正したはずなのに見た目が最新状態にならない……という現象が起こりえます。Web関係でよくあるのは、ブラウザのキャッシュと、システムのキャッシュです。 システムのキャッシュはエンジニア以外に触りようがないので、ここではブラウザのキャッシュをコントロールする方法をご説明します。 キャッシュをクリアして強制再読み込み（スーパーリロード）！ ブラウザが保存していたキ
忙しい人こそ知るべき「忙しい人と仕事ができる人の20の違い」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの代表の岩上です。ジムに行こうと思っても中々行けない日々を過ごしています。 ついつい時間が足りないと思ってしまうのですが、多分、タイムマネジメントとタスクマネジメントが上手く行っていないんでしょう・・・。寝坊してしまうし。時間管理は永久の課題です。 耳が痛いのですが、友人から教えて貰ったエントリーがとても印象的だったのでご紹介します。 ※各項目のタイトルは勝手ながら付けさせて頂きました。 『忙しい人』と『仕事ができる人』の20の違い 1. 評価基準 『忙しい人』は、「忙しい」と周りに言えば「カッコイイ、頑張っている」と他人が評価してくれると思っている。 『仕事ができる人』は、「忙しい」と周りにに言うことは「無能の証明」だと思っている。 2. スケジューリング 『忙しい人』は、終了時間への認識が甘い。（なんとなく終わったらいいな～的な） 『仕事ができる人』は、絶対にここまで
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
