デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

2022/05/18 196 users Feather アイコン Tabler Icons デザイン

Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードでき...記事の続きを読む 続きを読む

jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能 － Publickey

2021/05/10 157 users Publickey We're RTL 横書き フレームワーク

jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能 複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版、「Bootstrap 5」正式版がリリースされました。 One more time, we're gonna celebrate—Bootstra... 続きを読む

CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) - Qiita

2019/08/27 62 users Element Qiita Vuetify ブレイクポイント

CSSフレームワークのブレイクポイントを比べて(Bluma, Vuetify, Element, Bootstrap, etc..) いま開発している積読用の読書管理アプリでは、CSSフレームワークにBlumaを使ってる。 昔は、VuetifyやBootstrapを使っていたけど、ブレイクポイントが違っているのでまとめてみた(´ω｀) ブレイクポイントのまとめ xs sm md lg... 続きを読む

Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 | かちびと.net

2019/08/08 235 users Vue.jsベース net 管理画面テンプレート レイアウト

Vuestic Admin Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 レイアウトはBootstrapが導入されており、レスポンシブ対応となっています。管理画面系のコンテンツによく必要とされるコンポーネントは概ね揃えられているので、1から作るよりは... 続きを読む

Bootstrap の開発メンバーになった話 - Qiita

2019/05/02 89 users Qiita mdo organizations 経緯 作者

先日、Bootstrap の作者 (@mdo) からチームに加わらないかとお誘いのメールがあり、喜んで受け入れて、Bootstrap のチームメンバーになりました。 ↑ Organizations の所に Bootstrap のアイコンが表示されるようになりました。 どういう経緯でチームメンバーになったのかを書いてみたいと思います。 はじめての Issue 報... 続きを読む

CSS フレームワークを使いたくない - ジンジャー研究室

2019/03/12 504 users CSS フレームワーク ジンジャー研究室 Bulma 馴染め

CSS フレームワークが辛い。 ここでいう CSS フレームワークとは Bootstrap とか Bulma とかそういうやつのことである。昔から自分はこういうのが苦手で、一定の便利さは感じつつもどうしても馴染めないという状態が続いていて、それでも「それは使い方が悪いだけで、ちゃんと使いこなせばペイするんだろう」と思って今... 続きを読む

2018年おすすめのCSSリセット！「Reboot.css」の特徴と使い方を解説 | コリス

2018/06/14 210 users コリス Normalize.css CSS CSSリセット

Bootstrapは既に多くの人が知っていると思います。 では、Bootstrapで採用されているCSSのリセットは知っていますか？ Reset CSSやNormalize.cssよりも使いやすく、これからのWebサイトやスマホアプリのCSSリセットとして設計された「Reboot.css」の特徴と使い方を紹介します。 A Look at Bootstrap 4's New Reset: Reboo... 続きを読む

Bootstrapなどのフレームワークは使用せずに、Webサイトを実装した際に学んだCSSの4つのテクニック | コリス

2018/06/12 69 users コリス フレームワーク ライセ CSS テクニック

新しいプロジェクトをゼロから始めることは、どれくらい経験豊かであっても、新しいことが学べる素晴らしいチャンスです。Bootstrapなどの完成されたフレームワークは使用せずに、Webサイトを実装した際に学んだCSSのテクニックを紹介します。 4 CSS tricks I've learnt the hard way 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセ... 続きを読む

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール | コリス

2018/04/20 848 users コリス 積み木 CSS HTML ドラッグ＆ドロップ

さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む

最新版で学ぶwebpack 4入門 - Bootstrapをバンドルする方法 - ICS MEDIA

2018/04/10 95 users Webpack CSSコーダー ICS MEDIA 勢い 前回

モジュールバンドラーwebpack（ウェブパック）の人気は飛ぶ鳥を落とす勢いで、 フロントエンドエンジニア必須のツールとなりつつあります 。タスクランナーGulpで対応していたことの多くはwebpackで置き換えが可能。JavaScriptエンジニアだけでなく、 CSSコーダーにも利用が拡大しているのではないでしょうか？ 前回の記事「 webpackにスタイルシートを取り込む方法 」ではCSS・S... 続きを読む

商用利用無料！Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ | コリス

2018/03/27 129 users コリス ポートフォリオ 商用 テンプレート ランディングページ

Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for B... 続きを読む

BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 | かちびと.net

2018/03/20 69 users Tabler コンポーネント CSS 左カラム 視認性

tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで... 続きを読む

Bootstrap 4で実装されているデザインシステム要素すべてをデザイン素材にした無料素材 -Bootstrap Design System | コリス

2018/02/22 67 users コリス スケーラブル Sketch用 要素 デザイン素材

Bootstrap 4で実装されているデザインシステム要素すべてをデザイン素材としてスケーラブルに再現したSketch用の無料素材を紹介します。 すべての要素はBootstrapで使用されている名前が適切に付けられている ...記事の続きを読む 続きを読む

