デザインが苦手なWebサービス開発者に朗報！今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 | IDEA*IDEA

2011/08/20 2350 users IDEA Twitter インターフェース グリッド 朗報

土曜日の朝ですが、これはテンションがあがる！！！ Twitter社から開発者むけに素敵なプレゼントですよ・・・これはすごい。今風のインターフェースがさくっと作れるCSSフレームワークですな。これだけでかなり高品質なデザインが実現できちゃうのではないでしょうか。 ↑ ここ最近で一番テンションあがった！Twitter△！ すんごくたくさんの機能があるのですが、いくつかご紹介。 ↑ まずはグリッド。部品... 続きを読む

初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで

2011/08/08 1305 users フレームワーク CSS HTML WordPress web

初心者の頃、フレームワークっていう言葉が難しくて、いまいち意味の分からないものでした。CSSフレームワークとか、HTML5+CSS3のフレームワークとか。ひょっとしたら私と同じようにフレームワークって何だろうって思っている人もいるかと思って、フレームワークについてブログにしてみました。Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどん... 続きを読む

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - ＠IT

2014/03/19 1069 users Bootstrap サンプルアプリケーション API 概要

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介... 続きを読む

これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 大人になったら肺呼吸

2012/02/26 983 users Twitter Bootstrap 肺呼吸 エントリまとめ

Twitterはじめに今、Twitter Bootstrapが一部のエンジニアで人気です。Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成することができます。そこで、これからTwitter Bootstr... 続きを読む

今風のWebサイトが誰でも作れる！便利なCSSフレームワークのまとめ - NAVER まとめ

2012/07/09 913 users 今どき ウェブサイト まとめ - NAVER デザイン 更新日

今どきはCSSフレームワークというのがあって、デザインが苦手でもそれっぽいウェブサイトを作ることが出来るらしいです。ということで、調べてみました。 更新日: 2012年07月09日RSS 続きを読む

CSSフレームワーク『BlueTrip』が想像以上にすごい - present

2011/02/09 913 users Hacks present フレームワーク CSS Blog

CSS, HTMLCSS フレームワークを再認識CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。Blog Hacks 2011 〜 今、Blogを楽しむ5つのHacks - ゆーすけべー日記確かに、これは便利そうですね！さっそく、CSS フレームワークを導入してみます。BlueTrip を導入CSS フレームワークはいろいろあり... 続きを読む

Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ | HTML5Experts.jp

2013/08/20 650 users グリッドシステム Bootstrap Bootstrap3

人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザイン... 続きを読む

Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ - paiza開発日誌

2016/12/19 549 users フレームワーク paiza開発日誌 0310lan 軽量 人気

2016 - 12 - 19 Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ プログラミング初心者 プログラミング学習 開発ネタ どうも、まさとらん（ @0310lan ）です。 みなさんは、「 CSS フレームワーク 」を活用しているでしょうか？ いきなり フレームワーク と聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は 誰でも利用... 続きを読む

Bootstrap以外のCSS Frameworkを知らない人必見！CSSフレームワーク４４選 | エンジニア転職求人情報×IT人材紹介@SAK

2015/02/03 527 users CSS Framework Bootstrap グリッド

CSS Framework 2015年になったので、現状のCSSフレームワークをまとめてみました。Bootstrap以外にも沢山あります。 かなりの量があるのですが、単一機能のみ（グリッドだけとか）などもあります。 一通り見てみると、やはりBootstrapが良いなとは思うのですが、個人的にはSemantic UIが良いなと思いました。 名前空間の考え方や、設定はBootstrapが一番洗練されて... 続きを読む

【2016年版】デキるWebデザイナーのための「CSSフレームワーク」ベスト10　｜SeleQt【セレキュト】

2016/11/17 492 users フレームワーク SeleQt リソース セレキュト 本稿

フレームワークの活用はWebデザインの現場において「当たり前」のものとなってきましたね。制作にかけられる時間・労力は決して無限ではありません。限られた資源（リソース）を効果的に分配するのもプロとして欠かせない姿勢です。 本稿では2016年版Webデザイナーのための「CSSフレームワーク」ベスト10をご紹介します！ フレームワークとは何か？ ファイルとフォルダを含むパッケージのことです。CSSフレー... 続きを読む

Sass、そしてSassy CSS (SCSS)

2011/02/11 482 users Sass SCSS CSS メタ言語 Reset CSS

CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass(主にSCSS)の良さを解説する。CSSフレームワークSassSassy CSS aka SCSSSCSSでCSSフレームワーク2カラムレイアウトの作成clearfixやReset CSSの組み込みカラム幅の変更カラムの入れ替えSCSSで完結することの意... 続きを読む

Twitter謹製のCSSフレームワーク『Bootstrap』が大幅バージョンアップ中！ | IDEA*IDEA

2011/09/18 463 users Bootstrap IDEA ドキュメンテーション 本日

以前ご紹介したBootstrapですが、良い感じにマイナーバージョンアップを繰り返しているようです。地味にウォッチしていたのですが、本日、v1.3.0になってかなり使いやすくなったので再度ご紹介。 ■ JavaScriptライブラリも出来た！ これが一番うれしいぞ！ 以前はドキュメンテーションがいまいちで、完全に動作させるにはデモページのJavaScriptを解析して・・・なんてことが必要だったの... 続きを読む

MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介

2007/08/07 457 users フリーウェア テキストエディタ MOONGIFT SBS 登場

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。 [CSS] [ Firefox] [ Google Code] [ IE] [ MIT License] [ Web] [ オープンソース] [ デザイン] [ ライブ... 続きを読む

にわかデザイン（1）：HTML5＋CSS3は「メニューの作り方」を覚えるだけ！ (1/3) - ＠IT

2013/02/26 383 users HTML5+CSS メニュー デザイン Photoshop

Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思... 続きを読む

シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css

2022/02/07 352 users グラスレス ポートフォリオ CSSリセット HTML 超軽量

その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量（4kB）CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもし... 続きを読む

CSSのフレームワーク『Blueprint CSS』まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/21 349 users YUI IDEA フレームワーク 差異 CSS

ちょっと調べ物をしていたのでわかったことをシェア。CSSフレームワークのBlueprint CSSについてです。 CSSはブラウザハックとかが面倒でレイアウトに悩んでいる人も多いですよね。そこでブラウザ間の差異を吸収してくれるフレームワークがいろいろ出てきています。有名なのはYUIですが、Blueprint CSSもわりとメジャーですよね。 今回はそのBlueprint CSSをちょっといじってみ... 続きを読む

CSSファイルから未使用のスタイルを削除する方法 | コリス

2019/09/26 328 users コリス ライブラリ CSSファイル スタイル アプリ

PurgeCSSを使用して、CSSファイルからWebページやアプリで未使用のスタイルを削除する方法を紹介します。 特にCSSフレームワークやライブラリを使用している時は、すべてのスタイルを使うことはないと思うので、劇的な効果があります。 How to Remove Unused CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻... 続きを読む

カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG

2013/11/19 305 users コンポーネント Sass UIパーツ デザイナー アツい

こんにちは。デザイナーのはるえです。 レスポンシブWEBサイトを作成する際に重宝されているCSSフレームワークですが、 「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込... 続きを読む

CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレームワーク「Tailwind CSS」 | コリス

2019/11/28 278 users ライセンス フロントエンド コリス 翻訳記事 CSS

日本でも、Tailwind CSSを使用する人が増えてきましたね。 フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。 How I Stopped to Write CSS by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳... 続きを読む

MOONGIFT: » 今時のWebサイトを構築するのに便利そうなCSSフレームワーク「Malo」:オープンソースを毎日紹介

2008/12/07 248 users フリーウェア テキストエディタ SBS ユーティリティ CMS

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。 Webサービスの企画、構築承ります いつもMOONGIFTをご覧いただきありがとうございます。 こちらはお仕事募集の案内になります。 MOONGIFTではWebサービス... 続きを読む

今年流行りのフラットなデザイン制作に役立つCSSフレームワークやPSD素材まとめ8つ - W3Q

2013/03/22 209 users W3Q デザイン制作 Twitter Bootstrap

【Flatstrap】 Twitter Bootstrapをフラットデザイン化したCSSフレームワーク。 Flatstrap by Littlesparkvt.com http://littlesparkvt.com/flatstrap/ Flatstrap by Littlesparkvt.com 続きを読む

これまでとは異なるCSSフレームワークが登場！ 一貫性のあるUIコンポーネントを簡単に実装できる -Open Props

2022/04/05 189 users UIコンポーネント 一貫性 カスタムプロパティ 登場 くら

これまでとは異なるCSSフレームワークが登場しました！ Tailwind CSSのようにユーティリティファーストで、すべての値がCSS変数（カスタムプロパティ）で記述されています。レスポンシブ対応で一貫性のあるUIコンポーネントを簡単に、素早く実装できます。 単独でも他のフレームワークとの併用も可能で、カラーのみグラ... 続きを読む

レスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」 | DesignDevelop

2011/11/20 179 users Less Framework デバイス レイアウト 端末 制作

様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。 Less Framework 4 様々な端末に... 続きを読む

2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス

2017/04/27 171 users コリス アクセシブル CSS 軽量フレームワーク グリッド

Flexboxで実装されたグリッドのみをはじめ、さまざまなコンポーネントが利用できるもの、ファイルがモジュール化されたもの、アクセシブルに特化されたものなど、2017年にチェックしておきたいCSSの軽量フレームワークを紹介します。 mini.css -GitHub mini.css テンプレート一覧 モバイルデバイスと最新のブラウザを考慮して設計された軽量（7KB）CSSフレームワーク。ほとんどの... 続きを読む

jagrid - Excel方眼紙をWeb上に再現！ MOONGIFT

2014/05/10 146 users MOONGIFT jagrid Excel方眼紙 断定 再現

これは凄いかも知れない…。 最近のCSSフレームワークは幅を12分割した上でデスクトップ、タブレット、スマートフォンに適応させるスタイルになっています。しかしこれでは緻密な画面設計を求められる日本の業務システムにはマッチしません。 日本の業務システムと言えばExcel方眼紙がデフォルトです（断定）。そのUIに慣れ親しんだ人のためのグリッドレイアウトフレームワークがjagridです。 jagridの... 続きを読む