『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」 タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。 Flex Stencil Kit 様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Free Sketching & W
フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか? cleanstickyfooter 今日もいい天気ですね〜。タス
それだけで絵になるフォントを探している。 そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette 流線型のオーナメント。商用無料 We Spray スプレーが描けるフリーフォント WC Rhesus 液体がはねたようなフォント Border Corners レースの飾りなど、様々なコーナーの装飾 Zoologic 象やキリン、ワニやラクダなどの動物フォント DJ Horses かっこいい馬のフォント 4Yeo Sport スポーツシルエットのフォント Efon 絵本に出てくるような、かわいいイラストフォント Facetype たくさんの顔のシルエット 入れておくと何かと便利だと思うので、一度見てみてください。 46 Cool & Useful Dingbat Fonts これはすごいかも。確かに軽くなった感じ
30 Websites To Download Free Stock Photos フリーの写真素材が入手出来る30サイトがまとまってました。 すでにご存知のところもあるかもしれませんが、全部網羅したエントリを知っておくと探すときに便利ですね。 stock.xchng Studio7designs Woophy 沢山あるものですね。 関連エントリ フリーフォト、無料写真素材サイト「足成」 5000枚以上のパブリックドメインな写真素材集「Free Stock Photos」
”Don't Make Me Think” 訳すと、「いちいち私に考えさせるな!ボケ!」といったところでしょうか。 これは、2001年にSteve Krugが出した書籍の名前なのですが、この「ユーザにいちいち考えさせない」ことを忘れているか、いないかがソフトウェア・Webサイトの勝負を分ける最も大きな分岐点の1つです。 人間は日々の生活の中で、いちいち物を操作したり情報を見るたびにあれこれ考えたくなんてありません。 ユーザをつまらない操作やナビゲーションで考えされればさせるほどストレスは増大し、企業への信用は急激に失われます。 今日は、この”Don't Make Me Think”について、 如何にユーザが考えることを嫌うか 「考えさせない」とはどういうことか を、これまで見てきたユーザ検証の結果なども交えて、少しばかり書いてみようと思います。 あらゆる「無駄な」思考が、ユーザを苛立たせ、
TOP > WebDesign , WebService > クロスブラウザ対策のための表示確認ツールのまとめ「Useful Tools for Testing Cross Browser Compatibility」 現在様々なブラウザがシェア争いを繰り広げており、人によって利用しているブラウザは色々だと思います。それゆえにWEB制作者にとっての一つの課題が、多々あるブラウザでの表示を統一しなければ行けないという命題が化せられると言う事です。特に現状はブラウザの種類の違いだけではなく、利用されているバージョンも異なっているため、そちらも念頭にいれなくてはいけなくて、主要ブラウザとそのバージョン違いを検証するだけでもかなり手間がかかります。そこで今回紹介するのは主要なブラウザ間での表示確認を簡単にしてくれるWEBサービス、ツールをまとめたエントリー「Useful Tools for
スクリプトフォントを探している。 そんなときにおすすめなのが、『Free and Commercial Script Fonts』。商用無料のスクリプトフォント集です。 いくつかご紹介しますね。 ↑はLearning Curve Pro。 Creampuff Ballpark CAC Champagne Saginaw Font Squirrelにリンクするものは、「License」タブにライセンスの詳細が書かれているので、使用する際には確認してください。 Free and Commercial Script Fonts ブログ書けなかった分を挽回。やっと週末なので、体調を戻しつついろいろ進めたいですね。
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
気がつけばBloglinesでのクリップ数が1000を超えてきたので、そろそろ整理してみようということで各項目別にまとめてみることにしました。まずはフリーで使えるフォトショップ用ブラシ 高品質フォトショップ用ブラシ 4089+ High Quality Free Photoshop Brushes これはものすごい数のブラシが掲載されています。 25 Free Photoshop Brushes こちらも種類が豊富。とくに毛皮のブラシが面白い。 30 Free Photoshop Swirl Brushes 商用利用もOKなSwirlブラシ。大きめのブラシなので、スクラップ用の背景などに使うのにいいかも 25 Abstract Lights Volume 2 光を表現するためのブラシ。この手のブラシは結構重宝します。 tape brushes 名前のまんま、テープを貼ったみたいな
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Grunge is a stylish design trend that
392 cool photoshop gradients ストックしておくと楽できそうなPhotoshop用グラデーション392種類。すでに紹介したものも含まれていますが、多数のグラデーションが紹介されてます。 ちょっとグラデーションを使いたいときにクリック一発で適用できるグラデーションのコレクションです。 あまり入れすぎるとスクロールバーが小さくなりすぎて使いにくい懸念もあるので入れすぎるのも問題かもしれませんが好みの効果を入れておくとよさそうですね。
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ!」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第2弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
レイアウト作成に役立つCSSグリッドレイアウトジェネレーターがまとまったエントリのご紹介です。 複雑なグリッドレイアウトもジェネレーターで下地はさくっと作っちゃうことができますね。 スピード重視のレイアウト作成時に使えます。 以下のエントリを参照してください。 6 Amazing CSS Grid Layout Generator For Web Designers | denbagus blog こういうツール以外にも、もとからあるテンプレート集やフレームワークでやっちゃうという方法もアリですね。 関連エントリ 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーで使えるCSSレイアウトのテンプレート配布サイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く