「 web design 」 一覧

モバイルアプリやウェブサイトのスクリーンショットを各種デバイスのモニタに合成してくれるサイト「Smartmockups」

すでに知ってる人が多いだろうけど、一応メモがてら記事にしときます。 モバイルアプ ...

Kindleストアで「春は『デザイン』をきちんと学習」キャンペーン開催中、デザイン関連書籍が999円

AmazonのKindleストアで、デザインの基礎やデザイン制作アプリの参考書な ...

モバイルやウェブアプリなどのUIを集めたギャラリーサイト「Collect UI」

主にモバイルアプリや、ウェブアプリ、ウェブサービスなんかで使えそうなUIをたくさ ...

モバイルアプリやウェブサイトのUIデザインギャラリー「UI Garage」

モバイルアプリやウェブサイトのUIデザインを集めたサイト「UI Garage」。 ...

WordPressやBootstrapで使えるテーマのまとめサイト「Theme cards」

WordPressやBootstrapなどウェブ制作の現場で役立ちそうなテンプレ ...

Facebookが公開しているデバイスモックアップ画像が便利

Facebookが無料で公開しているメジャーなデバイスのモックアップ画像がクオリ ...

レスポンシブデザインのレイアウトを1画面で確認できるサイト「Responsinator」

レスポンシブデザインのウェブサイトを作らなきゃならないことって増えてますよね。 ...

CodePenが用意するスニペットのまとめ「Design Patterns on CodePen」

ウェブ制作に関わる人ならみんなアカウントを持っているんじゃないかと思うCodeP ...

Bootstrap用のMaterial Designテンプレートが揃う「Material Design for Bootstrap」

個人的には最近ちょこちょこ増えている印象のMaterial Design案件です ...

ウェブ系企業ブランドのSVGロゴデータが手に入る「Simple Icons」

一般的なウェブ系企業ブランドのロゴがSVG形式で一覧表示され、ダウンロードもでき ...

そのフォントが使われているサイトをリストアップしてくれるサービス「FontReach」

フォント名を入力すると、そのフォントがどんなサイトで使われているかを表示してくれ ...

iOSやMacのアプリなどのデザイン事例や素材を集めたサイト「iOSUp」

マテリアルデザインの事例集として「MaterialUp」が有名ですが、その兄弟サ ...

【Photoshop】カンバス内にHTMLを描画できるプラグイン「HTML Block」【Web Design】

Photoshopのカンバス内にHTMLを描画させる領域を作ることができるプラグ ...

ブラウザウィンドウを画面単位にスクロールさせるjQueryプラグイン「fullPage.js」

2015/08/27   -その他
 , ,

アップルなんかがよく使ってる見せ方でお馴染みの、ブラウザウィンドウを画面単位にス ...

使い勝手の良い背景スライドショーのjQueryプラグイン「Vegas Background SlideShow」

ウェブページのバックグラウンドでスライドショーをさせるためのjQueryプラグイ ...

CSS3を使った様々なアニメーションのスニペットを紹介するサイト「AniCollection」

CSS3を使ったアニメーションを一覧で確認できて、目玉アイコンのクリックでコード ...

ウェブ制作にいろいろ役立ちそうなスニペットを集めたサイト「CodeMyUI.com」

ウェブ制作でちょっとしたときに役立ちそうなスニペットを集めたサイト「CodeMy ...

各種テンプレートやCMSのテーマなどを集めたギャラリーサイト「Template Stash」

WordPressやBootstrap、各種テンプレートやテーマを集めたギャラリ ...

ナビゲーション・メニューを集めたギャラリーサイト「NavNav」

良い感じのナビゲーション・メニューを集めたギャラリーサイト、「NavNav」。 ...

【Web Design】ブラウザウィンドウの縦幅100%毎にスクロールさせる方法

2015/04/05   -ウェブ制作
 

ブラウザウィンドウの縦幅100%で背景画像を固定してスライドさせながらスクロール ...