TOP  >  deveropper

Tag : deveropper

2018年03月19日

デベロッパーなら知っておきたい30秒でできるCSSスニペット集「30 Seconds of CSS」

毎日コーディングでさまざまなコードを書くデベロッパーにとって非常に便利なスニペット。知っているだけで作業効率が格段にアップするもの。そんな方におすすめできる「30 Seconds of CSS」をご紹介していきたいと思います。

30SecondsofCSS_top

先進的な知識を多く取り込むためにも、基礎的な業務内容をいかに短縮して行っていけるかは非常に重要なポイント。デベロッパーの方はぜひ下記よりチェックしてみてください。

詳しくは以下

(さらに…)

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

知っていると便利なCSSで創るハーフトーンエフェクト「Pure CSS Halftone Effect」

モダンな雰囲気からスタイリッシュな雰囲気まで、幅広い演出をしてくれるハーフトーン。今まで画像としてWebサイトに取り込むことが多かったのではないでしょうか。今回ご紹介する「Pure CSS Halftone Effect」ではWebならではの動きを楽しむことができるエフェクトを通したハーフトーンになります。

PureCSSHalftoneEffect

美しい動きで視線を惹き付ける、ぜひ取り入れてみたいエフェクトとなっています。

詳しくは以下

(さらに…)

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

デベロッパーであれば知識として取り入れておきたいCSSで作るVR「CSSVR: Progressive VR experiences」

他の世界に入り込むような没頭感を味わうことができるVR。気軽にデモを作成ができたらと、デベロッパーであれば1度は感じたことがあるかもしれません。そんな中今回紹介するのは、CSSで作るVR「CSSVR: Progressive VR experiences」です。

css-vr-skybox-demo

VRの複雑な動きをどう再現していくのか、その再現率の高さはどうれくらいなのか。デベロッパーであれば気になるところ。下記にデモを載せているのでご覧ください。

詳しくは以下

(さらに…)

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

水のような動きが鮮やかで目をひくエフェクト「Liquid Distortion Effects」

Webデザインの中でもユーザーの目を簡単に引くことを可能にするエフェクト。動きがつくだけでサイト内がぱっと華やかになります。今や様々なエフェクトをつけることが可能ですが、ついついワンパターン化してしまいがち。そんな方におすすめできる、水のような動きに焦点をあてた「Liquid Distortion Effects」を今回はご紹介致します。

LiquidDistortion_Featured

水のような動きは優雅さと洗練された雰囲気を与えてくれます。下記にデモをいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(さらに…)

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

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

2016年02月12日

クオリティの高さが魅力 AppleデバイスのPSDモックアップ選「10 High Quality Apple Device Mockup PSDs」

利用ユーザーの多いApple製品は、設計時の対象デバイスになることがほとんどのため、デザインイメージ制作の場も多いかと思います。今回はそんなシーンで活躍する、AppleデバイスのPSDモックアップ選「10 High Quality Apple Device Mockup PSDs」を紹介します。

mock0212_1
Dribbble – FREE mockup – iPad Air 2 by Igor Reif

クオリティの高さが魅力のAppleデバイス、その本体デザインに負けないクオリティのモックアップが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年11月07日

デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」

フリーで配布されているフォントでも、クオリティーが高く使いやすいフォントは多数存在しています。そんな中今回紹介する「20 High Quality Free Fonts Every Designer Should Own」は、普段のデザイン制作に是非取り入れてみたいフリーフォント集です。


The League of Moveable Type – Sorts Mill Goudy

基本ベースはシンプルですが、少し遊び心が詰まったフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:31  |  
Category: Design , Font   
2007年11月05日

AJAXベースで動くフリーの掲示板「jibberBook2」

AJAXベースで動く掲示板スクリプト「JibberBook 2」。シンプルな作りで動きも軽く分かりやすいため、どんなデザインのページでも違和感無くとけ込ませる事ができるかと思います。

jibberBook2

書き込むと、画面が切り替わる事無くそのまま掲示板に追加され、スクロールしながら書き込んだ内容が表示されます。ページデモは以下のテキストリンクから

JibberBook 2デモページ
管理用パネルデモページ

この掲示板は動きをJavaScriptライブラリ「mootools」を利用して制御していて、掲示板自体はサーバー側でPHPで動作しているというものです。ドネーション形式ですのでフリーで利用するする事ができます。スクリプトのダウンロードは「JibberBook 2 – Free AJAX Guestbook」にアクセスしての右側のDownLoadボタンからダウンロード可能です。

