無料で使えるPhotoshopプラグイン20選『Free Photoshop Plugins』 | CREAMU
Photoshopをもっと簡単に使いたい。 そんなあなたにおすすめなのが、『Free Photoshop Plugins』。無料で使えるPhotoshopプラグイン20選だ。 以下にご紹介。 » virtualPhotographer ワンクリックでクオリティの高い、プロのスタイルを適用できる。 » Richard Rosenman 無料のPhotoshopフィルターやプラグインをたくさん紹介しているサイト。（無料でないものもある） » Filter Forge 自分のフィルターを作成できるソフト。 » Harry’s Filters 69もの画像エフェクトをもったプラグイン。 » Auto FX Mosaic モザイクのタイルのようなエフェクトをかけられるプラグイン。 » Auto FX Dreamy Photo 画像に柔らかいロマンティックな効果を与えるプラグイン。 » Telegra
Photoshop（CS4）のブラシサイズをすばやく変更する｜DTP Transit
Photoshopでブラシツールを選択している際、日本入力オフで [ キーまたは ] キーを押すとブラシサイズが増減しますが、CS4ではもっとスゴイ技がありました。 control+optionキーを押しながらドラッグすることでブラシのサイズ（マスター直径）を変更することができます。これはスゴイ！ さらに、commandキーを加えて、command+control+optionキー押しながらドラッグすることでブラシの硬さを変更することができます。 ネタ元：My Favorite New Photoshop Feature - Tim Cole's InDesign BackChannel 参照ムービー： Creative Tip: Change Brush Size in Photoshop CS4.
綺麗にデザインされたおしゃれなソーシャルブックマーク追加リンクのセット:phpspot開発日誌
Social Bookmarking Menu - Revisited | Eight7Teen 綺麗にデザインされたおしゃれなソーシャルブックマーク追加リンクのセット 次のような、カーソルを合わせるとアイコンがひょっこり現れて、ついソーシャルブックマークに追加したくなりそう（？）なアイコンセットが表示されるというサンプルです。 デモのソースがダウンロードできるのですが、HTMLとPNGファイルの2個しかはいっていなくて使うのも簡単です。 CSSスプライトで画像を1個にまとめているので、日本のソーシャルブックマークに対応させるのは若干面倒かもしれませんが、こういうところまでデザインしてしまおうというのが素敵ですね。 関連エントリ ソーシャルブックマークやRSSリーダーに追加ボタンをスマートに一括設置できる「mooSocialize」 ソーシャルブックマークのアイコン集 iPhoneのアイコ
プロフェッショナルなロゴ作成の手順:phpspot開発日誌
How to Create a Professional Logo | Webdesigner Depot プロフェッショナルなロゴ作成の手順、ということで、単にロゴを作って終わりというのではなく、ロゴを作った後々まで考えた上での、プロならではの制作手順が書かれていてなかなか勉強になりました。大まかにメモしてみました。 1. まず紙に書いてブレインストーム 紙なら自由に書けるし、どこでも変更が容易ですね 色々練っておくことで顧客との調整もうまくいきそう 2. イラストレーターなどでベクター化 プリント・拡大/縮小されることなんかを考えて当然、ベクターでデザイン 3. 色合いを決める 依頼者のイメージにあった色合いを作成 「Adobe’s free Kuler service」などを使うと便利。 4. 白黒のバージョンを作る コピー、ＦＡＸ等、白黒で使われる場合のための表示確認。 白黒にした
Simple scalable CSS based breadcrumbs | Veerle's blog
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! A few days ago I was implementing breadcrumbs in a website I’m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because it’s been a while since I
「PHP使いはもう正規表現をblogに書くな」と言わせないでくれ : 404 Blog Not Found
2009年03月19日18:00 カテゴリLightweight Languages 「PHP使いはもう正規表現をblogに書くな」と言わせないでくれ ああ、まただよ... かなり使えるPHPの正規表現まとめ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜 正規表現って、プログラミング言語間の差が少ないサブ言語なのに、なぜ「PHP」がつくとダメ正規表現ばかり登場するのか。うんざりだ。 かなり使えるPHPの正規表現まとめ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜メールアドレスは厳密にチェックしようとするとなかなか難しいのですが、簡単なチェックだったらこれでOKぽいですね。 /^[^0-9][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
テキスト内容によってtextareaを自動リサイズできるjQueryプラグイン「autoResize」:phpspot開発日誌
テキスト内容によってtextareaを自動リサイズできるjQueryプラグイン「autoResize」 2009年03月10日- jQuery plugin: ‘autoResize’ - James Padolsey テキスト内容によってtextareaを自動リサイズできるjQueryプラグイン「autoResize」 改行を入れると、textareaが自動でズイズイとアニメーションで伸張します。 「textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ 」というのがありましたがアニメーションできる＆jQueryプラグイン＆オプション指定可能という点があります。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 設置サンプル 設置のサンプルです。 設置のサンプルです。 設置のサンプルです。 以下のようなオプションが指定出来ます。 ・onResize でコールバック関数を指定 ・animate
14 Most Useful Web Design Cheat Sheets
One Ping Pingback: 18 Seriously Helpful Cheat Sheets for Easier Coding | Web Design Ledger 60 Comments Thanks! Just snagged me a couple cheat sheets. Merci !!! Thank you !! 🙂 thanks for a great post. you got the link of the Flash CS3 Cheat Sheet wrong.. These are some really useful resources and will hopefully save me a lot of headaches! Nice selection, I actually just thought it would be the sam
クールにデザインされた多機能LightBox「ColorBox」:phpspot開発日誌
ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化してページ送り機能 AjaxでHTML取得 インラインＨＴＭＬも可能 ビデオ埋め込み IFRAMEで外部ページの埋め込み 機能も勿論多機能でいいのですが、デザインが色々と選べるところがいいです。 以下、３つのテーマが基本テーマ以外に用意されているみたいです。 シンプル調 Apple風(?) シンプル調2 カスタマイズして簡単にデザイン変更もできそうです。 jQueryプラグインで、MITライセンスとのこと。 関連エントリ カスタマイズできる多機能LightBox「Lightview」 表示法が新しく
JQuery UI Tabs With Next/Previous | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded and it makes sense to provide alternative navigation of them. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cur
40 Useful Adobe Illustrator 3D Tutorials and Techniques
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. Adobe Illustrator is a versatile vecto
サイト公開前に役立つ２５のユーザビリティチェックリスト:phpspot開発日誌
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
Easy Display Switch with CSS and jQuery - DesignM.ag
This tutorial was originally put together by Soh Tanaka during the Spring of 2009. Unfortunately the original demo went offline along with his source codes. I checked out an older archive copy on the WayBack Machine and decided to re-built this tutorial from scratch. I am going to demonstrate how we can make a simple list-style interface that switches over to thumbnails using jQuery. The user may
Image Rollover Borders That Do Not Change Layout
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! It’s a fact of CSS life that the ‘border’ of any block level element gets factored into its final box size for layout. That means that if you add a border on a hover to an element that didn’t already have a border of that exact size, you will cause a layout shift. It’s one of my pet peeves,
WordPressのテンプレート作成時に欠かせない有用チートシート:phpspot開発日誌
My Wordpress Cheat Sheet WordPressのテンプレート作成時に欠かせない有用チートシート。 WordPressのテンプレートを作るのは、はじめての場合大変そうですが、このチートシートを使えば簡単に作れそうです。 テンプレートの構造 header.php - ヘッダー部分 index.php - メイン部分 sidebar.php - サイドバー部分 footer.php - フッター部分 single.php - 記事テンプレート page.php - ページテンプレート comments.php - コメントテンプレート search.php - 検索コンテンツ searchform.php - 検索フォーム archive.php - アーカイブ functions.php - 特別機能 404.php - 404エラーページ ループの仕方 < ?php i
検索エンジンとしてのTwitter
Twitterが新しい検索エンジンとして注目されている。ユーザーに新たな情報を提供するだけでなく、ビジネス展開の加速も予想される。ネットのつぶやきが流れる「貧乏人の電子メールシステム」（グーグル CEOのエリック・シュミット氏の発言）は、検索というパワーを得ることで、新たな次元に進化する可能性がある。 ＠ITが掲載したeWEEKの翻訳記事「Twitterの検索機能はグーグルを脅かすか」にあるように、検索エンジンとしてTwitterが注目されるようになったのは、3月上旬に行った検索機能の組み込みだ。Twitterは2008年7月にTwitterを対象にした検索サービスを提供していたSummizeを買収し、「Twitter Search」で検索機能を提供してきた。3月上旬には一部ユーザーのホーム画面にも検索窓を設けて、キーワードなどで検索できるようにした。さらに数多く検索されているキーワードを
カラー電子ペーパー端末、富士通が一般販売へ － ＠IT
2009/03/18 富士通フロンテックは3月18日、独自開発のカラー電子ペーパーを採用した携帯情報端末「FLEPia」（フレッピア）を個人や法人向けに一般販売すると発表した。Webサイトを通じて販売していく。出荷は4月20日開始で価格は9万5000円（税別）。2年間で5万台の出荷を目指す。これまで電子ブックなどで実用化されてきたのは主にモノクロ製品で、一般販売される電子ペーパー搭載端末としてはカラーは初めて。 携帯電話とのBluetooth接続によるダイヤルアップ機能やWi-Fi（11b/g）にも対応。Windows CEベースであるため、Internet Explorer for Windows CEによるWebブラウジングやWebメールの利用、Windows CE付属のメールソフトの利用も可能。WordやExcel、PDFの閲覧のほか、電子書籍ビューアとして「T-Time」（.boo
ナビゲーションバーに次へ戻るボタンを追加する方法 - A Day In The Life
iPhone/iPod Touchのメールアプリ(Mail.app)で使用されている「次へ」ボタンと「戻る」ボタンの実装方法です。 ナビゲーションバーにUISegmentedControlを追加するのが基本的な実装方法です。 @implementation SampleViewController - (void)viewDidLoad { NSArray *array= [NSArray arrayWithObjects: [UIImage imageNamed:@"UIBarButtonPrev.png"], [UIImage imageNamed:@"UIBarButtonNext.png"], nil]; UISegmentedControl *segment = [[[UISegmentedControl alloc] initWithItems:array] autorelea
人を惹きつけ人を動かす文章を書く方法 初心者にもわかるコピーライター養成講座 ～言葉で世の中を動かそう - プログラマーkkの勉強/成長ブログ@ライブレボリューション(モバイル広告�
先日、宣伝会議のコピーライター養成講座の特別体験講座を受けてきた。 そのまとめ。 目次 言葉で世の中を動かそう コピーライターへの道 課題 解説 宣伝会議のコピーライター養成講座の宣伝 この講座で得られること コピーライターが求められている理由 コピーライターにはどうすればなれるか・・・その決心と、努力 キョロキョロしよう・・・観る フムフムする・・・聞く ワイワイする・・・話す ムチャクチャする・・・熱中 ウンウンする・・・書く コピーライターのためのコラム 感想 参考書籍 最近書いたまとめ記事 言葉で世の中を動かそう コピーライターへの道 講師は、理論派コピーライターの谷山雅計氏。 まず最初に課題が出された。 課題 『古本屋を若者にもっと利用してもらうためにキャッチフレーズを書いてください』 15分で３つ書くように言われた。 全員分を回収し、30分後谷山さんが戻ってきた。 解説 なぜこ
「今はダントツでmixi」--ギャルのケータイ最新事情
若者の間で「リアル」などのモバイルサービスが流行していることが、注目を集めている。大人とは違う携帯電話の使いこなし方が話題となっているようだ。しかしその一方、大人が若者の流行に気づくころには、そのブームは若者の間ではすでにピークを越しているという指摘もある。 そこでCNET Japanでは、若者の中でも特に流行に敏感な「ギャル」と呼ばれる10代後半の女性に焦点を当てることにした。現在ギャルの間でどのようなモバイルサービスがはやっているのか、また、携帯電話自体をどのように使いこなしているのか。2万人のギャル会員を持ち、ギャル専門のマーケティングを手がける有限会社SGR代表取締役社長の西本裕美氏に、現在のギャルの携帯電話事情について話を聞いた。なお、SGRは2008年12月に社名をシホ有限会社G-Revoから変更しており、「ギャル社長」として有名になった藤田志穂氏が設立した会社としても知られて
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
[CSS]サムネイル画像を表示するドロップダウン型ナビゲーション
タブ形式のドロップダウンの子要素にサムネイル画像を表示するナビゲーションのスタイルシートをCSSplayから紹介します。
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kuler
http://valums.com/javascript-image-galleries/
jQueryベースの多機能グリッドテーブル「DataTables」:phpspot開発日誌
qTip - The jQuery tooltip plugin - Home
qTip - The jQuery tooltip plugin - Home
Design & Illustration Courses and Tutorials | Envato Tuts+
ナビゲーションデザイン｜Webデザイン会社
[JS]ナビゲーションにツールチップをスライド表示させるスクリプト