verekia / initializr Goto Github PK

The Respond.js script being used in 3 different modules is outdated:

• html5shivrespond
• modernizrrespond
• respond

A bug which caused browser crashes for IE8 in Windows XP was fixed over a month ago: scottjehl/Respond@ed8479c.

I'd pull in the changes myself, but I'm not sure if there's anything beyond concatenation going on in html5shivrespond and modernizrrespond, so I'll leave it to the experts.

Hi Jonathan,

Here is the idea. I often do the same things every time I need to add other libraries, probably and hopefully hosted on cdnjs, I will always do the same few steps:

• check cdnjs.com for needed lib
• copy the cdnjs url for this lib
• get a local copy to fall back if offline
• append the new <script /> tags, both for cdnjs and the local version.

example using backbone

<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.1/backbone-min.js"></script>
<script>window.Backbone || document.write('<script src="js/libs/backbone-min.js"><\/script>')</script>

The idea would be to automate this, maybe it can find its way in initializr.

Using the github api, it may be possible to get a list of cdnjs hosted scripts (+version) to provide users a way to customize the build even further. We may grab a local copy to ideally add the correct snippet to the build output.

I don't know about the complexity involved, or if it's something that makes sense to you both technically and functionally but I really like the idea.

What do you think?

I think primary should be dropped and whatever is rendered in it should be always rendered in basiccontent.

Redirection on those!

While it uses the same rule, it is quite different to what gets associated as a 'media query' rule. I would recommend this be left on by default or use a separate tag to include it.

At line 52, you also need to add ".nav-list .active > a:hover".

Not sure if it's just me or not, but I found this when compared the style to the style directly from bootstrap 2 on twitter.

Bootstrap 2.0.3 was release on 24/04 - can initializr be updated to use this newer version to take advantage of the bugfixes available please?

Thanks

very nice easy to work with css etc. framework -- hopefully someone has time/ability to consider making this possible like with twitter-bootstrap...

So I don't know why there is a modernizr tag available: http://jverrecchia-initializr.appspot.com/builder?mode=basiccontent&modernizr&print and http://jverrecchia-initializr.appspot.com/builder?mode=basiccontent&print

When I use Initializr it renders blank pages in IE 7, even the Initializr sample page doesn't load. I selected Modernizr.

Is this a known issue, or am I screwing something up?

When I had problems with Winant, I installed Ant myself manually. I installed Ant 1.8.3 (the latest version) from ant.apache.org and had problems with the build script. Specifically the problem was this error message:
"All features of the build script require Ant version 1.8.2. Please upgrade to 1.8.2 or remove all instances of 'overwrite=no' (and this fail task) from the build script to continue"

Which I believe is caused by this snippet in build.xml:

<fail message="All features of the build script require Ant version 1.8.2. Please upgrade to 1.8.2 or remove all        instances of 'overwrite=no' (and this fail task) from the build script to continue">
<condition>
<not>
<contains string="${ant.version}" substring="1.8.2"/>
</not>
</condition>
</fail>

I suggest updating the build to support 1.8.3 also.

In the custom builder, it would be preferable to use scheme relative urls for the shiv just like jquery.

https://github.com/nimbupani/html5boilerplate-site/issues/46

cc @paulirish @necolas

By default, Modernizr will remove the no-js class name from the body tag if it executes. For Initializr projects that opt out of Modernizer, the no-js class name still appears. This might be problematic for people re-using CSS where the no-js class name is meaningful.

I think we should, but then again I am ambivalent. Anyway, just put this thought out there.

Ideally this would just render <html class="no-js" lang="en"> without the associated conditionals.

I think the "html5" aspect of html5boilerplate is lost :P

As requested in #49 a reminder: Hey there is a new version of Bootstrap you noob, update Initializr... and fast

Bootstrap 2.0.4 was released http://blog.getbootstrap.com/2012/06/bootstrap-2-0-4-released/

Tanks for the great work your doing on initializr!

