『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac8788ac3b7043b592eacc30d0617e7bd6bba8bb/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2015%2F04%2Fcss-texteffect2015-top1.jpg)
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事?私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします!何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな!と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト! フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 (メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています) (引用:Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9) 私の場合、メリハリをつけるのは以下7つの方法が多いです。
こんにちは湿気でつやつやてかてかの井畑です。 今回はCSSのリンクの色についてふと疑問に思うことがあったので、調べて記事にしてみました。 調べてみると、何て事はなかったのですが(爆)目から鱗というかなるほどーと思うことだったので、皆さんの脳みそのしわの一つにでもなれば幸いです。 それではどうぞー! aのリンク色はなぜ親要素から継承されないの? 僕が疑問を持った点を説明します。まずはコチラをご覧ください
連携・同期を意識したメモアプリサービス『Simplenote』 iPhone/ iPod touchには標準でメモアプリケーションが付属している。だが、入力した内容は、Mac OS X標準のメールアプリの備忘録としか同期できない。これでは使い勝手がよいとは言えない。そのためもあってか、iPhoneには多数のメモアプリケーションが存在する。ただ、中には写真や位置情報、動画などiPhone上のさまざまな機能を取り込んだため、メモ本来の機能が弱くなってしまっているものも少なくない。 iPhoneアプリが基本ではあるが、Webサービスも提供されている そんな中、オススメなのが『Simplenote』。メモ本来の使い方に特化したサービスで、Webサービスと連動したiPhoneアプリを提供している。外部サービスとの連携がよく考えられており、使い勝手が良い。今回はそんなSimplenoteの便利さについ
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! javascriptやphpを使わずに CSSだけで文字列を省略して「・・・」を付けて表示 させるテクニックを発見 前からできる感じだったが、つい最近知りました。 FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 どうやるかというと text-overflow: ellipsis; を使う。 ellipsis は、はみ出した部分の最後に「・・・」を付け足す。 ちなみに clip は、何もつけません。 text-overflow: ellipsis; だけだと上手くいかないので やり方としては、 横幅(width)、w
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! Web制作をしていてスタイルシートでDIVなどボックスを作って その中に長い文字列があるとはみでてしまうことがある。 とくにURLとか これをなんとかCSSで自動改行させたい。 全ブラウザではなく一部のブラウザは、横幅で折り返してくれる やり方があるけど、クロスブラウザで対応させた良いやり方が 思いつかなくて今まで困っていたので、これで解決できそうです! Wrapping Long URLs and Text Content with CSS でスタイルシートのみでボックスからはみ出した文字列を 折り返すやり方が紹介されていました。 動作はこちらで確認
Jim Wimpeyさんのサイトで「CSSだけで文字にドロップシャドウをつける方法」が紹介されていました。これ、便利そう。 » Good-Looking, Sharp Offset, CSS Text Styling 実例はこちら。 ↑ 適用前。 ↑ 適用後。かっくいい。 やり方はいわれてみれば簡単で、1pxずらして影をつけただけ(というか影を先に書くのか)。 実際のコードは以下のような感じですね。スタイルシートには次のように記述します。 h1 { color: #000; position: relative; } h1 span { color: #fff; display: block; position: absolute; top: -1px; left: -1px; } 実際のHTMLの方はこんな感じ。 <h1><span>Lorem Ipsum</span>Lorem Ips
メールにテキストを添付して、部内のみんなに文書の確認を依頼。でも戻ってきたファイルは、それぞれがバラバラに修正を加えていて……。 2つのテキストファイルの違っている点をチェックしたい、と思ったことはありませんか? 提案書のチェックを上司にお願いしたら、テキストが直接修正されて戻ってきてしまった。文章を部内で回覧したら、みんながバラバラに修正を行ってきた。チェックをお願いしている最中に、自分でも細々としたところを直してしまった──。いずれも、どこを修正したかを確認しないと、「せっかくチェックしたのに反映されていない!」ということにもなりかねない。 昔のように印刷した紙を回覧するのではなく、メールでのやりとりが主流になっているだけに、テキストファイルの違いを見つける方法は重要だ。ここでは大きく4つの方法を紹介しよう。 プログラマーの間では、複数のテキストのどこが異なっているかを調べるツールが当
これは新しい。 なんとあらゆるページをマトリックス風に表示してくれるのだ。(実際の動作はこちら) 実装するには以下の1行をコードに加えるだけ。 <script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script> するとbodyタグの中身全部に適用される。 なお、javascript自体はbodytag.orgからダウンロードできる。 日本語にも対応しているようなので、サイトにアクセントを加えるちょっとした小細工として使えそうですね。
Home » October 2006 » Create Event at Here!: Googleマップで場所を選んでそこからカレンダー登録するBookmarklet 一年以上前、「Googleマップで任意の場所にピンを立てる」Bookmarkletを作りました。今でも問題なく使えます。 Pin It!: Googleマップで任意の場所にピンを立てるBookmarklet - Ogawa::Memoranda で、つい最近、Going My Way: Google Mapsの任意の場所に吹き出しを表示して、好きなテキストを表示する方法という記事で、Google Calendarのカレンダーエントリーの「Where」にGoogleマップと同じ座標記法が使えることを知りました。それならば「Googleマップで場所を選んでそこからカレンダー登録する」Bookmarkletもほとんど同じ方法で
2つのファイルやフォルダを比較して相違点を色分け表示できるプログラマー向けの開発支援ソフト「WinMerge」v2.6+-jp-1が、16日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「WinMerge」は、2つのファイルやフォルダを比較して、相違点を色分け表示できるソフト。世代バックアップしているプログラムのソースファイルを、古い内容と最新の内容で比較したい場合などに便利。 使い方は簡単で、比較したい2つのファイルパスまたはフォルダパスを指定するだけ。ファイルの場合は、読み込んだ2つのファイルが左右2分割された画面にそれぞれ読み込まれ、テキストの相違行が色分け表示される。フォルダの場合は、まずエクスプローラ風のファイルリスト画面で、相違のあるファイルが色分け表示される。該当するフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く