hpmake

CSSとHTMLでボタン・吹き出し・グラデーションが作れるサイト

オンライン上で「ボタン・吹き出し・グラデーション」など4項目のWEBサイト作成に役立つツールが利用できるサイトです。

登録不要で無料で使えるツール集です。

サイト:【コピペで簡単!】CSSボタンジェネレーター (web-alpha.info)

使い方は、

カテゴリから「ボタン・吹き出し・グラデーション」のいずれかを選びます。

次に、ステップに沿って項目をカスタマイズしてきます。

最後に、HTMLとCSSのコードをコピペして貼り付けるだけです。

引用・参考サイト

オンライン上でボタンなどのコードを自動で生成できるサイトです。

約4項目のWEBで役立つツールが利用できます。

HTML・CSSで作成できるテンプレートジェネレーターサイト

HTMLとCSSのみで「見出しタグ・ボタン・レーダーチャート・検索フォーム・トグル・タイムライン・棒グラフ」など全222項目の種類のテンプレートがAI自動で作成できるジェネレーターサイトです。

登録不要で無料で使えるツール集です。

サイト:CSS Stock

使い方は以下。

作りたい項目とパーツを選択して、進めていくだけです。

例えば、「Q&A」が簡単に作れることのパーツで説明します。

枠線の色や文字色、形状を決めて次へ進みます。

すると、HTMLとCSSの知識は不要でコードが自動生成されます。

あとは、これをコピーしてサイトに貼り付けるだけです。

引用・参考サイト

オンライン上でHTMLとCSSの知識不要で様々なデザインやパーツが自動生成できるサイトです。

全222項目のパーツから選べます。

HTML・CSS・JavaScriptをまとめてプレビューできるHTMLエディターサイト「CodePen」

オンライン上HTML・CSS・JavaScriptコードプレビューを見ながら修正・編集ができるサイトです。

挙動を確認しながらコードを作成・修正したい人におすすめです。

英語サイトですが、管理画面はよくあるブログサイトのものと似ていますので直感的に使えると思います。

登録なしの無料で使うことができます。有料版ではコードの保存などが行えます。

サイト:日本語 (codepen.io)

使い方

HTML・CSS・JSのそれぞれの枠にコードを記述するだけです。

シンプルで使いやすく、コードの処理を簡単にプレビューすることができます。

機能を追加することもできます。

設定から検索ボックスで追加したいスクリプトを探すだけです。

引用・参考サイト

HTMLコードをプレビューを見ながら編集できるサイトです。

英語ですが、コードを確認したりするだけなら問題ないと思います。

お好きなサイトで試して見てください。

CodePen

Online HTML Editor

W3Schools Online Code Editor

ラッコツールズ

オンラインで使えるロゴメーカー

オンライン上で「ロゴ作成」ができるサイトです。

登録不要で無料(3個まで)で使えるツール集です。

サイト:My Brand New Logo — ロゴメーカー—ブランドをデザインする

使い方は、ブランド名等を入力してクリックしていくだけです。

無料で作成できるのは3個までで、それ以降の作成・編集・作り直し等は有料です。

(1)ブランド名や会社名を入力します(必須)。

あとは同じように質問に答えていくだけです。(空白可)

(2)すると自動でロゴが作成されます。

色の変更や編集等を行うには会員登録が必要です。

引用・参考サイト

オンライン上で簡単にロゴ作成できるサイトです。

シンプルで使いやすいおしゃれなロゴが作れます。

オンラインでグラフ作成できるサイト

オンライン上で「円グラフ・棒グラフ・日本地図」など5項目のグラフ作成ツールが利用できるサイトです。

登録不要で無料で使えるツール集です。

サイト:グラフどころ

使い方は以下の通り。

グラフの種類を選択して「グラフを作成する」をクリックします。

次に「タイトル・サイズ・グラフの種類・データ」を入力して、「イメージをリロードする」をクリックします。

すると、一瞬でグラフが作成されます。

引用・参考サイト

オンライン上で様々な種類のグラフを作成できるサイトです。

約5項目のグラフ作成ツールが利用できます。

オンラインで動画編集トリミングできるサイト

オンライン上で「動画のトリミング・回転・解像度・音声変更・テキスト追加」など11項目の動画ツールが利用できるサイトです。

登録不要で無料(有料版あり)で使えるツール集です。

サイト:ビデオをオンラインでトリミング-MP4、AVI、MPG、3GPをトリミング (online-video-cutter.com)

使い方は、動画を選択して「ファイルを開く」をクリックします。

次に上部にあるツール一覧から使いたい機能をクリックします。

以下はトリミングをする例です。

動画のコマ数が表示されているので、ツマミをドラッグして自由にトリミングが可能です。

最後に保存してください。

使える機能がいっぱいでWEBサイトに必要なツールが揃っています。

引用・参考サイト

オンライン上で動画編集ができるサイトです。

約11項目のWEBで役立つツールが利用できます。

無料でアクセスアップができるサイト

無料で登録ができるアクセスアップができるサイトです。

事前に獲得したポイントを使ってサイトに割り振りすることでサイトのアクセスが増える仕組みです。

自作したロゴイメージファビコンに変換するサイトです。

