サービスを探す

ぼくのかんがえた最強のHP提供します

ミニマリストが考えた極小ソースコード パート2

販売実績:0
現在お願い中:0 残り受付枠:5 お届けまで:3日(予定)
5,000

50ポイント(1%)獲得

有料オプション

サービス内容

PCスマホなどデバイスを選ばない複層カラムレスポンシブグリッドシステムを備えたホームページで、多階層ナビゲーションにjavascriptを使わずに機能してマルチブラウザにも対応していて、reset.cssやノーマライズ系cssも不要でソースコードは圧倒的に少ないそんなHPフレームワーク

あります 約6kb。

更にホームページの機能でよく目にするSNSアイコンは滑らかな超精彩SVG。
それをCSS schemeで、外部読込0による読込速度高速化。
デメリットだったPNGやJPGよりも重くなりがちなSVG画像の容量も激圧縮しています。
不要な読み込みを抑えたスプライト加工(複数を一つにまとめている)しているSVG(SVGZ)もあります。

拡張機能 約13kb
(pngだと圧縮されたアイコン一つ分位かも)

合算20kb以下

提供資料
html(雛形)
css(ベース 約6kb、機能拡張 約13kb)
img(spriteSVG、spriteSVGZ)

機能
(ベース機能)
フォントカラー 5種
フォントマーカー 3種
レスポンシブグリッドシステム
(PC タブレット スマホ 3段階)
ボタンカラー 3種
背景カラー 5種
フォーム等各種UIデザイン
(拡張機能)
SNSアイコン 7種(hatena・twitter・facebook・feedly・googleplus・line ・pocket)
ボタンアクション 3種(タブ、トグル、アコーディオン)
質疑形式のバルーン表示 2種(左右)
他拡張UIデザイン

ミニマリスターとしてデザインにも手を抜かない細部までこだわって作った仕様ですが、初心者からサイト製作者まで幅広く利用できます。css importantも使っていない。cssを1000行追加しても、50kb制限のあるAMPへの応用もデザインを犠牲にせずに容易に行えます。

参考動画(画質はHD1080px以上推奨)
https://youtu.be/zF0cJFPIRjY

対応ブラウザ
safari,firefox,chrome,Microsoft Edge,IE9~11

おまけ(評価を頂いた方のみ)
IE7以上に対応したjs無しで動作するパート1を無償でプレゼント。(当初5000円で販売していたので、購入を検討している方には、実質無料ですね。)

有料オプション

このサービスには、5,000円のサービスに、プラスして「有料オプション」サービスが
付いています。
※購入したサービスがキャンセルになった場合は全額返金させて頂きます。

購入にあたってのお願い

説明内容に書ききれなかったので補足ですが、徹底してソースコードを削減してます。例えば、見た目でわからないSVGZ(SVGの圧縮版)圧縮されたデータでも不要なソースが含まれているのです。1バイトでも小さくなるよう不要な要素を取り除き仕上げてます。

レスポンシブ機能が組み込まれたフレームワークで、20kb。しかも SNS画像も組込まれて、imgを読み込まなくても良いってなると、purecssでもmilligramでもskeltonでもミニマムフレームワークは読込速度を上げる為、コード数を低く抑えてますが『ぼく最強』テンプレートにはコード数を抑えた上、画像読込0回ですから及びませんよ。

*画像読込
data URI scheme技術によるクライアントサイドでのブラウザの読込によってなされる手法。特別な設定は必要ありません。

著者/制作者
コーダー、webディレクター併せてweb業界10年以上の歴あり。
html(php)/css/javascript(jquery)

尚、ソースコードという製品の特性上返品対応は行なっておりませんので、ご不明な点がありましたら、購入前にご質問下さい。

一言PR

ブートナンチャラの様にサイト製作にあまり使わない機能やあったら便利機能は冗長的コードが多いので、どうかと思う。
尚、IE9未対応のMilligramよりも省コード。googleライクなマテリアルデザイン!?
横からにゅるっとスタイルです。詳しく確認したい方は動画参照

得意を購入しよう!

登録はたった30秒。ココナラに登録してサービスを購入しよう。

Eメールで新規登録(無料) Facebookで新規登録(無料) YahooIDで新規登録(無料)
既に登録されている方はこちら

関連サービス