-
Fireworksの微妙な色の調節に、「ブレンダー」が便利です。 - バニデ... vanidesign.blog.fc2.com
Fireworksで、微妙な色の調整をするときに 毎回パレットをぐりぐりするのが面倒で、なにかいい方法はないかと調べたら 「ブレンダー」というパネルがあるようです。 今回はこの「ブレンダー」を紹介いたします。 Fireworksでは、ツールの色ボタンを選択するとwebカラーのパレットが開いて ... 続きを読む
-
タグの閉じ忘れをチェックするブックマークレットが便利。 - バニデ... vanidesign.blog.fc2.com
タグの閉じ忘れをチェックするブックマークレットを紹介します。 もう数年使わせてもらってます。 コーディングがほぼ終わった状態で、カラム落ちとか なにか表示がおかしいとき、divタグなどの閉じ忘れってよくあるのですが どのタグ周辺の閉じタグがないのかをワンクリックでチェックしてくれるものです。 ... 続きを読む
-
センスのよいインフォグラフィックが集まるコミュニティ「visual.ly... vanidesign.blog.fc2.com
インフォグラフィックとは、 情報やデータを視覚化して、デザインしたグラフィックイメージのこと。 見やすくしたり、見づらくしたり すべては目的のために、データを調整し、デザインしていくデザイン方法です。 今回は、そんなインフォグラフィックが集まるコミュニティ 「visual.ly」をご紹介します... 続きを読む
-
フリーで使える!企業サイトでよく見かける、新しいウィンドウを示す... vanidesign.blog.fc2.com
フリーで使える、企業サイトでもよく見かける「新窓」アイコンをご紹介します。 Sheps4Freeさんでは、100のアイコンがDLできますよー! お気に入りの新窓アイコンを、Fireworksの共有ライブラリに登録しておけば 効率化が図れそうですね♪ 100 External Link Icon... 続きを読む
-
[配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ - ... vanidesign.blog.fc2.com
photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くには... 続きを読む
-
フリーランスで仕事をしている際に使っているメモ・アラート・ユーテ... vanidesign.blog.fc2.com
フリーランスで仕事をしている際に使っている メモアプリなどをはじめとしたユーティリティアプリを まとめてみます。 主にmac,iphone,ipad,ウェブアプリになります。 クラウドっぽく使っているもの(すべてのデバイス共有) Evernote / アイデアメモとして。ipadの7notes... 続きを読む
-
フリーランスで仕事をしている際に使っているメモ・アラート・ユーテ... vanidesign.blog.fc2.com
フリーランスで仕事をしている際に使っている メモアプリなどをはじめとしたユーティリティアプリを まとめてみます。 主にmac,iphone,ipad,ウェブアプリになります。 クラウドっぽく使っているもの(すべてのデバイス共有) Evernote / アイデアメモとして。ipadの7notes... 続きを読む
-
.htaccessファイルや、ベーシック認証などを作成する「.htaccess Edi... vanidesign.blog.fc2.com
ぽちぽちとクリックしていくだけで.htaccessファイルが作成できるので BASIC認証などが必要なときに便利です。 タイプミスも少なくてすみます。 機能としては ・ファイル一覧の拒否 ・ベーシック認証 ・エラーページの設定 ・デフォルトページの設定 ・URLでのWWWあり、なしの統一 ・リ... 続きを読む
-
スクロール制御系のjqueryプラグイン「Jquery Waypoints」 - バニデ... vanidesign.blog.fc2.com
- コンピュータ・IT
- jquery jQuery スクロール _ライブラリ/API jQuery_scroll
- 19 users
- 2011/11/05
主要な動きは4つ。 ・[ Infinite Scroll ] 永遠にスクロールしてくれる (先頭の要素をもう一度読み込んでくるくる回転しているようにみえる) ・[ Sticky Elements ] 一部のエレメントだけ、スクロールしても動かなくする ・[ Scroll Analytics ... 続きを読む
-
アコーディオン、ロールオーバーなどjQueryでウェブデザインを便利に... vanidesign.blog.fc2.com
現在は、以下のようなプラグインをサポートしているようです。 accordion シンプルなアコーディオンナビゲーション button マウスオーバーやマウスダウンで画像を切り替えたり、選択状態と非選択状態によって画像を切り替える checkAll チェックボックスの一括選択 fixHeight... 続きを読む
-
Wordpress+iphoneのみで更新できる環境をつくる方法 - バニデザノー... vanidesign.blog.fc2.com
iphone4sを新調しましたので、 iphoneだけでブログが更新できたらいいなぁと vanl.laというひとことブログを立ち上げて見ました。 今回はこのブログをセットアップしたときに使った 環境をご紹介します。 必要なもの: サーバー環境+Wordpress(インストール済みが前提ですすめ... 続きを読む
-
無料もしくは稟議を出しやすい価格のストックフォトサービスまとめ -... vanidesign.blog.fc2.com
≧壔腮茘違罅冴箴≧若勉鴻壔í泣若鴻勉ŝ 菴茯帥鴻罎膣≪勉筝㊤˨障⓾障 膣c☎≧c⓾с壔ŝ 勉сíゃ祉潟鴻緇с勉с <勉祉緇罐純c障勉с≧壩祁c⓾障 鋎帥糸˨泣ゃ PIXTA 壔鴻 S泣ゃ525DLс壔㋘吾篁˨潟紊с勉 吟ゃ恰ŝíч絎障 íゃ祉潟 膣 莇恰 ≧篋榊ï脂※壠糸ïŝí ñ㋘ゃ 羂˨ŝ... 続きを読む
-
デザインのアクセントになりそうな無料手書きフォントを集めました -... vanidesign.blog.fc2.com
デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント アームド・レモン 無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Han... 続きを読む
-
レスポンシブなウェブデザインのショーケース - バニデザノート vanidesign.blog.fc2.com
- コンピュータ・IT
- webdesign_gallery *レシポンシブ
- 5 users
- 2011/10/18
レスポンシブなウェブサイトを構築しているサイトの ショーケースがありましたので、ご紹介します。 是非ブラウザサイズを変更して、ぐりぐり移動させてみてください! CSS-TRICKS ブラウザの幅が変更されるときに、アニメーションまでついています。 full-frontal warface 40... 続きを読む
-
レスポンシブなウェブデザインに対応したCSSフレームワーク「BluCSS... vanidesign.blog.fc2.com
BluCSSは、4つの環境で表示を自動的に変化させます。 ・デスクトップスクリーン ・ラップトップ(ノートパソコン) ・タブレット ・モバイル に応じて自動で表示を変えるようにセットアップされています。 メインコンテナは1000pxがデフォルトですが 設定で変えられるようです。 10個のカラム... 続きを読む
-
ウェブデザインのワイヤーフレーム(モックアップ)作成で使える、シ... vanidesign.blog.fc2.com
ステンシルの内容: ・ノーマルフォントと、 ボールドフォントの中で 10px 11px 12px のもの。 ・ライン4種 ・カラーリングされたBOXと、グレートーンに引かれたボーダーのBOXを4種ずつ。 BOX区切りや、フォームインプットエリアなどに。 ・角丸バージョンも入れました。 こ... 続きを読む
-
日本の可愛いネットショップのデザインショーケース - バニデザノー... vanidesign.blog.fc2.com
日本のECサイト(ネットショップサイト)の中で 可愛いとおもったデザインを紹介します。 ディティールが素敵なものはもちろん、 内部ページのナビゲーションが秀逸で、ついつい「長居」してしまう といった点にも注目してみました。 セレクトショップ・* mocha 楽天サイトです。女性向けの雑貨や、靴... 続きを読む
-
レスポンシブでシンプルなWordpressテーマ - バニデザノート-とって... vanidesign.blog.fc2.com
レスポンシブでシンプルなWordpressテーマがまとめられていましたので 紹介させていただきます。 レスポンシブっていうのは、ここでは見ているブラウザなどによって 動的にデザインが変化するコーディング方法のこと。 例えば、PCで見たとき、iPadでみたとき、スマートフォンで見たときに 表示の... 続きを読む
-
シングルページで魅せる、縦方向にパララックス効果を表現するjquery... vanidesign.blog.fc2.com
1ページで魅せるポートフォリオサイト風の動きのなかで 最近よく見かけるパララックス効果を採用したデザイン。 今回は縦にスクロールする際に、 スクロールの速度をレイヤーごとに調整して 視覚的に速い部分と遅い部分が起こるようなチュートリアルがありましたので 紹介いたします。 ▼One page w... 続きを読む
-
バニデザノート-とっておきのウェブデザインTipsのかけらを、まいに... vanidesign.blog.fc2.com
透過されたpng画像などを組み合わせてアニメーションできるJavascriptライブラリを紹介します。 jqueryなどのライブラリは不要とのこと。 そしてなにより3.7kbと軽量! サイトをロードしたときに印象的な動きを与えたいとき 常にどこかのオブジェクトをさりげなく動かしていたいとき(流... 続きを読む
クレジットカードみたいに使える「Vプリカ」で、べにぢょさんとネットショッピングしてみた - はてなブックマークニュース 467 users
皆さん、ネットで買い物してますか? 簡単・便利で良いのですが、ネット上でクレジットカードの番号を入力するのは、セキュリティの観点から少し不安でもありますよね。そんな折、カード会社のライフカードが「ネット上でVisaクレジットカードみたいに使えるバーチャルプリペイドカード」を提供しているという話... 続きを読む