タグ

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

  • お問い合せフォームをコーディングするための9つのTips | 株式会社LIG

    こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは

    お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
  • 【スクショつき】Excelでカレンダーを作成する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    Excelはなんとなく使えるけど……という方のために、まずはExcel入力時に押さえておきたい3つの基ポイントから、作業効率をアップしてくれる3つのテクをピックアップ。 それらを活かして、題の「万年カレンダー」がサクッとつくれるコツをご紹介しますので、新しい年や新年度を迎えるタイミングや、新規プロジェクトスタート時などにもぜひご活用ください! 押さえておきたいExcelの3つの基1:Excel は計算できるもの(数値)と計算できないもの(文字列)に分けられる 文字列は日本語入力 ON で入力しますが、数値は日本語入力を OFF にして入力するのがベターです。 Enter キーを 2 回押す手間が省けるのと、慣れてきて関数などを直接入力するときのエラーを回避できるので、ぜひ最初の段階で日本語入力切り替えのクセ付けをしておきましょう。 基2:計算式を作るには頭に「=」を入力する

    【スクショつき】Excelでカレンダーを作成する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • CSS3アニメーションをらく~に実装!オンラインツール7選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装!オンラインツール7選 Animate

    CSS3アニメーションをらく~に実装!オンラインツール7選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG

    こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です! フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

    今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
    Koozz
    Koozz 2013/05/21
    フラットデザインはシンプルでいいよね。
  • 自社サイトをメディア化し、1年で100万PVにして分かった失敗と成功のまとめ。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGの代表、岩上です。 僕達は2012年1月からブログを格的に書き始めて、自社サイトをメディア化するという事に力を注いできました。おかげさまで1年ちょっと運営して月間140万PVくらいの規模のサイトになってきたので、そろそろこれまで僕達がやってきた事の狙い、施策、効果などをまとめたいと思い、記事を書いてみました。 結論から言うと、「自社メディアを持つ」という事はマーケティングやブランディングの観点からとても効果的なのですが、大変な面も多々ありますので、我々の実体験を元にした記事をお読みいただき、何かの参考になればいいなと思っています。 それではどうぞ。 ※読了目安、10分くらいです。 目次 LIGブログの規模と現状 メディア化とは 自社サイトをメディア化するメリット 運用コストについて 費用対効果について 記事を書く際に意識している事 失敗した事、大変だった事 今後の展開

    自社サイトをメディア化し、1年で100万PVにして分かった失敗と成功のまとめ。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    Koozz
    Koozz 2013/04/05
  • 「Compass」、基礎から応用まで! | 株式会社LIG

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

    「Compass」、基礎から応用まで! | 株式会社LIG
    Koozz
    Koozz 2013/02/07
    CSSはこれからが成長期かもしれない
  • 伝説のウェブデザイナー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    伝説のウェブデザイナーを探して 西暦2012年 株式会社LIGは深刻なデザイナー不足に見舞われていた。 そんな中、過酷な労働を強いられるデザイナー達が限界を迎えようとしていた。 「もう15時か。あー、今日もよく働いた」 「おい、お前達、しっかり働けよ。俺はもう上がるからな」 「ヴぇっ!?」 「な、なにをする!」 「うっ…ぐ…」 「……………………」 ~~~~~~~~ 「……………………」 「えっ?」 「ふふふ、社長…ようやく目が覚めたみたいね」 「!? なんのつもりだ!さっさとここから出せ!」 「社長。俺達の言う事さえ聞いてくれたらすぐにでも出しますよ。」 「お前達の言う事だと…一体何が望みだ?」 「新しくウェブデザイナーを雇うこと。それが望みよ」 「ウェブデザイナーを雇うだと?!…だからって、何故こんな事を…!!」 「………………」 「クズどもが!早くここから出せ!」 「黙って聞いていれ

    伝説のウェブデザイナー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    Koozz
    Koozz 2012/09/07
    これは立候補に勇気がいるな
  • 1