タグ

フレームワークに関するnemusgのブックマーク (6)

  • デザインスプリントのメリットとNGパターン|THE GUILD 深津氏など実践者が語る | キャリアハック(CAREER HACK)

    注目を集めるデザインスプリント(Design Sprint)の実践者から学ぶ、Design Sprint Night!がDeNA社で開催された。Microsoft Venturesの馬田氏、THE GUILDの深津氏の講演を中心にレポートをお伝えします。 デザインスプリントとは? 昨年からにわかに注目を集めているデザインスプリント。その方法論と、実践者から実施におけるポイントを共有する場として『Design Sprint Night』が開催された。 デザインスプリントとは、デザイン上の問題を解決するために、5日間という短い期間で高速にプロトタイピングと検証を行う方法論(フレームワーク)のこと。Google Venturesが、投資先で実践しているこのフレームワークを1月末に公開したことは、国内のスタートアップ、デザイナー界隈でも話題になった。 200名近い参加者が集まったイベント。まずM

    デザインスプリントのメリットとNGパターン|THE GUILD 深津氏など実践者が語る | キャリアハック(CAREER HACK)
  • 【決定版】デキるWebデザイナーのための「CSSフレームワーク」ベスト10 

    フレームワークの活用はWebデザインの現場において「当たり前」のものとなってきましたね。制作にかけられる時間・労力は決して無限ではありません。限られた資源(リソース)を効果的に分配するのもプロとして欠かせない姿勢です。今後もこうしたCSSのフレームワークを活用した流れは続くのではないでしょうか。 そこで稿では制作の現場で使えるWebデザイナーのための「CSSフレームワーク」ベスト10をご紹介します!下記にご紹介するフレームワークをうまく活用して、ぜひ日々の業務の効率化にお役立てください。 そもそもフレームワークとは何か? フレームワークとは、来ファイルとフォルダを含むパッケージのことです。CSSフレームワークの場合だと標準化されたHTMLCSS、JSコードを含んだ機能群のことを指します。こうしたフレームワークを使うことで、一からフロントエンド開発を行うよりも飛躍的にWeb制作の生産性

    【決定版】デキるWebデザイナーのための「CSSフレームワーク」ベスト10 
  • レスポンシブ対応のCSSフレームワーク22選

    手軽に素敵なホームページを作成することができるCSSフレームワークが沢山登場しています。アイコンなども全てセットになったものなどもあり、コーダーでなくとも簡単に作業できることから人気を博しています。 今回は、レスポンシブに対応したCSSフレームワークをに紹介します。CSSフレームワークを選ぶ際の参考にしましょう。 CSSフレームワークとは?その特徴とメリット CSSフレームワークを簡単に言うと、Webサイトに必要なパーツや主な機能などがセットになったパックのことです。Webサイトをデザインするとき、通常はイチからデザインを考えて、パーツを揃え、CSSを記述していく必要があります。これは時間がかかる上、Webデザイナーやエンジニアなどの専門家がいない場合、整ったデザインのWebサイトを制作することは非常に困難だと言えるでしょう。 そんなときに便利なのがCSSフレームワークです。CSSフレーム

    レスポンシブ対応のCSSフレームワーク22選
  • Flexboxベースの軽量レスポンシブCSSフレームワークBasisをつくりました。

    Flexbox ベースの軽量レスポンシブ CSS フレームワーク Basis を公開しました。もともと Bootstrap が好きでよく使っていたのですが、いろいろ「ん?」となることがあって、別のフレームワークを探してみたりもしたのですがなかなか条件にあうものが無く、それならいっそ作ってしまえ!ということで作りました。 導入方法・マニュアルは下記をご参照ください。 ということで、既存のフレームワークの何が不満だったのかということも交えつつ、Basis の特徴など。 Basis の特徴 Flexible box ( Flexbox ) ベースのグリッドシステム Basis はグリッドシステムが float ベースではなく、Flexible box ( Flexbox ) ベースとなっています。今でこそ Flexbox ベースのグリッドシステムが使えるフレームワークがいくつかでてきていますが、

    Flexboxベースの軽量レスポンシブCSSフレームワークBasisをつくりました。
  • ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework

    シンプルでベーシックなレスポンシブ Webデザイン対応のCSSフレームワーク をご紹介。シンプルなのでフレーム ワークとしてとても使いやすいイメージ でした。これはこれで覚えておくと いいかも。 シンプルなレスポンシブWebデザイン対応のCSSフレームワークです。 2~4カラムのグリッドや、2カラム構成のベーシックなレイアウトで、メインカラム内での4カラムにも対応しています。 CSSはリセットが1KB、Media Queriesと一般レイアウト用CSSの3KB。ブレークポイントは480pxと940pxが用意されています。 スクリーンショット iPhoneでのスクショです。 ChromeエクステンションのIETabでIE7の表示を確認しましたが問題はありませんでした。 とにかくシンプルなのが気に入りました。多少の手入れは必要ですが、細かい部分は個人によって好みが分かれますのでフレームワークと

    ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework
  • 1