BootLeaf - Bootstrap/Leafletを使った地図テンプレート MOONGIFT

2018/02/16 69 users Leaflet ソフトウェア 相性 ベース 地図

地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。 BootLeafの使い方 地図が右側に、表示している情報が... 続きを読む

新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ | コリス

2018/01/30 162 users コリス コンポーネント rem ナビゲーション Sass

2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、CSSの主要な単位はpxからremに変わり、デフォルトのフォントサイズは大きくなり、サポートブラウザからIE8,9は外れました。 ※pxはメディアクエリとグリッドのみ。 新しくなった... 続きを読む

Bootstrap 4 · Bootstrap

2018/01/19 299 users

B The Bootstrap Blog News and announcements for all things Bootstrap , including new releases, Bootstrap Themes , and Bootstrap Jobs . It’s literally taken us years to do it, but Bootstrap 4 has final... 続きを読む

Bootstrap 4 · Bootstrap

2018/01/18 299 users

It’s literally taken us years to do it, but Bootstrap 4 has finally arrived! Words cannot begin to describe the elation the entire team and I have for this release, but I’ll do my best. Thank you to e... 続きを読む

BootstrapやAMPなどのテンプレートを簡単にカスタマイズできる無料の国産サービス -Framework Template Editor | コリス

2018/01/15 230 users コリス AMP Materialize Foundation

Bootstrap, Foundation, Materializeなどのフレームワークは手軽に利用できるとは言え、それでも一から始めるのは面倒です。これらのフレームワークを簡単にカスタマイズして利用できる無料の国産サービスを紹介します。 ランディングページやブログをさくっと作りたい、ナビゲーションやカード型コンポーネントを利用したいなど、さまざまなテンプレートやテーマを利用できます。 Frame... 続きを読む

CSS Gridでレイアウトやフレームワークの考え方・作り方が変わる | Rriver

2018/01/09 56 users Flexbox Rriver フレームワーク コンポーネント

最近、ようやくCSS Gridを学びはじめてるんですけど、学ぶ課程で「CSS Gridが”普及”すると Bootstrap や Foundtion のようなフレームワークの作り方も変わるんだろうなぁ」と考えています。 どう変わるのかというと、まずは： 基本的にレイアウトはCSS Grid（必要に応じてflexbox）でやるようになる コンポーネントはいままでのフレームワークと基本的には同じだけど、... 続きを読む

CoreUI - Vue/Bootstrap製の管理画面UI MOONGIFT

2017/12/27 83 users MOONGIFT Vue Bootstrap製 殆ど 画面

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッ... 続きを読む

これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic | コリス

2017/11/20 121 users コリス コンポーネント 変数 UIコンポーネント テンプレート

Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap... 続きを読む

レスポンシブ対応、縦長ページで見かけるさまざまなUIコンポーネントを備えたHTML/CSSのテンプレート -Shards | コリス

2017/11/15 59 users コリス MITライセンス UIコンポーネント CSS HTML

最新のBootstrap 4をベースに、ランディングページやスマホアプリのプロモーションページなど、縦長ページでよく見かけるさまざまなUIコンポーネントを備えたHTML/CSSテンプレートで構成された無料のUIキットを紹介します。 もちろんレスポンシブ対応で、非常に軽量に構築されているので、快適に利用できます。 Shards Shards -GitHub Shardsは MITライセンス 、個人で... 続きを読む

Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」 | かちびと.net

2017/10/15 61 users OSS フッター フレームワーク ブロック単位 net

Froala Design Blocks Froala Design BlocksはBootstrapで使えるフォームや地図コンテンツ、フッターや「値段表」、「製品詳細」のようなよく見かけるコンテンツなどをブロック単位にして170種ほどセットにしてオープンソースとして配布するプロジェクトです。すでにスタイルされているのでフレームワークとしての利用という感じではありませんが、自身で作れない、時間がな... 続きを読む

これならかなり簡単！Bootstrap 3, 4 betaに対応、テンプレートをカスタマイズして利用できる -Bootstrap4 Editor | コリス

2017/08/22 84 users コリス ナビゲーション テンプレート ベータ版 かなり

2017年8月にBootstrap 4はようやくベータ版がリリースされました。 そんなBootstrap 4に早くも対応した、Bootstrapのさまざまなテンプレートを簡単にカスタマイズして利用できるオンラインサービスを紹介します。 Webサイト、ランディングページ、ブログのテンプレートをはじめ、ナビゲーションやカード型コンポーネントなど、さまざまなテンプレートを利用できます。 日本人クリエイタ... 続きを読む

Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ - PhotoshopVIP

2017/08/11 94 users PhotoshopVIP ウェブデザイントレンド 使い心地

デザイン性だけでなく使い心地にもこだわった、 ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材 をまとめました。 人気の HTMLフレームワーク Bootstrap を利用して作成 されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、 2017年のウェブデザイントレンド をうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでし... 続きを読む