サイト紹介


無題ドキュメント WORDPRESS PLUGIN ショッピングカート まとめ 商品やサービスをインターネット上で販売できるECサイト。構築するには複雑かつセキュリティ対策も万全なプログラムが必要ですが、WordPressを使えば簡単に高機能で安全 なショッピングカート ... 続きを読む⇒
便利なWeb系オープンソース Web上には、無償とは思えないほど優れたオープンソースのソフトウェアがたくさん公開され、その数はますます増えつつあります。柔軟性が高くてカスタマイズも自在。ビジネスレベルで十分に使える優れた機能を持っています。 今回は、使いやすくて高機能な ... 続きを読む⇒
書体が与えるイメージについて Webサイトでも印刷媒体でも、商品やサービスのイメージアップにはフォントがとても大切な役割を果たします。写真やイラスト、キャッチコピーに優れたものを使っていても、ふさわしくないフォントを使っているだけで、見る側にイメージがうまく伝わらなかっ ... 続きを読む⇒
参考になるWebレイアウトをまとめました スマートフォンやタブレットなど、様々なデバイスが普及するにつれ、全てのデバイスに柔軟に対応し、ユーザーにとって見やすく扱いやすいレイアウトが求められています。 インターネット環境やネットの利用シーンが多様化する中、どのようなレイ ... 続きを読む⇒
DSP広告とは デジタル広告業界で注目を集めているのがDSP広告。しかし、DSP広告が広告枠や媒体の一種だと意外と勘違いしている方も多いのではないでしょうか。そこで、DSP広告DSP広告の基本的な知識やその特徴についてご紹介します。 ただし、上述したように、自動翻訳され ... 続きを読む⇒
「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化 Webサイトを多言語化する際、Googleでは、自動翻訳ページがスパム扱いされる可能性を指摘しています。このことからも分かるように、できる限りは人の手によって管理された翻訳ページを用意することが ... 続きを読む⇒
多言語化する前に知っておきたいの7つのルール Webサイトのターゲットが国内だけでなく海外にもいる場合、サイトの多言語化をすることはとても大事です。ただし、最初に何の設定もせずに多言語化をしてしまうと、ページがスパム扱いされたりうまくクロールされなかったり、といったトラ ... 続きを読む⇒
Googleのペナルティの種類と解除方法 サイトを運営している人にとって、絶対に避けたいGoogleからの「ペナルティ」。ECサイトでは売上に直接関わる一大事ですし、一度ペナルティを受けてしまうと解除するのは本当に大変です。 運営サイトがペナルティを受けないためにはまず ... 続きを読む⇒
デジタル広告業界で注目を集めているのがDSP広告。しかし、DSP広告が広告枠や媒体の一種だと意外と勘違いしている方も多いのではないでしょうか。そこで、DSP広告DSP広告の基本的な知識やその特徴についてご紹介します。 DSPとは DSPとは、Demand-Side Pl ... 続きを読む⇒
「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化 Webサイトを多言語化する際、Googleでは、自動翻訳ページがスパム扱いされる可能性を指摘しています。このことからも分かるように、できる限りは人の手によって管理された翻訳ページを用意することが ... 続きを読む⇒
企業やサービスのロゴを、クリック操作のみで簡単に作ることができるオンラインサービスをまとめてご紹介します。ここまで簡単に高品質なものが作れるようになったことはうれしいことです。
ブログや小規模な団体のロゴなどにもいいですね。 ダウンロードは無料ではありませんが、かなり安価に利用できるので、簡単にロゴを作りたいというときに利用してみてはいかがでしょうか。 続きを読む 続きを読む⇒
マテリアルデザイン仕様でサイトを構築したい、という方に向けたフレームワークをGoogleが無償公開しました。これらを読み込んで使うことで、マテリアルデザイン仕様として最適化されたサイトを手軽に作ることができます。素早くサイト制作ができるのはもちろん、モバイルフレンドリーなサイト制作にも活かすことができるのがうれしいですね。チェックしてみてはいかがでしょうか 続きを読む 続きを読む⇒
アプリを制作する上で参考にしたい、「マテリアルデザイン」。、実際にこれに基づいてアプリを制作する際にとても参考になるテンプレート集&無料素材集があります。マテリアルデザインのインスピレーションを得るには最適なサイトです。この中でも特に面白い素材をいくつかご紹介します。 続きを読む 続きを読む⇒
スライダーでパラメーター調節するだけで自分だけのオリジナルフォントを簡単に作れて、しかも無料でダウンロードできるオンラインサービス「metaflop」が便利です。「もう少し、ここがこうだったらいいのに」という細かな好みの違いで使えないとき、ぜひ試してみてください。 続きを読む 続きを読む⇒
サイトのイメージを大きく左右するのは、やはり画像。そこで、サイト制作に使える無料の画像素材サイトをご紹介します。 そこそこいいイメージを無料でというわけではなく、驚くほどクオリティが高く、素人では撮る・作ることができないような高品質な画像を提供しているサイトばかりです。 続きを読む 続きを読む⇒
左右にスライドするコンテンツを、更にクリックでズームして詳細にみせてくれる「Zoom Slider」。コーポレートサイト、ブランドサイト、ポートフォリオなど、多様な用途で使えそうです。ieは10から対応しています。その他のブラウザには全て対応。画像をスタイリッシュに見せたいときに、使ってみてはいかがでしょうか。 続きを読む 続きを読む⇒
HTML5やCSS3が発展を続けている今、Webデザインやアニメーションはますますダイナミックに進化しています。その変化を感じられる要素の一つがナビゲーションメニュー。もはやインデックスとしての役割でなく、サイトのテーマやデザイン全体に関わる重要なパーツになっています。 今回は、大胆で素敵なナビゲーションメニューを使った9つのサイトをご紹介します。 続きを読む 続きを読む⇒
昨年の11月にリリースされた「Firefox Developper Edition」。開発者のために作られた唯一のブラウザで、作成、テスト、サイズの変更など、Web開発を強力かつスピーディーに進める便利な機能が多数搭載されています。もちろん、全て無料で利用できます。 今回は、このブラウザが持つ9つの便利機能をご紹介します。 続きを読む 続きを読む⇒
ガーリー系デザインに最適な、花柄やパステルカラーを使ったシームレスなphotoshop用パターン素材をご紹介します。 続きを読む 続きを読む⇒
ブラウザやデスクトップを簡単に録画できるChromeの拡張機能「Screencastify」。アニメーションやマウス・カーソルの動きも動画として記録できます。今回はこの拡張機能の使い方をご紹介します。 続きを読む 続きを読む⇒
一定の型にはまりがちなWebデザインの中で、深い印象を与えることができるのが、手作りの感触がただようイラスト。あたたかい雰囲気を醸し出し、親近感や信頼感が増します。 今回は、メニューや背景など、メインとなるパーツに"Webらしくない”イラストを利用した印象的なサイトをご紹介します。 続きを読む 続きを読む⇒
HTML5と言えばリッチなアニメーションが特徴ですが、これを自作するとなると、JavaScriptの知識が必要です。初心者さんやデザイナーさんには苦手な方もいるかもしれません。 そこで便利なのが、「HTML5 Maker」。プログラミングは一切不要、図を描くような感覚で簡単にアニメーションを作成し、HTML5とJavaScriptで書き出してくれるので、そのままサイトに使うことができます。 続きを読む 続きを読む⇒
CSSだけで簡単実装!入力フォームのエフェクトをデザインする「Text Input Effect」に新バージョン追加 以前、「CSSだけで簡単実装!入力フォームの新しいエフェクト(149.docx)」で、入力フォームにフォーカスした時のCSSアニメーションを紹介しました ... 続きを読む⇒
どの企業もホームページを持つようになり、Web制作の需要が増える中、より短期間でローコストに開発を進めることが求められるようになっています。 そんな制作現場にとって非常に心強いのが、オープンソースの「Bootstrap」。 CSSフレームワークといわれるもので、ページにファイルを読み込むだけでレイアウトやボタン、ナビゲーションなどデザインされたスタイルを適用することができます。 今回は、Bootstrapの導入メリットと導入方法についてご紹介します。 続きを読む 続きを読む⇒
色を自動生成するライブラリ「Please.js」で、フォームのコントロールをカスタマイズ Please.js Please.jsは、色を自動生成するJavaScriptライブラリです。 上のページタイトルの「PLEASE.JS」を見ると、色がじんわりと変化しているのが分 ... 続きを読む⇒
クリックした時やマウスをのせた時のアニメーションがかっこいいと、それだけでもサイトの印象がぐっと引き締まります。 今回は、秀逸なアイデアで気持ちの良い動きを実現するCSS3のエフェクトを集めました。 続きを読む 続きを読む⇒
メンテナンスをしたいとき、リニューアルをしたい時など、一時的にサイトを「メンテナンス中」にできるプラグイン「WP Maintenance Mode」をご紹介します。 公開までのカウントダウンや、メンテナンス終了のお知らせ通知なども設定することができます 続きを読む 続きを読む⇒
HTML5とCSS3を駆使して設計されたサイトが増えてきました。 ユーザーの端末に柔軟に対応し、素早いレスポンスと美しいデザインから、最高のユーザーエクスペリエンスを提供しています。 今回は2015年のWebトレンドを感じさせてくれるサイトをご紹介します。 続きを読む 続きを読む⇒
窓ガラスに付いた水滴で文字を書いたような効果を作るチュートリアルがPhotoshopRoadmapで紹介されていました。ビデオチュートリアルですが、とても分かりやすくておすすめです。 続きを読む 続きを読む⇒
CSS3のアニメーションを利用したホバー効果やツールチップ表示が増えてきていますが、今回はモーダルウィンドウをアニメーションで表示させるスクリプト「animatedModal.js」をご紹介します。 横からのスライド、バウンド、フェードと多彩なアニメーションの数は約80種。 続きを読む 続きを読む⇒