ホーム webリソース フレームワーク

フレームワーク

SASSが3倍効率良く書けるフレームワーク、ミックスインまとめ

現在のWeb制作ではBootstrapのようなCSSフレームワークやSASS、LESSなどのCSSを効率良く各手法がよく使われます。SASSと一緒に使われるものとしてはcompas...

Googleだけじゃない!?最新マテリアルデザインフレームワーク25選

フラットデザインも浸透して一段落、次のデザイントレンドは?ということで注目されているのがこのマテリアルデザイン。最近Googleでマテリアルデザインのためのフレームワークがこちら...

レスポンシブWebデザインのための最新CSSフレームワーク 40選

日本国内でもBootstrapを筆頭にCSSフレームワークの認知度が上がってきました。CSSフレームワークを使うことで普段のコーディングを効率化できたり、ややこしいレスポンシブWe...

モバイルアプリ制作のためのフレームワークまとめ 10+

フレームワークにはモバイルデバイスに最適化されたボタンやフォームパーツなど、様々なコンポーネントが用意されています。これらのコンポーネントを使うことでモバイルアプリ制作を非常に効率...
モバイルアプリ・サイトを効率良く作るためのフレームワークまとめ

モバイルアプリ・サイトを効率良く作るためのフレームワークまとめ

最近人気の高いモバイルアプリ&サイト制作。以前はXcodeとややこしいObjective-Cを使ってアプリを作ってましたが、今ではHTML5とjavascriptで簡単なア...
次のトレンド!?Wordpressフレームワークまとめ

次のトレンド!?WordPressフレームワークとは

photo credit: San Diego Shooter via photopin cc レスポンシレイアウト、CSSフレームワーク、CSSプリプロセッサ、jQuery...

Bootstrapがフラットデザインでさらにスタイリッシュに!Bootflat

CSSフレームワークの中でも特に人気の高いBootstrap。標準のスタイルでも十分使えるものですが、さらにフラットデザイン化によって洗練されスタイリッシュになっています。 ...

CSSフレームワークUIkitの使い方、レイアウト編

現在様々なCSSフレームワークが公開され、web制作やコーディングが非常に楽になってきています。代表的なCSSフレームワークにはTwitterBootstrapがありますが、今回...

BootstrapユーザーがUIkitに乗り換えるべき3つの理由

数あるCSSフレームワークの中でも特に人気の高いのがBootstrap。最近Bootstrap3にアップデートされ、このサイトでも基本的な使い方やBootstrap3で簡単にWe...
レスポンシブデザインをより簡単に実装できるCSSフレームワーク15個01

レスポンシブデザインをより簡単に実装できるCSSフレームワーク15個

レスポンシブレイアウトをゼロから実装するのは結構大変。それぞれの画面サイズごとに最適化し、表示・非表示の設定やjQueryプラグインなども自分で設置する必要があるためです。しかし、CSSフレームワークを使うことでレスポンシブデザインをより簡単に実装できるようになります。有名なのは「CSSフレームワーク Bootstrapの簡単な使い方」でも紹介したTwitterBootstrapですが、今回はそれ以外にもたくさんるフレームワークを紹介したいと思います。

最新記事

Bootstrap3 テーブル(表)の書き方、使い方

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

Markdownで書いた記事はSEO的に問題ないのか?調べてみた

最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。 MarkdownはHT...

ひとつ上の Bootstrap3 グリッドレイアウト使いこなし術

前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。 Bootstrap3では単に横並びのレイアウト...

もう一度確認しておきたい、Bootstrap3 レスポンシブの基礎知識

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

今度こそ覚える、Bootstrap3 グリッドシステムの使い方

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

はてな人気記事

人気テンプレート

COLORSTORE minimal2 カラーミーショップ レスポンシブテンプレ...

COLORSTORE minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。

CUBESTORE classic EC-CUBE2.13系対応 マルチカラムテ...

CUBESTORE classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

COLORSTORE simple1 カラーミーショップ レスポンシブテンプレー...

COLORSTORE simple1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。

CUBESTORE simple1 EC-CUBE2.13系対応 マルチカラムテ...

CUBESTORE simple1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

COLORSTORE simple2 カラーミーショップ レスポンシブテンプレー...

COLORSTORE simple2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。