全7サイズに対応しています。

サイト:トラフィックエクスチェンジ

使い方は以下の通り。

トラフィックエクスチェンジに登録が完了したらログインしましょう。

マイメニューから「サイトを追加する」をクリックして、ご自身のWEBサイトを登録します。

審査は約1日程度です。

審査を無事に通過したらポイントを貯めていきましょう。

ポイントの獲得は上図の8種類があります。

好みに合わせてどれでも好きな方法でポイントを獲得して下さい。

例として、ここでは「サーフ」を選択してポイントを稼ぎます。

画面が切り替わって上図のようなタイマー付きのページが表示されます。

時間は10秒で勝手に次のサイトへサーフが行われます。

そのまま放置しておけば自動でポイントをゲットできます。

ポイントはマイページから確認できます。

上図では「167」ポイントを獲得したことになります。

次はいよいよ獲得したポイントを割り振っていきます。

マイページにある「サーフエクスチェンジ」の項目内にある「サーフにトラフィックを割当てる」をクリックします。

上図のような画面へ移動します。

どのデバイスで表示させたいかを「PC・携帯・スマフォ」の中から一つ選びます。

ご自身のWEBサイトがPC向けならPC、スマホ向けならスマフォを選びます。

追加トラフィック」の欄に獲得したポイントを入力します。

最後に「トラフィック割当」をクリックすれば完了です。

ポイントは自動で消費されてマイペースからトラフィックの進捗を確認できます。

注意点として、規約違反のサイトは登録できません。

例えば、サイトのURLとしてアフィリエイトリンクやランキングURL、その他の全く関係のないURL等を入力するとバンされますので注意して下さい。

引用・参考サイト

サイトのアクセスアップができるサイトです。

2ch風ジェネレーターを作成できるサイト

掲示板2ちゃんねる風のレスを作成できるサイトです。

1000レスまで自動で出力が可能です。

サイト:2ch風ジェネレータ

使い方は以下の通り。

  1. レス番号を設定
  2. デフォルトの名前を設定
  3. レス投稿の時間間隔を設定
  4. レス投稿の開始時刻を設定
  5. 出力

以上です。

特に難しいことはなく、デフォルトネームと日時だけ変更すれば問題ないと思います。

出力例です。

これをコピーしてブログ等に貼り付けます。

サンプル記事です。

コピーした出力例を適当に改行して文章を書けば誰でも2ch風の記事が書けます。

引用・参考サイト

2ch風の記事を作成できるジェネレーターサイトです。

オンラインで文字起こしできるORCサイト

オンライン上で「画像から文字起こし・PDFから文字起こし」など6項目のWEBサイト作成に役立つツールが利用できるサイトです。

登録不要で無料で使えるツール集です(回数制限あり)。

サイト:無料オンラインOCR – EzOCR

使い方は以下の通り。

まず、文字起こししたい画像・PDFデータを用意しましょう。

ここではサンプルとして青空文庫のキャプチャ画像を使用します。

画像・PDFの読み取りは左上の「ファイルOCR」をクリックします。

(画像・PDFの特定の部分だけ読み取りたい場合は「範囲OCR」をクリックして下さい。)

ファイル選択」から画像・PDFデータを選択しましょう。

あとは「画像 OCR>>」をクリックするだけです。

ページが切り替わったら、ページ下部に読み込んだテキストが表示されます。

引用・参考サイト

オンライン上で画像及びPDFデータから文字起こし出来るを無料サイトです。

6項目のWEBで役立つツールが利用できます。

WEB素材・プラグイン・テンプレートの有料サイト

WEB素材を有料で購入できるサイトです。

画像素材・ロゴ・プラグイン・テンプレートなどが約$5〜$99くらいで購入できる海外サイトです。

例えば、ワードプレスで使える便利なプラグインテーマだったり、PHPやPythonといったプログラミングのソースコードなど様々なアイテムが購入できます。

サイト:Buy App Templates, PHP Scripts, WordPress Themes and more | Codester

使い方は以下の通り。

英語サイトなのでブラウザの翻訳機能で日本語に変換すると見やすいです。

カテゴリから欲しい画像素材・プラグイン・テーマ等を探すか、検索ボックスに直接入力して下さい。

今回はワードプレス向けのSEO用のテーマを探してみます。

カテゴリにある「Plugins(プラグイン)」をクリックして「WordPress」を選択します。

出てきたワードプレス用のプラグインの中から今回はSEO向けのテーマの商品を選択しました。

商品ページです。

商品の説明や概要、必要条件などが書かれています。

まず、右上にあるライセンスを選択します。

ライセンスは2種類あって「レギュラーライセンス」、「エクステンドライセンス」です。

商用化せずに個人のサイトで使うだけなら「レギュラーライセンス」を選択します。

商用化したり、再配布したい方は「エクステンドライセンス」を選択します。

詳細が気になる方はライセンスのすぐ下にある「View license details(ライセンスの詳細)」をクリックして下さい。

支払いが完了すると、ダウンロードページに繋がります。

引用・参考サイト

WEBの画像素材・HTML・テンプレート・3D素材・ソースコード・プログラミングなどが購入できる海外サイトです。