デザイン性の高いフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」 Design Developではさまざまなフリーフォントを紹介していますが、今回はデザイン性の高い、プロユーザーにも嬉しいフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」を紹介したいと思います。 （SD Cammello Font | dafont.com） シンプルなフォントから、デザイン性の高いフォントまで、40種類以上のフォントが紹介されています。中でも気になったフォントをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■font liquit colour by ~letsgotoshin

さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな

なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼る カスタムフィールドで管理する z-indexが自動で効くようにしてあげる レスポンシブWebデザインに対応させる Youtubeのサムネイルを取得する 管理画面で固定の動画を管理する ショートコードで動画一覧をドバッと出せるプラグイン・TubePress ショートコードで動画を貼る ショート

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ソーシャルメディアの普及とともに増えてきたキュレーションサービス。有名なところでは「NAVER まとめ」「togetter」「paper.ly」あたりでしょうか。どれも個人で簡単に使えるのはいいのだけれど、UIの色がポップだったり、自動で投稿されるので事前確認ができなかったりと、企業ではちょっと使いにくい感じがしてしまいます。 今日ご紹介する「Storify」は、そんな悩みを一挙に解決！ シンプルなデザインでブランドイメージも壊さず、自分で編集してから公開できるので安心です。 使い方はとっても簡単。Twitter、Facebookはもちろん、flickr、YouTube、Google、RSSの中から好きなコンテンツをドラッグ＆ドロップで並べていくだけで、あっという間に1ページのコンテンツが完成します。 ブログ感覚でテキストも挿入できるので、イベントレポートや商品に関するまとめページを作れば

最近、とあることから不動産サイトを眺める機会が増え、不動産サイトとは何たるかを悶々と考えています。 おもに不動産売買、不動産投資についてのサイトをよく見てるんですが、デザインするにあたり どんな要素が必要なのか、構成にルールはあるのか、気になったので自分用にまとめてみました。 一番大事なのは「雰囲気をつくること」 高額な商品を扱う不動産サイト。 やはりそれ相応のふさわしい雰囲気を創り出す必要があると思うんです。 私が特に気を付けたいと思ったのは以下の３つ。 その１：安心感 もうこれはお客さまがいる時点で絶対条件でしょうけれど、 不動産投資のサイトって一歩間違えるととても胡散臭くなるので、扱う文章などにも気を付けたいところですね。 その２：シンプル 不動産購入をする方・投資をする方は、若者よりもある程度年齢を重ねられたお客さまの方がはるかに多いですよね。 購入物件の情報はどこから見る事ができ

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター（エミュレーター？よくわからｎ）はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日本なら、基本的にiPhoneとAndroidだけあれば

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろそろ実践に向けてスキルを磨きたいとこ ろですね。 シンプルなページネーションです。普通に使ってたらいらないでしょうけど、コンテンツの中にギャラリーかなんかを作る予定があるときは重宝するかも。導入も簡単で手軽なのはなかなか魅力です。フリックで送れれば尚良かったんですけどね・・ ちょっと分かりにくいですけど、うっすらとページ送りが両脇に追加されています。ここにリンク先を指定する、みたいな感じ。ページ推移は普通にAjaxが使われます。 以下サンプルご用意しました。 サンプル iPhoneなどのスマフォないよ、という方は以下のmobilizerを使ってのスクリーンキャスト

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ 皆さんもご存知のように、私はワードプレスを愛用している。私はアフィリエイトサイトの大半でこのプラットフォームを利用しており数千ドル/月の収益を手に入れている。また、このブログを含むブログにも利用している。しかし、このCMSを活用しているのは私だけではないはずだ — 実際に無数のサイトがこのソフトウェアをベースにしている。 そのため、ワードプレスを称賛する声は後を絶たない。しかし、デフォルト時のSEOに関してはメリットの一つに挙げることは出来ない。私は、このソフトエウェアを多用し、検索エンジンのトラフィックのおかげで多額の収入を得るなかで、ワードプレスの設定の最適化における最良の方法を編み出した。

WordPressのレイアウトをマウスだけで変更できてしまう「PressWork」 2011-08-27 WordPressのテーマを変更する場合、ロゴマーク1つでもHTMLなどを触る必要があります。 しかし、PressWorkはブラウザ上でHTML,PHPを触らずにロゴマークの変更から、WordPressのレイアウトを変更できてしまいます。 非常によくできたテーマだったので、簡単にご紹介します。 PressWork PressWorkの管理画面 このテーマの特徴は、サイトを見ながら編集できる点です。 これが管理画面になります。 左下に出ているメニューから変更を行います。 メニューのアイコンは上から PressWork Settings Layout Colors Fonts Social Save PressWork Settings レイアウトをマウスだけで変更することができます。 D

Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

