bootstrapに関するshin1x1のブックマーク (24)
-
shin1x1 2017/01/19
-
Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
-
-
Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT
Bootstrapの良いところは使い手（主にエンジニア）の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。 今回紹介するResponsive Dashboardもその応用例と言えます。いわゆる管理画面系のダッシュボードですが、AngularJSとjQueryに対応し、カスタマイズして利用するのが容易になっています。 Responsive Dashboardの使い方 こちらがメイン画面です。管理系で良くありがちなウィジェットがたくさんあります。メニューは左側です。 デスクトップもメニューを折り畳めます。 タブレットサイズになると自動でメニューの文字が折り畳まれます。 スマホサイズ。カラムが1列になります。 Responsive DashboardはBootst
-
Bootsnipp
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your email is never shared or sold to anyone else)
-
-
ハイクオリティかつ無料のテーマ配布サイトBootstrap Zeroが凄すぎる！ - ku-sukeのブログ
無料なのにこのクオリティヤバイ！！ Bootstrap Zeroはその名の通り、Bootstrapをベースにデザインされた美しいテーマが無料で配布されているサイトです。 これまでもStart BootstrapとかBootswatchとか無料のサイトが合ったのですが、無料だけあって有料のテーマと比べるとちょっとベーシック感が否めない状況でした。 ところがこのBootstrap Zeroはかなりクオリティが高いテンプレートが多いです。自分でデザインする人のためのStarterから、そのまま使えるデザイン済みのThemes、さらにFacebook風やGoogle+風、Android風などもあってかなりのクオリティっぷり！ それではいくつか御覧ください。 Starter 本家のexampleにひと手間加えた感じです。 Themes こちらは気に入ったものを幾つか Admin 管理画面で使える！！
-
Ladda for Bootstrap 3 UI
Usage: Include the CSS and Javascript for Spin.js and Ladda effect: <link rel="stylesheet" href="dist/ladda-themeless.min.css"> <script src="dist/spin.min.js"></script> <script src="dist/ladda.min.js"></script> Then to produce a button with the Ladda effect: <button class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">expand-left</span></button> Or using "a" tag:
-
Using Grunt & Bower With Laravel And Bootstrap
Setting up a faster front-end workflow Dec 9, 2013 9 min read One day I got fed up with the way I used to compile LESS and searched for a more automated way. As I use Laravel for most of my projects I tried Basset asset manager. It worked nicely for some time than it started to have a mind of it’s own. I switched from it, but took note of the concept to store “raw” assets in the app folder. I trie
-
twitter bootstrap and angularjs directives | Errietta's blog ☕
The past few days, I’ve been experimenting with angularjs. It’s an awesome javascript MVC framework and I recommend checking it out if you haven’t! One of its features are directives which, among other things, allow you to replace html elements with a specific tag name or attribute name with a template and adjust their behaviour. This is nice if you have complex HTML structures in a website which
-
-
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
-
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
-
Bootstrap Themes at BootstrapZero
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
-
-
MacBeath - 3 in 1 Admin, Front End, E-Com by ashobiz
Mac Themes Features: Three in one theme - Admin, Front End and E-Commerce. Top selling theme in wrapbootstrap. Admin theme comes with stunning UI designs. Admin navbar supports dropdown. Header has notification blocks with dropdown. Header section shows the quick status. Sidebar navigation menu with dropdown support. Mini charts are powered by Sparkline plugin. Big charts using jQuery Flot plugin.
-
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがありますが、Bootstrapを使ったサイトを作るときには参考になると思います！ Bootswatch このテンプレートネタを扱う上で、まず第一に語るべきなのが鉄板の「Bootwatch」です。 ちなみに、BootwatchをRailsで使う手順を「RailsにMetroライクなBoots
-
お問い合わせ - 被リンクを増やす方法と効果について
被リンクを増やす方法と効果について ホームお問い合わせ お問い合わせ お名前※： メールアドレス※: お問い合わせ内容 ※: シェア Tweet B!はてブ Pocket 小 中 大 人気記事一覧 サテライトサイトを作成しよう 2019年07月11日 閲覧数:1156 被リンクの評価基準とは 2019年06月21日 閲覧数:819 SEO的に危険性のある被リンクとは 2019年05月16日 閲覧数:782 被リンクを自然に集める方法とは 2019年06月05日 閲覧数:777 被リンクとは何なのか説明します 2019年05月02日 閲覧数:776 最近の投稿 ブログなどのランキングサイトを利用しよう 2019年11月08日 ソーシャルサービスを利用しよう 2019年09月30日 良質なコンテンツを増やそう 2019年08月26日 サイト内リンクの構築方法 2019年07月27日 サテライト
-
Silex-kitchen-edition by lyrixx
A Silex BoilerPlate View the Project on GitHub lyrixx/Silex-Kitchen-Edition Download ZIP File Download TAR Ball View On GitHub Silex - Kitchen Edition This project is a sample base for your silex applications. It already embed : HTML5 boilerplate (http://html5boilerplate.com/) Twitter Bootrap with form integration (http://twitter.github.com/bootstrap/) version 2 Few extensions : Assetics Doctrine
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