On html5boilerplate.com, if I click "Boilerplate Custom" and choose Nginx for the server config, the resulting download includes nginx.conf as expected but not the nginx-mime.types file it references.

Also reported this bug but was advised to move it.

We recommend people against this. Plus we have better options for almost all platforms to choose from to create transparent pngs that work in IE6.

Using the bootstrap version I saw many properties duplicated in the compile CSS file, like this:

table .span21{
    float:none;
    width:1644px;
    margin-left:0;
    float:none;
    width:1644px;
    margin-left:0;
}

After googling a bit I found that:
http://stackoverflow.com/questions/9840474/less-compiler-doubles-everything

And it solves the problem! Basically the import: @import "bootstrap/responsive.less"; is including the files "variables.less" and "mixins.less" again - they are already included in the first import of "bootstrap.less". So, removing these imports in responsive.less fix the problem.

Hey Jonathan, what's up!? I just wanted to report a quick issue. It's quite benign, but I thought I'd give you a heads up. If you download a copy of a Initializr Twitter's Bootstrap, compile the less and then check out the resulting CSS, you should see that the CSS rules for the grid are duplicated. For some strange reason, this does not happen with Twitter's own copy of Bootstrap.

It's from the grid.less file, here's the code: #grid > .core(@gridColumnWidth, @gridGutterWidth);. It pulls the mixin from mixins.less at line 548. The duplicates are directly after the first rule set. Example:

    /* Starting at line 150 */
    .row {
        margin-left: -20px;
        *zoom: 1;
    }
    .row:before,
    .row:after {
        display: table;
        content: "";
    }
    .row:after {
        clear: both;
    }
    [class*="span"] {
        float: left;
        margin-left: 20px;
    }
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 940px;
    }
    .span12 {
        width: 940px;
    }
    /* … */
    .span1 {
        width: 60px;
    }

    /* And then it just repeats it again */

    .row {
        margin-left: -20px;
        *zoom: 1;
    }
    .row:before,
    .row:after {
        display: table;
        content: "";
    }
    /* And so on … */

The duplicates are a part of the base code and not within media-queries. I've tried to fix it, but can't seem to figure out why it's duplicating the rules. BTW, I'm using CodeKit as the compiler, but I wouldn't think that would cause the issue as the grid output is the only thing that duplicates (from I can see).

Anyway, it's not critical issue, but I thought I would just report the strange behavior. It's been making me crazy as hell just trying to figure out why it's doing it, but I'm no LESS expert. Thanks for all your hard work and great contribution to our community. Cheers!

It currently seems to add all the html tags for 'iecond' with a 'oldie' classname attached. But this should only occur when 'iecond' is also linked to. http://jverrecchia-initializr.appspot.com/builder?mode=basiccontent&oldiecond&print

I found when I chose Bootstrap with the standard options, for some reason the resulting index page has no gutter. The left-hand span is exactly at the edge, unlike the Bootstrap homepage.

I did some comparisons, but couldn't see where the CSS differs unfortunately.

lots of reports of mixed line endings coming from intitalizr builds..

that's about all the deets i got for ya. :)

There seems to be an issue in the Responsive template, where if one adds multiple asides and there isn't much main content, the asides will float into the main content area.

It's pretty straightforward to reproduce, but I made a minimal working example anyway:
http://pastebin.com/xuPj7XZa

I think we should drop this.

Again, just something we used to have.

Is it possible to add support for semantic.gs style of defining columns and rows?

Hello,

There is a problem displaying the header-container in safari for mobile device (iPhone and iPad). In fact the width of the header stops at the size of the screen of the mobile device.

Same problem for the footer. Is there a way to fix this?

Thanks for concern

Simon

Unzipping the package I downloaded from initializr.com resulted in files getting unzipped all over my current directory. A zip file archive should contain a single top-level directory (call it, say, "initializr") which contains all other files.

index.html has DOS ^M characters throughout (via @mahemoff)

Hi everyone,

