TOP  >  ウェブ

Tag : ウェブ

2018年11月27日

SNSのシェア率アップに効果的なWordPressプラグイン13種

コンテンツがいくら面白くても、サイト内にシェアボタンが無いことで拡散の機会を失っていたら、本当にもったいないことですよね。今回紹介するのは、 WordPressでスタイリッシュなSNSボタンを設置できるプラグイン「13 Effective WordPress Plugin to Lift Up Your Sharing Rate」です。

wordpress-plugins-for-sharing-07
Content Resharer

シェア率を高めるために効果的なWordPressプラグイン集です。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年04月23日

WebGLによる 歪みの効果を与えるスタイリッシュなホバーエフェクト「WebGL Distortion Hover Effects | Codrops」

WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。

DistortionHoverEffect_top

歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月27日

トレンドを踏襲したデザイン感で簡単に使用することができるテンプレート・モックアップまとめ「30 Fresh Freebies for Web & Graphic Designers」

デザイナーにとってテンプレート・モックアップは非常にありがたい存在。デザイナー以外でもディレクションに関わる人であれば完成イメージとして、これらを使用する機会もあるのではないでしょうか。そんな人たちにおすすめできるまとめ「30 Fresh Freebies for Web & Graphic Designers」を今回はご紹介していきます。

FreshFreebies_top
Mobile Chat App Design – free download by Claudio Parisi – Dribbble

トレンド感のあるシンプルかつフラットなデザインで表現された完成度の高いテンプレート・モックアップ。下記にいくつかピックアップしているので、チェックしてみてください。

詳しく見る

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年01月30日

圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」

背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。

スクリーンショット-2018-01-30-10.08.44
UPNG: fast PNG minifier

簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool , WebDesign , WebService   
このエントリーをはてなブックマークに追加
2017年12月06日

使えるフリーのモーダルウィンドウまとめ「12 Free Modal Window Libraries & Plugins For Your Site」

WEBサイトの機能として欠かせない存在になりつつ在るモーダルウィンドウ。ギャラリーを閲覧させたり、商品詳細を表示させたり非常に便利な仕組みです。今回ご紹介するのはそんなモーダルウィンドウを制作する際に役立つ、フリーのモーダルウィンドウをまとめた「12 Free Modal Window Libraries & Plugins For Your Site」です。

12-free-modal-window-libraries-plugins1
iziModal.js

シンプルなタイプから、ちょっと凝った機能を搭載した応用的なものまで、様々なモーダルウィンドウが12点紹介されています。更にその中から、おすすめのものを3点ピックアップしてみましたので、以下よりご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
posted 09:00  |  
Category: javascript   
このエントリーをはてなブックマークに追加
2017年09月08日

CSS3でつくるボタンの最新チュートリアルまとめ「50 CSS3 Button Tutorials For Designers [2017]」

WEBやアプリ上でのボタンはユーザーにとって大きな意味を持ち、非常に重要な要素。一目でボタンだとわかるようなつくりであることはもちろんのこと、遊び心あるエフェクトはユーザーの目を楽しませます。今回はそういったボタンを探している方におすすめ、最新CSS3ボタンのまとめ「50 CSS3 Button Tutorials For Designers [2017]」をご紹介します。

50_CSS3_Button_top
Off-registration button

すべてにデモがついているので、その場でどんな動きをするのかを確認することが可能。50種類もあるボタンの中でも気になったものをいくつかピックアップしていますので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2014年11月27日

クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」

すでに街はクリスマス本番に向けて色づき始めており、デザインシーンでもクリスマス向けのデザインを手がけることが多くなってきたという方も多いのではないでしょうか?そんな時に便利に利用できる、クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」を今回は紹介したいと思います。

Christmas1127_1
FREE Christmas Wreath, Holly Vector and Xmas Digital Clip Art | Zuzka Illustrations

クリスマスイメージのさまざま種類のデザイン素材がまとめられており、どれも魅力的なものばかりが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年01月22日

ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」

デザインを分かりやすく、また華やかに彩ってくれる素材として非常に重宝されているアイコン。さまざまなものをモチーフにデザインされており、種類豊富な中から選びながらデザインできる点も魅力的です。そんな中今回紹介するのは、ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」です。

icon2_2

