Latest updates

HTML Kickstart Orchard Theme

Thu, 08 Mar 12 10:16:51 -0500

New HTML KickStart Theme for OrchardCMS. Eric Lenaerts has combined HTML KickStart with the Fantastic OrchardCMS. Nice Work Eric! Thanks for the great contribution. You can read more about it on Erics Blog Line 20.

Opps, wrong version of HTML KickStart

Sat, 21 Jan 12 12:53:30 -0500

Yesterday I accidentially posted my development version of HTML KickStart for a portion of the day. Thanks to Paul for giving me a heads up that something was broken. If you downloaded HTML KickStart and it wasn't working. Please download it again. I have fixed the problem. Sorry for the mistake.

New Release: Version 0.92 New Features

Mon, 13 Feb 12 08:07:46 -0500

I am excited to release a new version of HTML KickStart today, Version 0.92. Lots of updates and some exciting new elements. New Elements & FeaturesTooltips, Top, Right, Bottom, Left & w/HTML ContentNew Button Styles & :active statesButton BarsVideo PlaceholderMap PlaceholderCalendar PlaceholderNew Form Sizes & Layouts using column classesNew Fancy Select Menus, and Multiple Select MenusInline Form Fields are now the default and Vertical Form Layout VariationForm Focus StylesNew Table Styles: plain, .striped, .tight, & all new .sortable TableNew Tab StylesDownload Version 0.92 Now and Explore the Elements

Tutorial at designshack.net

Tue, 24 Jan 12 10:51:03 -0500

Getting Started with HTML KickStart Tutorial. I just found a great HTML KickStart Tutorial at designshack.net.Thanks desingshack & Joshua Johnson

HTML KickStart for Symphony2 by Florent

Thu, 16 Feb 12 09:28:05 -0500

Symphony2 HTML KickStart bundle on Github: http://github.com/floarc/HtmlKickstartBundle.Awesome work Florent. Thanks for this great resource.

Thanks Smashing Magazine

Sat, 21 Jan 12 12:49:06 -0500

Thank you Smashing Magazine.Yesterday Smashing Magazine posted a tweet about HTML KickStart and sent 6,000 visitors to the website! Very exciting! Thanks to everyone who checked out HTML KickStart and thanks to everyone who downloaded it. I hope you all find it a useful resource for your web projects.

GitHub

Thu, 26 Jan 12 12:50:53 -0500

UPDATE: Here is the link to the new HTML KickStart Github repo: https://github.com/joshuagatcke/HTML-KickStartI have tried unsuccessfully a couple of times to add HTML KickStart to GITHub. Is there anyone that would mind helping me set up a GitHub repo? I would love if you guys could fork HTML KickStart.

New Release: Version 0.9

Mon, 23 Jan 12 16:59:58 -0500

Just finished a bunch of great updates to HTML KickStart. Very exciting :) Thanks for all the great feedback and bug finds coming in over the last few days. This was more or less a "Fix Bugs" and "Make it Lighter" update. Working my way to version 1.0! If you haven't done so already, Download the new Version! I know you will be glad you did. UpdatesFIXED: Bug Firefox FieldsetUPDATED: Menus - removed suckerfish plugin, complete rewrite. simpler styles, easier to customize.FIXED: - z-index priority. REMOVED: Comfortaa Google font from blockquotes in kickstart.cssREMOVED: Comfortaa Google font from HTML KickStartADDED: HTMLshivUPDATED: Slideshow - removed slideshow BX-slider plugin. Lighter, more flexible. CHANGED: .sf-menu class to .menuFIXED: a.button class. Now supports a.btn and a.buttonADDED: An offline version of the elements page to the download.UPDATED: blank.html includes a couple HTML Examples and less custom styles from style.cssUPDATED: Concatenated JS Files -

New Release: Version 0.91 Icons & Icons

Wed, 01 Feb 12 20:43:28 -0500

I am excited to release HTML KickStart Version 0.91 Today! This release includes a lot of fixes and changes to HTML KickStart and a few features too, but the best part about this update is ICONS! HTML KickStart Version 0.91 includes over 140 ICONS/Glyphs. Icons from IcoMoon. These are more than just icons, it's a font! What does that mean? Unlimited Flexibility. No more creating icons in your favorite graphic editor (cough... photoshop.. cough). No more creating icons in different sizes. You can color your icons any color you want with CSS. You can change the size of your icons with just CSS. I can't tell you how excited I am about this. You want Icons Where? You can add icons to anything, anywhere you can add text! Go ahead and take a look at the elements page and try them out. I have configured some base colors and sizes for you, but there is nothing stopping you from making them however you want.

HTML KickStart - 10,000 Downloads

Tue, 24 Jan 12 10:41:42 -0500

Wow very exciting. at 12:40 pm CST HTML KickStart was downloaded 10,000 times. Thanks to everyone for checking out HTML KickStart!

HTML KickStart Ruby Gem by Vlad Shvedov

Thu, 26 Jan 12 11:01:00 -0500

