最近よく見かける、ソフトなグラデーションが映えるテクスチャ：グレインを効果的に使用したサイトをabduzeedoから紹介します。

June 1st, 2009. 16 Comments. Photoshop actions make your photoshop life a whole lot simpler by making the regular changes you would normally make to a image or file much more automated so that you dont need to go through each step over and over again. Each Designer or Photographer will have their own unique manipulations that they most commonly do to most of their work. All the Photoshop Actions

This package is not maintained, if you would like to take over please go to this page.

twitter facebook hatena google pocket フォントのサイズをユーザーが調整できるサイトは多いですが、大中小と制作者側で決めてしまってよいのでしょうか？ jQueryプラグイン「fontScaler」は+-でも調整が可能です。 sponsors 使用方法 fontScalerからファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="jquery.fontSizer.css" media="screen" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fontScaler.js"></script> <script ty

スパイスラボ神部です。 以前、jQuery でブラウザ判別をする方法をしらべていたとき、こちらを参考にしていました。 -jQueryで簡単UserAgent判別 - Webtech Walker なぜかというと Google で一番上に来るからなんですけどね。 しかしもう少し調べてみると、どうやらバージョン判別もできるようです。 -jQueryを使ったブラウザ分岐 | A Day in the Life どうやら 1.3 系列では使えないらしい $ browser しかしこの $browser、どうやら 1.3 系列からは使えなくなるようです。 -jQuery.browser - jQuery 1.3.2 日本語リファレンス $support を使うように、となるようです。 -jQuery.support - jQuery 1.3.2 日本語リファレンス 非推奨になりますが一応$b

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.

October 1, 2009 これもいつも忘れるのでメモ $('#hoge').css({'display' : 'block', 'margin-bottom' : '0.5em'}); プロパティと値は:(コロン)で区切り、プロパティとプロパティは,(カンマ)で区切る。プロパティ同士は{}(ブレス)で囲む。

Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4). Only .js file changed. Description: jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed. It works on both images with and without explicit wid

In an ongoing attempt to offer alternative methods to spruce up menus, I’ve pieced together an elastic thumbnail menu. What does it do exactly? Magnifies menu items when they are hovered over. Menu items expand upwards. View the demo to see it in action. Hopefully you know what you’re getting into, let’s make this thing happen. The HTML Quick and easy, the general framework we’ll be using goes as

The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh

CSS 画像の一部を使う3つの方法 こちらの記事でCSSを利用して画像の一部分だけを表示させる3つのテクニックが載ってました。タイムリーに実務で使うかも！とか思ったのでメモがてらにエントリ。 3 Easy and Fast CSS Techniques for Faux Image Cropping | Css Globe ちなみに上記エントリでは、これらの方法を「Faux Image Cropping」って呼んでます。私の拙い英語力ではCropって「作物」としか記憶してなくて一瞬何のこっちゃと思ったんですが、辞書引いてみると「刈る」とかいう意味もあるんですね。なるほどなるほど。 ネガティブマージンを利用する方法 まず１つ目はネガティブマージンを利用する方法。 必要条件 親要素に「overflow:hidden;」を指定 一部分を利用する画像に対してのネガティブマージンの指定 >>ネガティ

Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま

Web designers are always on the look out for new ways to be creative with their designs. Using cartoons or illustrations in web design is a great way to create a memorable impression. These days cartoons can be seen in logos, headers, banners and backgrounds. Occasionally entire websites are based on cartoon characters. Using your own cartoon character to represent yourself is a growing trend and

サイトのロゴやちょっとしたエッセンスに使える高品質のフリーフォント。たくさんありすぎて選ぶのが大変です。今回お勧めなのは、少し昔懐かしい感じのするカートゥーンフォント。ノートの角にちょっと落書きしたみたいな感じのものや、ロゴとしても充分にインパクトありそうなものまであります。

基本のテンプレートを用意しておいて、デザインをはめ込むというのも手なんですが、やはり1からサイトの内容に合わせてデザインを取り入れたいですよね。最近は部分的なチュートリアルだけでなく、こういったサイトデザイン全体のチュートリアルがたくさん紹介されているのでとても参考になります。 もちろん、PSDデータのダウンロードも出来たりするので、それをベースに改変することも可能だし、レイヤー情報が見られるので、どうやって作っているのかが一目でわかります。 デザイン構成も、汎用性のあるクリーンな感じのものが多いので、商用サイトデザインをするときの参考にさせてもらってりしてます。 とくにお勧めがLight and Sleek layout 1pxのボーダーを使ってプレスした感じを表現したり、光源の使い方などデザインセンスはもちろん、カラムの構成などもかなりハイセンスです。もちろんPSDデータダウンロード

CSSは奥が深い。どれほどのことが出来るのかと思うくらい、いろいろなスタイルシートが紹介されています。しかも jQuery なんかとの組合せで大抵のことができてしうのではないでしょうか？コーディングをする上で、スタイルシートを使ってどういったことが出来るのか把握しておくことは重要だし、その上で構築するサイトに必要なもの不要なものを切り分けることが必要ですね。

かなり高画質！メンバー登録が必要です。 PhotoXpress フリーで使えるといってもそれぞれのサイトによって規約が少しずつ違いますので、利用条件はしっかりと抑えておきたいところです。 無料の写真画像の利用条件の確認方法と検索方法 25 Places to Find Awesome Stock Photos — Free and Cheap! Top 10 Best Sites to Find Free Stock Photos 25 Sites to Download Royalty-Free Stock Photos and Textures Thirty Free Image Resources on the Web A Collection of 30+ Free Stock Photo Sites 10 Amazing Free Stock Photography Site

コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ

Yogile's web-based app means you'll have the same access and the same flexibility on any device, when and where you need it. Access photos from any device with unlimited secure storage, and share photos anywhere on the web in one easy step. Less than $4 a month ensures unlimited storage space for your photos. Check out our FAQ page for more details. With Yogile you'll have all the tools you need t

「 blog.wonder-boys.net 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 blog.wonder-boys.net 」is Expired or Suspended. The WHOIS is here.

メタルやグロッシーをテーマにしたボタン素材をpsdGraphicsから紹介します。 PSD silver metal buttons set ダウンロードできる素材のフォーマットはPSDで、背景やテキ

まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT

こんにちは。 コーヒー飲むならマンデリンな ryosuke です。ただ実際の所深いこだわりはありません。 早速ですがFlash Lite は携帯向けという事もあって少なからず制限があります。今回はその辺りを中心に特徴をざくっとまとめてみようと思います。 実装バージョンの普及状況 例によってキャリア毎に制限が異なったりするので Flash Lite の仕様と同時に各キャリアの実装状況を把握する必要があります。 モバイル用のFlashとして登場したFlash Liteですが、現在3キャリアあわせると 1.0/1.1/2.0/3.0/3.1 があります。 1.0はdocomoとSoftbankの端末のいくつかに存在する程度で余り数はありません。auは1.1の実装から提供されています。 普及率やスペック、上位互換性から1.1でパブリッシュされたswfのコンテンツが作りやすく、最も多くのユーザーにリ

When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los

最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book

If your website is poorly designed, you will drive leads away. They will seek out another business, causing you to lose business to your competitors. To attract leads, you need a professionally designed website that entices and engages them. This will help you keep your leads on your page so that you earn more conversions for your business. On this page, we’ll provide you with nine professional we

告知通り HTML5 の Tech Talk に参加した。セッションは二つ。 オフライン・ウェブ・アプリケーションを作るための API の説明 HTML5 で絵を描くための Canvas の説明 本エントリーは前者の API セッションのメモ書き。 HTML5 でオフライン・ウェブ・アプリケーションが作れる HTML5 では、オフライン・ウェブ・アプリケーションを作る仕組みが整い始めている。その大部分は、Google が Gears で行なっていたもの。ところが、Gears を使ったウェブ・サービスは少ない。数えるほどしかない。 その理由に、「Gears がブラウザーのプラグイン形式」であったことを挙げていた。 HTML という規格自身が、オフライン・ウェブ・アプリケーションの機能を持つメリットとして次の 3 つを挙げていた。 モバイル端末・ネット端末への普及 (特にこれらの機器にはオフラ

告知通り HTML5 の Tech Talk に参加した。セッションは二つ。 オフライン・ウェブ・アプリケーションを作るための API の説明 HTML5 で絵を描くための Canvas の説明 本エントリーは後者の Canvas セッションのメモ書き。 Canvas VS. SVG ウェブ・ブラウザーで絵を描くといったら、SVG が有名。Canvas は何が違うのか? 相違点を列挙して下さった。 JavaScript を使って描画 描いた図を個別に認識できない (JavaScript で後からいじれない: 位置をずらすとかね) 描画が高速 ピクセル操作が可能 SVG XML 形式のマークアップで図を表現 描いた図を個別に認識できる (JavaScript で後からいじれる) 要素が増えると重くなる ピクセル操作は不可能 結果、Canvas はマンデルグローブ集合のような複雑な図を描くのが

XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even although HTML 5 won’t be completely supported until 2022 (yes, 2022), it doesn’t mean that it won’t be widely adopted within the foreseeable future. XHTML 2 is dead, long live HTML5! According to W3C News Ar

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Your ads will be inserted here by AdSense Now!. Please go to the plugin admin page to paste your ad code. In this article by packt publishing we’ll be looking into a jQuery UI Accordion Widget. The accordion widget is another UI widget made up of a series of containers for your content, all of which are closed except for one. Therefore, most of its content is initially hidden from view. Each conta

コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ

The web content creators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer, it supports all of the widespread audio and video formats. This app is created with CSS and JavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is that it allows web

Although web design is everywhere nowadays (even when we’re not at the computer it still manages to squeeze it’s way in to our everyday life), print design is still a huge part of the design industry and is everywhere we look: newspapers, posters, prints, manuals, restaurant menus, business cards – the list goes on and on. So how do you make sure that you leave a good impression on people holding

自分でWeb サービスを作る際に、APIの認証ってどうやって作ればよいのだろうと思い立ち、各種Web サービスのAPIの認証方法を調べてみました。 ■Google 参考にしたページはこちら。 http://code.google.com/p/pyrfeed/wiki/GoogleReaderAPI 認証方法 ユーザーIDおよびパスワードを元に、Cookieを生成 認証時のAPI通信 HTTPS POST 認証URL https://www.google.com/accounts/ClientLogin 認証後のAPI通信 HTTP GET/POST, HTTPS GET/POST トークン送出方法 HTTPリクエストヘッダのCookie属性に「SID」を含める Cookieを使う方法ですので、Webブラウザを用いるWebアプリケーションに対する認証の場合は非常に簡単ですが、クライアントアプ

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 26日の土曜日は、先週に引き続き、第3回ユーザー中心のWebサイト設計・ワークショップの講師をしてきました。 前回は、ユーザー調査の結果をワークモデル分析、KJ法を使った分析を経て、ターゲットユーザーのモデルとなるペルソナを作成するところまで作業をしてもらいました。 宿題として各自に、自分たちがつくったペルソナにぴったりだと思われる写真を探してきてもらうことを宿題としました。 今週の作業はその写真のなかから一番ぴったりと思われる写真を選んでもらうことからスタート。その後、ペルソナの期待を満たしつつ、ペルソナがゴールと考える状態まで導くためのWebサイトの要件、プロトタイプを、シナリオとペーパープロトタイピングの手法を使ってデザインしてもらいました。 以下のステップです。 シ

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 3回目となり、恒例になった感のあるデジタルスケープ社主催の「ユーザー中心のWebサイト設計・ワークショップ」の講師をしてきました。 2週にわたっての2日間（5h/日×2＝10h）で行うワークショップの1日目は、いつもどおり下記の内容を実施しました。 講義―ユーザー中心のデザインについて―ワークモデル分析（ユーザー個別での分析）KJ法（ユーザーグループの分析）ペルソナ文書の作成 この作業の流れは、自分たちがこれからつくろうとしているWebサイトあるいは商品のターゲットとなるユーザー層に対して、その人たちが普段どのように生活のなかでWebサイトあるいは商品と関わっているのかを観察＆インタビューで調査した結果を、まずは個別のユーザーごとにその行動と背景、そして、そこに潜む潜在的な