現在主流のフラットテイストなアイコンがセットになっており、使用するだけでデザイン性の高いwebサイトを作り上げることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Design   
2009年06月11日

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」

ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。

peel01
simple-page-peel-effect-with-jquery-css

全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: WebDesign   
tag: webdesign
2008年10月01日

WEBデザイナーのためのリソース集のまとめ「10 Websites with huge list of resources」

前回「WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」」という記事で、Ajaxからブログ、CSSまでWEBデザイナーのためのリソースを集めたリンク集を紹介しましたが、今日紹介する「10 Websites with huge list 」はそういったリソース集をまとめたエントリーです。


BLUE VERTIGO | Web Design Resources Links

全部で10のリソースサイトが集められていて、designdevelopでお伝えしたものもありますが、今まで紹介したことが無いものを中心にあらためて、いくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:12  |  
Category: WebDesign   
2012年09月25日

バラエティ豊富なシームレスパターンまとめ「30+ Seamless Patterns for Photoshop」

デザインのクオリティを手軽に高めてくれるパターンは、制作素材としてなくてはならない素材。今回はそんなパターン素材の中から、バラエティ豊富なシームレスパターンをまとめた「30+ Seamless Patterns for Photoshop」を紹介したいと思います。

シンプルなパターンから季節を楽しめるパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:04  |  
Category: Photoshop   
2008年09月02日

8971のフリーフォントを収録した「fontspace.com」

欧文フォントやdingbats fontを探している方におすすめしたいのが今回紹介するフリーフォント配布サイト「fontspace.com」です。このサイトでは、 現在8971種類のフリーフォントが収録されていて無料でダウンロードできます。

フォントの個別ページではフォントセットのサムネイルが表示される他、フォントの大きさを選択してプレビューすることもできるので、かなり分かりやすくなっています。

(続きを読む…)

続きを読む
posted 11:50  |  
Category: Design , Font   
tag: Design Font
2008年07月02日

CSSで実現するアコーディオン「Concertina menu」

最近ではスクリプトでHTML上でも様々な動きを実現できるようになっていますが、今日紹介するのはスクリプトを一切使わずCSSのみで実現するアコーディオン「Concertina menu」です。

上記の画像は投じている時の状態です。スクリプトのような滑らかな表現みたいな所はさすがに実現は出来ませんが、見事にアコーディオンをCSSのみで実現しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:29  |  
Category: WebDesign   
tag: CSS webdesign
2009年06月24日

音楽プレイヤーからスライドショーまでjQueryチュートリアル10「Top10 Simplest jQuery Tutorial」

様々な仕掛けや、仕組みを簡単に実装できるjQuery。WEB上では良く見かけますが、今日紹介するのはそんなjQueryを使ったテクニックをあつめたエントリー「Top10 Simplest jQuery Tutorial」を紹介したいと思います。

jquerysimple01
FancyBox

様々なjQueryを使ったチュートリアルが公開されていますが、今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:53  |  
Category: WebDesign   
2009年05月19日

もう困らない!2009年WordPressテーマ100選「100 Amazing Free WordPress Themes for 2009」

WordPressの一つの魅力が豊富なテーマ。海外が中心になりますがクリエイティブで作り込まれた無料のテーマが多数公開されています。今日紹介するのは2009年に発表されたWordpressのテーマを集めたエントリー「100 Amazing Free WordPress Themes for 2009」を紹介したいと思います。

wptheme100-01
ColouriseDemo

「Smashing Magazine」にてまとめられていましたので、今回はいままでDesigndevelopでは紹介したことが無いテーマを中心にいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: WordPress   
2017年09月30日

フリーグラフィック素材まとめ「A Worth Checking Out Collection Of Free Graphics Files for Designers」

デザイナーは時にリアルなグラフィックを求められることもありますが、いちから作るのは時間も手間もかかるもの。今回はそんな時に、こんなグラフィックコレクションがあったら助かる、といったアイテムがまとまった、フリーグラフィック素材まとめ「A Worth Checking Out Collection Of Free Graphics Files for Designers」の紹介です。

FreeGraphics01
Free PSD : Creative Horizontal CV Resume Template PSD by PSD Freebies – Dribbble

リアルなグラフィックのアイテムはモックアップにも使用できる優れもの。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る