初心者にもおすすめ!無料で簡単にホームページを作成できる無料ソフト・アプリを紹介
![](https://dream-net.org/blog/wp-content/uploads/2021/01/06-1-150x150.jpg)
無料のホームページ作成ソフトは日々進化しており、最近ではプロが作ったようなデザインのホームページを簡単に作ることができるものが増えています。無料だからといって侮れません。商 ...
レスポンシブなグリッドレイアウトを簡単に実装できる超軽量のスクリプト「minigrid」
![](https://dream-net.org/blog/wp-content/uploads/2016/06/01-23-150x150.jpg)
水滴が落ちたような水面エフェクトが美しい「Raindrops.js」
![](https://dream-net.org/blog/wp-content/uploads/2016/06/01-17-150x150.jpg)
クリックするとズームしてコンテンツを表示してくれるレスポンシブなスライダー「Zoom Slider」
![](https://dream-net.org/blog/wp-content/uploads/2016/06/01-11-150x150.jpg)
ドロップダウンも検索フォームも簡単!Bootstrapでレスポンシブナビゲーションメニューを作る方法
![](https://dream-net.org/blog/wp-content/uploads/2016/06/06-10-150x150.jpg)
シンプルでおしゃれなスクロールバー兼メニューを配置できる「Scrollmenu.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/0117-150x150.jpg)
CSS3+jQueryでチャート作成!円グラフ、棒グラフ、折れ線グラフも簡単に描くjQueryプラグイン「Pizza Amore」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/0112-150x150.jpg)
写真をかっこいいSVGアニメーションで見せてくれる「Card Expansion Effect with SVG clipPath」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/017-150x150.jpg)
動画や文書、コード、マップなどさまざまなメディアを埋め込むjQueryプラグイン「Embed.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/025-150x150.jpg)
Bootstrapで構築したサイトに、簡単に便利機能がつけられるjQueryプラグイン「smoke」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/014-150x150.jpg)
プリズムのようにキラキラと光を反射するエフェクトのスライダー「Prism Effect Slider with Canvas」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/029-150x150.jpg)
【jQuery】レスポンシブ対応の軽量なモーダルウィンドウ「Remodal」
![](https://dream-net.org/blog/wp-content/uploads/2015/12/0210-150x150.jpg)
9種のエフェクトから選べる!レスポンシブメニュー「Off-Canvas Menu Effects」
![](https://dream-net.org/blog/wp-content/uploads/2015/11/09-150x150.jpg)
レスポンシブWebデザインのお悩みを解決!役立つjQueryプラグイン8選
![](https://dream-net.org/blog/wp-content/uploads/2015/10/05-150x150.jpg)
フリック操作対応!ウォールやスライダーが無限スクロールする「eco-Scroll.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/09/017-150x150.jpg)
画像や動画、テキストを無限スクロールさせてくれるjQueryのプラグイン「eco Scroll」。フリック操作にも対応し、軽快な動きのウォールやカ ...
CSSだけで簡単実装!入力フォームのエフェクトをデザインする「Text Input Effect」に新バージョン追加
![](https://dream-net.org/blog/wp-content/uploads/2015/09/041-150x150.jpg)
以前、「CSSだけで簡単実装!入力フォームの新しいエフェクト(149.docx)」で、入力フォームにフォーカスした時の ...
入力フォーム最適化(EOF)に必要な5つのポイント
![](https://dream-net.org/blog/wp-content/uploads/2015/09/0218-150x150.jpg)
レスポンシブ対応!YOUTUBE動画を背景に表示させるjQueryプラグイン
![](https://dream-net.org/blog/wp-content/uploads/2015/09/0315-150x150.jpg)
色を自動生成するライブラリ「Please.js」で、フォームのコントロールをカスタマイズ
![](https://dream-net.org/blog/wp-content/uploads/2015/09/0215-150x150.jpg)
Please.js
Please.jsは、色を自動生成するJavaScriptライブラリです。
上のページタイトルの「PLEA ...
おしゃれなローディング画像をサクッと実装するjQueryプラグイン「fakeLoader.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/09/0114-150x150.jpg)
郵便番号から住所を入力させる国産jQueryプラグイン「jQuery.jpostal.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/09/016-150x150.jpg)
【Javascript】多彩なアニメーションでモーダルウィンドウを表示できる「animatedModal.js」
![](https://dream-net.org/blog/wp-content/uploads/2015/08/0124-150x150.jpg)
機能が豊富なフリック対応のスライドショー「Flickity」beta版がオススメ!
![](https://dream-net.org/blog/wp-content/uploads/2015/08/0213-150x150.jpg)
レスポンシブのグリッドレイアウトを作ってくれるスクリプト「Masonry」
![](https://dream-net.org/blog/wp-content/uploads/2015/07/036-150x150.jpg)
複数のボックスをタイル状に並べるグリッドレイアウト。これを、簡単に実装できるスクリプト「Masonry」をご紹介します。
サイズの異な ...
【jQuery】ブランドサイトにも最適!ゴムのように弾むコンテンツスライダー
![](https://dream-net.org/blog/wp-content/uploads/2015/05/023-150x150.jpg)
限られたスペースの中で、効果的にコンテンツを見せていくスライダーは訴求力が高く、ブランドサイトなどにも ...
【Javascript】alert(アラート)をスタイリッシュにデザインするスクリプト「Sweet Alert」
![](https://dream-net.org/blog/wp-content/uploads/2015/04/03-150x150.jpg)
Webサイトで警告メッセージを出すとき、Javascriptのalert(アラート)を使用しますが、ブラウザ独自のものをそ ...
【jQuery】かっこよくて実用的!レスポンシブ対応のLightbox風ギャラリー
![](https://dream-net.org/blog/wp-content/uploads/2015/03/019-150x150.jpg)
画像をかっこよくギャラリー化してくれるjQueryプラグイン「Strip」。レスポンシブで、しかも、IE7以上の主要なブラウザに対応。動画にも対応してい ...
【CSS】スクリプトを使わず、CSSだけで手軽に連番を振る方法
![](https://dream-net.org/blog/wp-content/uploads/2015/03/017-150x150.jpg)
表やリストに順番に連番を振りたいとき、Javascriptでも実装することができますが、もっと手軽な方法があります。
CSSの「counter-reset」と「co ...
【CSS】@font-faceでのWebフォント指定方法と気をつけるべきこと
![](https://dream-net.org/blog/wp-content/uploads/2015/03/016-150x150.jpg)
以前、「今さら聞けない「Google Web fonts」の使い方」という記事で、Webフォントについてご紹介しました。この時はGoogleが提供するサービス ...
【javascript】レスポンシブなタブメニューをサクッと実装できる「Responsive Full Width Tabs」
![](https://dream-net.org/blog/wp-content/uploads/2015/03/011-150x150.jpg)
PCサイトをレスポンシブ化する上で悩むのが、メニューのあしらい。
特にタブメニューとなると、スマホサ ...