デザインは同封の「theme」内に格納されていて、基本的にCSSで制御されているので、デザインのカスタマイズも容易だと思います。

続きを読む
posted 04:28  |  
Category: WebDesign   
2014年12月25日

クリスマスデザインに活用できるアイコンが豊富な「40+ Fresh and Free Christmas Icon Sets」

今日はクリスマス。すでにデザインの現場ではクリスマスをテーマにした制作は終了していると思いますが、今日のパーティー用のデザインや、毎年やってくるクリスマスのために是非参考にしたい「40+ Fresh and Free Christmas Icon Sets」を今回は紹介したいと思います。

christmasicon1225_1
Dribbble – Christmas Icon Pack Animation by Domagoj Kapulica

クリスマスデザインに活用できるアイコンが豊富に紹介されたまとめとなっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

最近リリースされたクリエイティブなフリーフォント集「20 Must Have New Free Fonts」

日々、クリエイティブで高品質なフォントが世界中でリリースされておりすが、今日はその中から、最近リリースされたフリーフォントを集めたエントリー「20 Must Have New Free Fonts」を紹介したいと思います。


Stiff Staff

シンプルなものから、個性的なフォントまで幅広く、フォントが集められていますが、今日はその中から幾つか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: WebService   
tag: 
2011年04月27日

レトロ感を演出するwebサイトデザインまとめ「Showcase of Retro Web Designs」

webページをデザインする際に重要なデザインテーマ、ユーザーにサイトの雰囲気を直感的に伝えるために最も重要な要素の一つですが、サイトの方向性を決定づける重要な部分であるが故に、その判断に苦労する場合も多いと思います。今回は、デザインテイストの参考になるwebサイトまとめの中から、レトロな雰囲気を演出できるwebサイトデザインをまとめた「Showcase of Retro Web Designs」を紹介したいと思います。


The Dollar Dreadful Family Library

色使いにこだわったものから、テクスチャや装飾でレロト感を演出しているものまで、さまざまな優れたwebサイトが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:58  |  
Category: Design , WebDesign   
2015年01月05日

デザイナーがチェックしておきたい フリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」

手がけているデザインのグラフィックだけでなく、提案書などの制作にも便利なデザインされたモックアップは、持っていると重宝する存在です。今回はそんなフリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」を紹介したいと思います。

mockup0105_1
iPhone 6 PSD Mock-Up – CreativeCrunk

26種の、活用頻度の高そうなデザインモックアップがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:29  |  
Category: Design   
2016年08月02日

レスポンシブで小気味の良いアニメーションが特徴的なモーダル「IZIMODAL」

WEBサイトでも頻繁に利用されるモーダルウィンドウ。詳しく情報を表示したり、アラート的に利用したり、コンタクトフォームなどで利用したりなど様々な使い方が可能ですが、今回紹介するのはレスポンシブで小気味の良いアニメーションが特徴的なモーダル「IZIMODAL」です。

izimodal1

モーダルウィンドウとしての機能は一般的なものですが、モーダル内のオブジェクトが細かく動作しクオリティが高い印象を与えてくれるモーダルウィンドウです。

詳しくは以下

(さらに…)

続きを読む
posted 09:50  |  
Category: javascript , WebDesign   
2018年06月02日

細部にまでこだわったクオリティの高いイラスト素材セット「117 Essential Tokens Set」

ちょっとした空間やスペースをおしゃれに飾りたいとき、手軽に使えるイラスト素材はとても便利です。そんな中今回紹介するのは、さまざまな種類のイラスト素材がセットになった「117 Essential Tokens Set」の紹介です。

Essentia01

植物から幾何学模様まで、様々なイラストがまとまった素材セットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2012年03月08日

Photoshopで表現されたチェックパターンまとめ「Collection of Free Plaid Photoshop Patterns for Designers」

ファッション業界を始め、グラフィックデザインの世界でも不動の人気を誇るチェックパターン。ラインの太さ設定やカラーの配置によって、無限のパターンを作り出すことができます。そんな中今回紹介するのが、Photoshopで表現されたさまざまなチェックパターンをまとめた「Collection of Free Plaid Photoshop Patterns for Designers」です。


Pattern / Surname :: COLOURlovers

柔らかい雰囲気のパターンからダークな印象のパターンまで、さまざまなパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:18  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る