One of my first goals when I started Initializr was to create a community of people who write their own plugins (or "modules") for Initializr, to make it richer. In my mind it would have included tons of various JS libraries, CSS frameworks, tools, grid systems, toolkit UI, themes, mobile versions, etc. on top of HTML5 Boilerplate.

There are a couple of serious issues about that:

• Initializr's other major goal is to be kept simple, so everyone can enjoy it. More options to please specific users would make it too complex and less usable.
• Some modules are incompatible with each others or require others modules. So if you write a perfectly functional module right now, and someone creates another one incompatible with yours later, it's going to mess things up and you would have to manually update yours.
• Even if the backend was ready to support this kind of stuff (incompatibilities work already), the frontend would still need to be updated manually, including JS behavior like "if I select this, it should deselect that", popups explaining why they can't get both, etc.

The site could of course be improved to support that kind of community plugins (with a separate page, automatic frontend generation, some dependencies / incompatibilities graph), but this would really be overkill and requires a huge amount of work (and I don't have that much time to spend on it).

So here is the "announcement":

I will only provide support for major components such as H5BP, jQuery, Modernizr, Bootstrap, etc. and won't consider smaller ones. Also, for most cases, I will update modules myself to make sure nothing gets broken.

Being able to mix so many things on Initializr is already pretty complex and unfortunately (I guess it's my fault), I haven't seen any pull request that wouldn't have broken the site if pulled and deployed as is. However, I appreciate a lot when you notice me about an update for one of the components. Feel free to open an issue saying something like "Hey there is a new version of Bootstrap you noob, update Initializr... and fast!"

Sorry about that, I hope you will understand this choice.

It seems like I need basiccontent first before I use any of the rest. e.g. difference between http://jverrecchia-initializr.appspot.com/builder?mode=boilerplatescripts&print and http://jverrecchia-initializr.appspot.com/builder?mode=basiccontent&boilerplatescripts&print

If that is the case, probably include it by default for all the tags?

i wonder if we can find a way to pull in h5bp upstream from my repo more often

Drung development of Bootstrap 2 .i-bar was renamed into .icon-bar. Otherwise styles will not be applied.

Hi,

The H5BP Ant build script compiles now LESS to CSS. I think the builder needs to be updated.

Thanks!

What are your thoughts on having an input box that allows users to type in a comma-separated list of ender modules to come with the build?

I am not sure if these have any level of relevance any more (given the changes in the main repo .htaccess), but we used to have this.

Although index.html does have Unix-style line endings, others don't (robots.txt, humans.txt, crossdomain.xml, etc.).

In the downloaded H5BP Custom Builder bundle's index.html, there is no opening tag

As requested, I duplicated my issue to Ant build:
h5bp/ant-build-script#67 (comment)

The code is indeed old code, and the current version of the check should be:

    <!-- Test for Ant Version Delete this task and all instances of overwrite='no' if you can't upgrade to latest-->
    <fail message="All features of the build script require Ant version 1.8.2 or greater. Please upgrade to the latest version or remove all instances of 'overwrite=no' (and this fail task) from the build script to continue">
    <condition>
    <not>
    <antversion atleast="1.8.2"/>
    </not>
    </condition>
    </fail>

(to replace code described in):
#47

Hi,
I have just downloaded the bootstrap bundle from www.initializr.com. (Not, http://twitter.github.com/bootstrap/index.html).
I tried to test the index.html on different browsers. It was totally fine on Safari and Firefox. But it was thoroughly styleless on Chrome 18.

Do you know the main cause of the problem? I think less stylesheet doesnt work at all on Chrome!

Hi! TB has been featuring some new css and js files on the upcoming version. It would be great if initializr got updated with these.

thanks!

Few commits have been made on H5BP since the last version.
Initializr should get updated.

The new Analytics snippet uses Modernizr to load, so Initializr should include it and the options should be changed.

<!doctype html>
<head>

is produced with the following parameters:

http://www.initializr.com/builder?print&mode=custom&h5bp-analytics&h5bp-appletouchicons&h5bp-css&jquerymin

I believe the jQuery CDN fallback should be this:

https://gist.github.com/2414986