I started to use Bootstrap 3 recently and I was thinking to set myself a workflow. To make my work faster I want to use HTML5 Boilerplate. I've found out that I can get a custom build of H5BP which comes with Bootstrap. This is kinda cool but I have a few questions about it:
There isn't any license file in the file I downloaded. Not for Bootstrap, not for Normalzr, not even for H5BP itself. Considering I'm gonna use them in a commercial project, is this appropriate?
Can I delete local Bootstrap files in H5BP and replace them with CDN?
Is there something you would recommend to read or get familiar with before I start using them? (Could even be about setting a workflow).
Thank you for your help.
i found this license https://github.com/h5bp/html5-boilerplate/blob/v4.3.0/LICENSE.md (MIT license) more about the license of Bootstrap (Apache 2 license ) you will find here: http://getbootstrap.com/getting-started/#license-faqs. You can use both in commercial project without any problem
Why not? jQuery and Modernizr also load from CDN. Keep in mind jQuery and Modernizr have a local fallback. You will have such a fallback for Bootstrap too maybe. Also see: IE8 issue with Twitter Bootstrap 3
Read the docs of Bootstrap, HTML5 Boilerplate documentation, etc. To answer question about your workflow be more specific. How do you use the HTML5 Boilerplate? Build every site from from scratch? Do you use a temaplate engine or cms? etc.
Related
I'm learning Typo3 and wanted to create my own website. I have found that it's very difficult to work with Typo Script.
Is there an easy way to integrate an example HTML5 template in Typo3? I'm using the latest version of Typo3 (6.2).
Best option to learn this easy way is http://typo3buddy.com/ by Ronald Eijkman. Great place to start, and I would chose Fluid templating instead TemplaVoila...
TypoScript is must-know technology, if you wan't to use TYPO3...
You can use TemplaVoila extension as other templating engine, anyway it also has it's requirements (learning curve)
Someone asked me to cut a design layout using bootstrap/less/html5 and i am not really sure what they mean. I found something related to bootstrap from twitter, but nothing related to less.
Thank you.
Bootstrap is a css framework from twitter . Excellent for frontend prototyping and building robust crossbrowser and mobile friendly websites.
HTML5 Its an improved version of html and is in continuous development for more robustness and usability.
Less is a css preprocessor . It allows you to write css more dynamically providing re-usability and cutting short the time to write and manage large css files .
Links To read more about them :
Bootstrap : http://twitter.github.com/bootstrap/
HTML5 : http://www.w3schools.com/html/html5_intro.asp
Less : http://lesscss.org
Less is a dynamic stylesheet language. You can find it here, Less.
Bootstrap is a framework to define web pages. It is very common for the designers because they can produce an HTML/Javascript that is cross-browser, very simple and also ready for the mobile. Bootstrap.
HTML5 is the most recent standard to define web pages. It is more powerfull than previous versions. If you want to know more, try to search HTML5.
This tools have a lot of features that are impossible to describe here. Check the links, you will learn with no troubles.
I am pretty bad with CSS and HTML5 designing/templates. So, I google around and found two frameworks to start with nice looking layouts, necessary js and html5 support. But I don't know which on to use.
I would appreciate your answers on
What is the main different between two except google analytics ?
Which one is more rails friendly ?
Which one fits best to e-commerce sites, i.e. create rich content, integrate with user management frameworks etc?
Combine them and use them both - http://www.initializr.com/
The HTML5 Boilerplate (H5BP) is a starting project template that is designed to be adapted to your needs. Bootstrap is a specialized, modular, HTML/CSS/JS toolkit.
boilerplate provides you with a best practice HTML5 document, some reset CSS and a lot of javascript goodness like modernizer.js; this Twitter toolkit provides you with stylesheets that define a lot more than just a reset.
The Twitter toolkit is better compared to CSS frameworks like blueprintcss and 960 grid system and positions itself somewhere in between those two. Twitter bootstrap comes with its own fixed look and feel so you can concentrate on your content and logic.
checkout this Quora Thread
Based on your question, I gather you misunderstand what these two projects are. "Google analytics" is not the difference.
Expanding on what #thomas has already stated, Boilerplate contains starter HTML templates with best practices built-in and Bootstrap is a library of CSS and JS UI elements. They are not mutually exclusive.
You may want to look at initializer as #Zlatan has already recommended, or Kickstrap, which is an extension framework for Twitter Bootstrap.
Is there any good html & css editors in a web application? And I don't mean those like dreamweaver and eclipse. I mean like those editors stackoverflow uses when asking a question. I tried find for html editor online, but most of the editors don't support css. Does anyone know any good ones? Preferably to be used for Ruby-on-Rails! :)
I only use it in one place, but CKeditor has been pretty good. It integrates well with RailsAdmin, which is what I use it for. Look for the ckeditor gem.
You can use https://github.com/Nerian/bootstrap-wysihtml5-rails
I truly love TinyMCE. It's the editor that ships with WordPress, but it can be installed by itself. It is highly configurable, supports css, and is quite powerful.
There are two versions, a javascript version and a jquery version, so it can be installed with any server technology, but there is also a TinyMCE gem for rails.
I know very little HTML or web dev, but I would like to write an
HTML5 app with a fairly complex UI. Is there a framework that stands
out among the rest for this type of job? Do I need a framework; or can
I just do everything in straight HTML+CSS+JS? And what about GWT?
Thanks!
As a general HTML5 starting template, Boilerplate is always a good choice.
It will optimize and chain all your scripts and CSS files, as well as your HTML code and images, it also comes with useful tools like Modernizr.
If you are looking for JavaScript libraries, YUI is a very good library when it comes to UI, though maybe a little more complicated than jQuery or jQuery UI at first. I found it better than jQuery UI, and can work together with jQuery anyway.
EDIT
You may also be interested in Ext JS. Looking at the demo it provides, seems really like a powerful library with many ready to use UI widgets. Never used it though, and looks like it only offers a commercial license.
I suggest you to use Html5-boilerplate.
Download from github
Video Tutorials from author :
http://www.youtube.com/watch?v=qyM37XKkmKQ
http://www.youtube.com/watch?v=OXpCB3U_4Ig
GWT is a good way to go for a complex web application, particularly if you're familiar with java but not javascript. GWT now provides support for HTML5 features such as offline storage, canvas, audio, and video, although it's possible to use any HTML5 features whether GWT provides specific Java classes to support them or not (I implemented the offline storage feature in one of my apps before it was part of GWT). Using GWT will mitigate many of the browser compatibility problems you will encounter with straight HTML+CSS+JS. Although you write in Java, it's still important to be familiar with HTML, CSS and JS, since the java is compiled to js.