HTML KickStart Ruby Gem by Vlad Shvedov. Thanks for this great resource Vlad! Download it here from Github: https://github.com/helios-technologies/htmlkickstart-rails

Github2

Mon, 06 Feb 12 13:28:22 -0500

HTML KickStart is on Github! Finally. Still learning to use it. Big change to my current workflow but I am looking forward to it. Here is the link to Github: https://github.com/joshuagatcke/HTML-KickStart. I will change the main download link on the website by the end of the day. Thanks to everyone who helped me get my ssh figured out.

Fieldset Display Bug in Firefox 9

Sun, 22 Jan 12 10:30:23 -0500

Update: Status Fixed!There is a display bug in Firefox 9 and the

. Thanks to everyone that pointed this out, I am working on a fix right now and will include the fix in the next update of HTML KickStart no later than tomorrow. See the example below (Thanks for the screenshot Arthur):

Dot Net Nuke Version of KickStart

Sun, 29 Jan 12 10:33:08 -0500

http://dnnkickstart.codeplex.com/documentationDot Net Nuke Version of HTML KickStart. Nice work @nokiko Armand Datema! Thanks for this great resource!

HTML KickStart Joins the World

Sat, 21 Jan 12 12:04:55 -0500

Introducing HTML KickStartHTML KickStart is an HTML + CSS + JS (jQuery) frontend framework/templates/skeleton to help web designers and developers create high–quality, clean, and lean templates and web designs faster. HTML KickStart comes loaded with a bunch of elements: slideshows, suckerfish style menus, css buttons, form styles, typography basics, and more, so that with a little customization you can create a full featured web site layout in a fraction of the time it normally takes to design, create, code, and debug common user interface elements. Fast & Clean HTMLHTML KickStart is dedicated to clean HTML. Add full featured, cross browser, standards compliant, accessable dropdown menus to your website by adding class="menu" to any unordered list with anchor tags inside it. Simple, fast, clean. No need to mess with the CSS or Javascript, it's already there for you. So you can focus on creating your layouts in HTML. All HTML KickStart Elements work the same way.

Iconic Icon Set

Thu, 26 Jan 12 11:06:43 -0500

You may have noticed that HTML KickStart includes a few icons. The icons included with HTML KickStart are part of a larger set of well crafted icons called ICONIC ICONS. You can download the full set in multiple colors and formats from http://somerandomdude.com/work/iconic/.Iconic is an open source icon set consisting of 171 marks in raster, vector and font formats...An open source icon set that’s a lot more than just iconsIconic aims to be the most forward-thinking icon set around based on its support of forward facing display/deployment methods. Icons should not just be clear and attractive, they should be easy and flexible to work with.Lots of ColorsIconic inludes a bunch of different pre–selected color options or if you don't like the predefined options Iconic Icons come in a large varaiety of file formats for easy editing. Well CraftedIconic Icons were created to be clear, clean and communicate. Hand crafted for quality. Have FunThanks to P.J.

HTML KickStart & Responsive Design

Thu, 26 Jan 12 11:30:48 -0500

I am getting a lot of feedback and it looks as though you guys really like responsive design. As many of you know, HTML KickStart is not responsive. I have a couple of arguments for and against responsive design. Let's talk about it. Why HTML KickStart 0.9 is Currently NOT ResponsiveKeep it SimpleThe main reason that HTML KickStart is not responsive is that I wanted to keep it simple in the beginning. Responsive design takes a lot of consideration and work. I wanted people to be able to download HTML KickStart and build website layouts really fast. Responsive design is not fast. It can get very complicated and building a good responsive website can be as much work as building 2, 3, or even 4 additional website layouts. Of course the idea behind responsive boilerplates and grid systems is to help save you time building responsive layouts.

HTML KickStart - 20,000 Downloads

Fri, 03 Feb 12 13:14:27 -0500

Woot! HTML KickStart has been downloaded over 20,000 times. This is a first for me, and I feel excited. Thanks to everyone that has download HTML KickStart, I hope that it helps you save a lot of time and build great websites. Thanks to everyone that has taken the time to contact me with feedback and kind words. Fuel for me to keep working on HTML KickStart and make it even better.

Learn How To Rock Your Templates with HTML KickStart Columns

Wed, 25 Jan 12 12:56:36 -0500

Fun with ColumnsHTML KickStart has totally streamlined the process of building columns into your template. This solves the problems surrounding widths and dealing with padding. It also saves you the time you'd normally spend fiddling with floats and adding containers.How Columns Work in HTML KickStartColumns are sized from a scale of 1 to 12, using the built in css classes .col_1 to .col_12. When adding columns, note that the columns have to add up to 12 in order to float properly. So for example, if you're building a three column template, you could use the classes col_4, col_3 and col_5. You can choose what size your columns are, which order they are in and how many(as long as there's no more than 12).Let's take a look at some examples of HTML Kickstart columns and how they can be used in your project:Example 1: Two columnsIn this example,

The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks

Sun, 29 Jan 12 00:11:22 -0500

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills