coding WEBサービス web制作

『HTML KickStart』コピペだけで素早くカッコいいデザインのWEBサイトが作れる!Web service HTML KickStart to make web site


スポンサーリンク

2012/01/23

-coding, WEBサービス, web制作
-, , ,

Bootstrap, from Twitterやら
jQuery UI Bootstrapなどデザインの工数を減らすためのツールが出てきましたが、また新しいサイトが出てきました。
HTML KickStart
HTML_KickStart


スポンサードリンク

デザインもクールですね。カッコいいですね。素晴らしいですね。
Bootstrapと異なる点はダウンロード時のテンプレートにはパーツの要素は配置されておらず、
ユーザーが組み込んでいく形をとっています。HTML KickStart HTML Elements からhtmlソースをコピペしてきて構築していきます。

  • jQuery
  • Slideshow
  • Image Styles
  • CSS3 Buttons
  • Forms
  • Tabs
  • Breadcrumbs
  • DIV.gallery
  • LightBox
  • Lists
  • Menus
  • Iconic Icons
  • Tables
  • Code
  • Grids/Columns
  • Layouts

とたくさんの要素が予め用意されています。

使い方

HTML KickStartからファイルをダウンロードしてきます。
kickstart

ダウンロードしたファイルは非常にシンプルな構成です。
jsがたくさん用意されています。
kickstart_flie

HTML KickStart HTML Elements から
組み込みしたいパーツをコピペして持ってきます。
例えばtableパーツを組み込みします。
table
左から2つ目のタブをクリックするとhtmlソースに画面が切り替わります。
table2
ソース内をマウスオーバーすると、「text」,「popup」の表示がされます。
table3
textをクリックすると

table4

popupをクリックすると

table5
ともにコピペして使えるようになります。

ダウンロード直後の用意されているテンプレートは
blank.html

とても簡素。

先ほどのtableのhtmlをelement
からソースを持ってきて貼りつけるだけ.
画面を予め開いていれば1分もかかりません。非常に簡単にhtmlの土台が組み込めます。
blank-cus
あとはテキストを入れていくのみ。
tableをタグ組みしたりtabを作るのは地味な癖して非常に面倒なわけです。
スニペットを用意していないときにはこういうのは非常に助かりますね。
コピーライトの表示をしていれば使用可能なようです。

スポンサードリンク

-coding, WEBサービス, web制作
-, , ,

おすすめ「フォトギフト写真カレンダーサービスOKURU」

こどもの大切な記録をさまざまな形で残せるところがすごくいい!! スマホの中の写真を選ぶだけで、オリジナルフォトギフトがお手元に届きます。 特製パッケージに入れてお届けするので、大切なご家族へのプレゼントにもおすすめです。

母の日ギフトなどにも使えます!

「OKURU 」の"ダウンロード"はこちら

 

-coding, WEBサービス, web制作
-, , ,

Copyright© LAGRANGE BLOG , 2021 All Rights Reserved.