Google+で使われている204個のアイコンがPSD形式でダウンロードできる「204 Google Plus interface icons」 Google+のデザインはオリジナルMacintosh開発チームのアンディー・ハーツフェルドが作られたようで、素晴らしいデザインに仕上がっています。 個人的にもすごくカッコいいと思います。 そのアイコンがPSDとPNG形式でダウンロードできるので、インスピレーションやデザインの参考にも使えそうですね。 カラーとグレースケールの二種類あり、サイズもそれぞれ 18 x 18pxと128 x 128pxが用意されていました。 商用利用可能なようですが、作成者へのリンクが必要なようです。 利用にはご注意ください。 詳細&ダウンロードは下のリンクからどうぞ。

2011年 08月 29日 ブログを運営している上でインストールしている全プラグイン20個 [WordPress] カテゴリ： WordPress タグ：WordPressWordPressプラグイン ブログをリニューアルしました。それに伴ってプラグインを整理したのですが、「ん？これなんだっけ？」ってのが結構あったので、後々の事考えてインストールしているプラグインを書き留めておきます。結構便利なものも多いので今からwordpressをやろうと考えてる人には役に立つかと思います。 尚、紹介する順番はアルファベット順となっております。（管理画面がアルファベット順な為） Akismet http://wpdocs.sourceforge.jp/プラグイン/Akismet コメント内容をチェックするスパム対策プラグインです。結構な数のスパムコメントが入ってくるので重宝しています。 Another

WordPressでWebサービスやブログを 運営していく上で、もっとユーザーのニーズ を知りたい、という方は普通のコンタクト フォームよりも、その場で表示できて、 送信も手軽に行えるフィードバック用の フォームを設置したほうが何かと効率的 だと思います。 そのためのWordPressプラグインがUsernoiseで、Lightboxで表示されるフィードバック用のフォームを簡単に設置できるのですが、これが割りといい感じだったので若干適当ですけど日本語ファイルを作成してみました。 こんなやつ。ボタンの場所はスクショでは下部に設定してますけど、右でも左でも上でも簡単に設定できます。 フォームはその場でLightbox風に クリックすると下記のようにLightboxでフォームが出現します。 貰ったフィードバックは全て管理画面で。返信も可能 送信してもらったフィードバックは管理画面の中でコメントの

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

WebサービスEvernoteEvernoteのノート数が5ヶ月で7倍以上！男子ハック流Evernote情報収集術！2011年6月29日607 @JUNP_Nです。Evernoteを本格的に活用し始めて5ヶ月が経ちました。上半期ということで現在の情報収集フローと、情報活用法を晒してみたいと思います。 全ノートブック一覧ビフォーアフターいきなり長い画像になりますが、5ヶ月の変化がこんな感じです。 ノート総数は570から、4277になりました。 増えたから使いこなしている！というわけではないのですが、Evernoteを見れば僕の求めている情報があるという状態になりました。 Evernoteのノートブック割り振りについて考えた記事は以下。 Evernoteを挫折した人、僕ともう1度本気になって挑戦してみませんか？[運用ルール作り編][b_hatena href="https://www.dans

使用前、使用後みたいな感じに2枚の画像を比較できるjQueryプラグインです。 ショッピングサイトなんかに使えそうですね。 デモでは東日本大震災の前後での GoogleMapの画像を比較したりしています。 画像を見ると心苦しくなってしまうのですが、使い方次第では有用な使い方ができそうでした。 興味のある方は下のリンクからどうぞ。

Facebookのデフォルト機能だけだと不便だったり、出来ない事も、ここで紹介するGoogle Chromeエクステンション(拡張機能)を入れるだけで、簡単に解消できます！

TOP  >  Design , Photoshop  >  さまざまな草を表現できるPhotoshopブラシセット集「A Collection of Free Photoshop Grass Brush Sets」 自然界に無数に存在する草は多様な表情をしているため、制作に手間のかかる素材の一つではないでしょうか？そこで今回は、さまざまな形の草を手軽に表現できるPhotoshopブラシを集めた「A Collection of Free Photoshop Grass Brush Sets」を紹介したいと思います。 （HD Grass Brushes | QBrushes – Photoshop Brushes） イラストタッチの表現から、大草原を連想させるような表現まで、多彩な表現ができるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。