プログラミングでは、オンラインの創造性には限界がありません。毎日、インターネット上のプログラマーは、自分のスキルを使用して、一般向けの小さなプロジェクトを作成しています。 Googleの元デザイナーでDropboxNocholasJitkoffの現在の副社長によって作成されたWebサイトであるIttyBittyは、そのような小さなプロジェクトの1つです。
Itty Bittyサイトを使用すると、Webホスティングがなくても、小さなHTMLWebサイトを無料で作成できます。
ちっぽけな説明
仕組みは次のとおりです。 itty.bitty.site URLを介してロードすることにより、小さなサイトを作成します。言い換えれば、あなたのサイトはそのリンク内に保存され、表示されます。
このため、Itty Bittyを使用して作成されたWebサイトは、Webホスティングをまったく必要としません。 URL自体は、サイトのデータ全体を保持します:それがどのように見えるか、何を言うかなど。
Itty Bittyリンクを受信すると、通常より少し大きくなることに注意してください。それはあなたのウェブサイト全体です。
リンクのリンク
Itty Bittyによって作成された実際のサイトには、最小限のインターフェイスしかありません。サイト上のすべての追加ページは、サイト自体を使用して作成されることに注意してください。
このページから 、簡単なページを作成するための基本的なHTMLの使用をすぐに開始できます。
より堅牢なIttyBittyサイトを作成する場合は、HTMLドキュメントをWebサイトに直接ドラッグアンドドロップするか、既存のプロジェクトをプロンプトに直接リンクすることができます。
ドキュメントまたはリンクはCSSやJSなどの他のプログラミング言語を使用している場合がありますが、それらはIttyBittyサイトに読み込まれます。とはいえ、Itty Bittyを使用する主な利点(およびアドレスからロードできる主な理由)は、ページを特定の小さなサイズに保つ必要があることです。
Itty Bittyサイトはどれくらい小さいですか?
Itty Bittyが無料で、Webホスティングを必要としない場合、サイトは実際にどのくらいの大きさになりますか?答え: あまりない 。
フラッシュドライブをフォーマットする方法
このサイトでは、ウィンドウの右上部分にWebサイトのサイズが表示されます。サイトのサイズは変動する可能性がありますが、それはリンクのサイズも変動することを意味します。一部のサイトでは、数バイトを超えるリンクを共有できないため、より大きなサイトを共有する機能が制限される可能性があります。
幸いなことに、作成者は 最大バイトサイズを投稿しました 多くの人気のあるプラットフォームで、さまざまなプラットフォームが対応するサイズを説明することができます。
たとえば、Bitlyを使用してWebサイトを短縮する場合は、非常に小さなWebサイトを作成する必要があります。これはMicrosoftEdgeにも当てはまります。ただし、ブラウザ間でのみ共有したい場合は、はるかに大きなサイトを作成できます。
IttyBittyサイトへのリンクから
HTMLファイルを直接ドロップするか、サイトのコンテンツを直接入力することでItty Bittyサイトを作成することもできますが、以前に作成されたCodepenプロジェクトを使用してデモンストレーションを行います。 ダドリーストーリー 。
Codepenは、IttyBittyを使用してサイトを作成する最も簡単な方法です。 Codepenは、使いやすい開発者環境と便利なリンクプロセスの両方をユーザーに提供します。
上記は、強力なHTMLバックボーン(およびその他の微妙なプログラミングの追加)が単純なWebサイトを作成する方法の素晴らしい例です。幸いにも、上記のプラットフォームの多くで共有できるほど小さいです。
CodepenプロジェクトをIttyBittyサイトに変換するには、ペンのリンクをIttyBittyサイトに貼り付けます。次に、灰色の上にマウスを置きます 無題 セクションを作成し、テキストを編集してサイトを反映させます。
次に、をクリックします メニュー ウィンドウの右上にあります。
xboxoneにはBluetooth機能がありますか
ここで、IttyBittyへのリンクを作成します。あなたがちょうどウェブサイトを作成したようには見えないかもしれませんが、あなたは持っています!
クリックすると リンクをコピーする オプションで、リンクをブラウザに貼り付けてサイトを表示できます。また、注意が必要です。デフォルトでは、IttyBittyサイトはQRコードを介して送信できます。
これにより、紛失したデバイスの物理参照を添付するなど、多数のオプションが可能になります。
おめでとうございます。これで、サーバーレスで無料のリンク可能なWebサイトができました。
Itty BittyLinkをさらに短くする
リンク短縮ツールを使用して、すっきりとしたリンクを作成することもできます。私はBitlyを使用します。これにより、リンクを短くするだけでなく、無料のアカウントにサインアップした場合に独自のテキストでリンクをカスタマイズすることもできます。
元のCodepenの例は大きすぎて、Bitlyを使用して凝縮できないため、次の素晴らしいプロジェクトがあります。 JTヘルム 。上記のプロセスに従って、このペンをIttyBittyサイトに変換しました。
リンクを取得したら、 Bitly 。リンクをBitlyのスプラッシュページに貼り付けるか、アカウントにサインインして、 作成 ボタン。次のプロンプトにリンクを入力します。
リンクを貼り付けると、自動的に変換されます。次に、ログインしている場合は、Bitlyのエディターを使用して適切と思われるリンクを調整します。
最初のリンクをITTYBITTYEXAMPLEに変更します。これで、 bit.ly/ITTYBITTYEXAMPLE 他のサイトと同じように---もちろん、無料で、Webホスティングやサーバーのメンテナンスが不要であることを除いて。
IttyBittyサイトのセキュリティ
これは小さなHTMLサイトを作成するためのクールで独創的な方法ですが、欠点がないわけではありません。 Itty Bittyサイトは、他のサイトと同じように簡単に悪用できます。つまり、サイトはアラートなどの機能であなたを困らせる可能性があります。
このサイトはまだ実験段階にあるため、安全なWebプレゼンスを確立するための主要な方法として必ずしもサイトに依存する必要はありません。
IttyBittyの可能性は無限大です
オンラインで見つけた創造性はしばしば印象的です。ただし、Itty Bittyのようにシンプルで、アクセスしやすく、使いやすいことはめったにありません。小さなアプリケーションを紹介したいですか? div要素をいじりますか? IttyBittyサイトを使用してすべて簡単に実行できます。
さらに、あなたは特定の数やサイトに制限されていません。サイトの作成者であるNocholasJitkoffからメモを取り、サイト内のサイトをリンクして、包括的で複数ページの説明用Webサイトを作成します。または作る ASCIIブルドッグ 。可能性は小さいですが、範囲は無限です。今日、この小さなオンライン実験を試してみてください。
Itty Bittyサイトを作成する前に、HTMLとCSSの知識を向上させて、さらに優れたサイトを作成してください。またはチェックアウト InMotionホスティングレビュー あなたのサイトをホストする別の方法のために。
共有 共有 つぶやき Eメール コマンドプロンプトを使用してWindowsPCをクリーンアップする方法Windows PCのストレージ容量が不足している場合は、これらの高速コマンドプロンプトユーティリティを使用してジャンクを一掃します。
次を読む 関連トピック- インターネット
- プログラミング
- HTML
- ウェブ開発
クリスチャンは、MakeUseOfコミュニティに最近加わった人物であり、密集した文学からカルビンとホッブズの漫画まで、あらゆるものを熱心に読んでいます。彼のテクノロジーへの情熱は、彼の支援への欲求と意欲によってのみ一致します。 (ほとんど)何かについて質問がある場合は、遠慮なくメールで送ってください!
クリスチャンボニーラのその他の作品ニュースレターを購読する
ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。
購読するにはここをクリックしてください