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
ss

スポンサードリンク

デザインもクールですね。カッコいいですね。素晴らしいですね。
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制作
-, , ,

おすすめゲーム「ステラクロニクル」

SDキャラのモーションで描かれる100万字以上の濃厚ストーリー『ステラクロニクル』登場
2.5Dで作られた美しいマップ,スライドを使った攻撃アクション、100以上のスキルによるカスタム育成、 DIY自由なお屋敷!かわいいキャラクターからお気に入りをそだてあげよう!

キャラクターのデザイン良◎のスライドコマンドRPG!

「ステラクロニクル 」の"無料ダウンロード"はこちら

 

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

Copyright© LAGRANGE BLOG , 2020 All Rights Reserved.