Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to Phở Devstack?
Ad
Ad
Initializr
All
6
Experiences
Pros
4
Cons
2
Top
Pro
Integrates Twitter Bootstrap and HTML5 Boilerplate
Initializr allows you to "fine-tune" your template by allowing you to take the good stuff from both HTML5BP and Twitter Bootstrap and download a mashed up basic template, which you can begin development on.
See More
Top
Con
Is going to be retired at the end of 2017
It's been anounced on their homepage that Initializr will be retired at the end of 2017.
See More
Top
Pro
Well documented
Initializr is very well documented, even though it itself being a pretty easy to understand and use tool. The documentations are available in different languages as well, available via the International Guides section on the website.
See More
Top
Con
No ZURB Foundation support
Some developers much prefer Foundation over Bootstrap due to the flexible grid and large selection of widgets. However, Initializr supports only Bootstrap.
See More
Top
Pro
Speed: Setup time is significantly reduced
With initializr, very little setup is needed. All you need to do to be ready for development is provide your favorite template maker (HTML5BP or Bootstrap).
See More
Top
Pro
HTML5 templates generator
It's not really a template by itself but allows you to create a custom template from known good technologies.
See More
Hide
Get it
here
9
0
Webapp generator
All
6
Experiences
Pros
4
Cons
2
Top
Con
Default support is for libsass
Webapp generator currently has default support for libsass, which falls behind Sass in features (therefor has some incompatibilities with Sass).
See More
Top
Pro
Auto resolve dependencies
Any dependencies in the webapp generated can be automatically resolved, thanks to Web-app-generator's powerful integration with Bower.
See More
Top
Con
Requires Yeoman
See More
Top
Pro
Image optimizations
Automatic automatic image optimization is a pre-built functionality of the web app generator. So that any sites that are made using this tool are perfectly optimized for performance.
See More
Top
Pro
Automatic compilation & linting
As the title suggests, the yeoman watch will auto-compile your JavaScript and Sass scripts for you. Also your code will be run through JsHint (for liniting) to make sure best practices are followed as well.
See More
Top
Pro
Built in preview server & live reload
The yeoman watch will compile your source files for you and refresh your page in the browser, as soon as it detects some changes that you've made.
See More
Hide
Get it
here
7
0
HTML5 Boilerplate
All
7
Experiences
Pros
6
Cons
1
Top
Con
Not a complete solution
HTML5 Boilerplate is basically just that, a template or a basis on which to build an HTML page. It doesn't have much mark up or components out of the box. In other words, it doesn't provide all the components and tools needed to build a UI, it contains best practices and a generall template on which to build your UI.
See More
Top
Pro
Includes a comprehensive set of server configuration files
These configuration files may help increase performance of the webapp.
See More
Top
Pro
Includes Modernizr
Modernizr checks browser support for HTML5, CSS3, as well as a few other miscellaneous elements and allows for easily writing fallbacks if they're not supported.
See More
Top
Pro
Documented and undocumented versions
To help out newcommers to either programming in general or HTML5 Boilerplate specifically, the boilerplate includes in-depth docs that help understand how things work and why certain choices are made. The documentation is highly comprehensive going even as far as to describe every single line of normalize.css that the H5BP includes.
See More
Top
Pro
Cross-browser normalization
H5BP includes normalize.css that will help fix inconsistencies in the way browsers render elements.
See More
Top
Pro
Performance optimizations
HTML5 Boilerplate theme doesn't only provide a base template for building your next modern site. It also has performance optimization features built into it which include stuff like html + js minification , image size reduction as well as css minification. This link here describes how to optimize your shiny new html5 site using these built in features.
See More
Top
Pro
Optional support for XHR and Flash
With optional support for XHR, we can use techniques such as XHR eval and XHR injections to optimize the loading of external scripts and significantly reduce page load times. Alongside XHR, built-in support for Flash means that you can use your old swf/flash content on your website, where you feel you're not ready for HTML5 yet.
See More
Hide
See All
Experiences
Get it
here
29
3
Google's Web Starter Kit
All
14
Experiences
Pros
11
Cons
3
Top
Pro
Sass support
Since a lot of web designers these days don't use the plain old CSS, instead they use a CSS pre-processor (like Sass or Less). Thanks to Sass support web designers can easily add GWK to their workflows.
See More
Top
Con
Deprecated
Visitors to the official docs will see a warning: "Warning: Web Starter Kit is no longer supported."
See More
Top
Pro
CSS vendor autoprefixing
Starter Kit includes Autoprefixer that takes care of vendor prefixes.
See More
Top
Con
Can't be used with Less
The framework CSS is built on Sass, which adds dependencies to the build chain. There's no option to use Less.
See More
Top
Pro
High PageSpeed Insights performance score
Since the base skeleton provided by the Web Starter kit is authored by Google itself, it's pretty much understood that the template is optimized to the max, for performance. If you test a site (on Google PageSpeed Insights) built by the GWK you can be sure that it'll always achieve a very high score.
See More
Top
Con
Rather poor documentation
See More
Top
Pro
Responsive
Since most of the websites that are currently being built (or any website that was built after 2012) are responsive, a 'scaffold-ed' website skeleton without any responsiveness would be pretty useless.
See More
Top
Pro
Live browser reloading
Helps to build website faster by refreshing the page automatically as you save the source file changes.
See More
Top
Pro
Performance optimization
Gulp script includes tools for image optimization, JavaScript & CSS minification & optimization and HTML minification.
See More
Top
Pro
Built-in HTTP server
In case you want to try out your shiny new site on your mobile phone or another PC. Just type in the command gulp serve and load up the provided server address from another device to see how your website looks and performs.
See More
Top
Pro
Google-friendly style guide
See More
Top
Pro
Includes a gulp build script
If you use the Gulp build system and are familiar with its environment, you can directly use Web Starter Kit's Gulp build script to build your next GWK based project.
See More
Top
Pro
BrowserSync for synchronized browser testing
BrowserSync offers a browser live-update solution across multiple devices. And it works with basically every desktop and mobile browser. Even IE7.
See More
Top
Pro
Yeoman generator
There's a Yeoman generator for Google's Web Starter Kit available. To install (requires Node, Ruby, Gulp, and Sass): sudo npm install -g yo generator-web-starter-kit cd project-root-directory/ yo web-starter-kit npm install gulp serve
See More
Hide
See All
Experiences
Get it
here
28
5
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop