「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法:phpspot開発日誌
「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法。 以前紹介した、「ドリームラインジェネレーター」によって目を引くクールな画像を軽く作成してみます。 完成イメージは次のような感じ。 要した時間はたったの５分ですが、パンフレットとかに使われそうなクールなイメージが出来てます。 作り方は次の流れでかなり簡単に行えます。 1. 「ドリームラインジェネレーター」にアクセスし、フォームに適当な文字列を入れましょう。 2. 文字列を入れるとランダムに画像が生成されるため、クールな感じの画像が生成されるまでタイミングを待って、うまいところでスクリーンキャプチャ。 ここで取る画像がセンスを問われる部分ですが、なんとなく適当にとってもなかなかカッコいい画像ができるため、難しくはないはず。 3. PhotoShop等の画像編集ツールにて、この画像の上に文字を書き、ドロップシャドウ効
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
「ブックマークに追加」 ボタン
サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。 その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせてみました。 実物はエントリータイトル横のアイコンにマウスオンしてもらえればわかるかと思いますが、せっかくなのでソースとか公開。 2007年12月14日 追記 サイトリニューアルでボタンが変わったので、サンプルを下記に移動しました。 実際に動作しているサンプルはこちら さて、今回の材料は、 アイコン画像 JavaScript ファイル 3種 本ボタンの XHTML ソース 本ボタン用 CSS の追加 JavaScript ファイルはマウスオン、オフ時の動きを制御するために使用。これは 「PJ Hy
CSS Hazard | とても危険のギャラリーと思います
Load testing is an important part of overall web performance. The load testing process is widely used. The testing system involves placing demand on a particular software system and measuring the response. Load testing is a useful tool because it can give you an idea on how a system responds under normal operating conditions. In addition, load testing can also give an accurate measure on how a sys
画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌
Highslide JS - JavaScript thumbnail viewer Highslide JS, formerly Vevstein Thumbnail Expander, is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: 画像の拡大プレビューを超クールに行える「Highslide JS」。 サムネイルをクリックするとそのまま画像がズームされ、影付きで写真を表示できます。 設置は次のように行います。 スクリプトインクルード <script type="text/javascript" src="highslide/highslide.js"></script>
ウノウラボ Unoh Labs: すべてのWebデベロッパーに必須なFirefox拡張20(+1)選
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
クオリティの高いテンプレートを無料で配布しているサイトまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌
WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」 - GIGAZINE
Photoshopにはブラシというのがあり、これを使うと任意の形状を簡単に利用できます。有効に使えばいかにもそれっぽい画像がどんどん大量生産できるので、手早くビジュアル的に派手な画像が必要なときなどに重宝します。 そんなPhotoshop用ブラシばかりを集めまくったサイトが「PS Brushes」です。現時点で180種類以上のブラシセットが置いてあり、ジャンルごとに分類されています。今後もどんどん追加されるようです。 そのほかのブラシ配布サイトや、GIMPでの利用方法は以下の通り。 PS Brushes - The Largest Photoshop Brush Resource on The Internet http://www.psbrushes.net/ ブラシのインストール方法も書いてあります。 Installing Brushes GIMPでの使用方法は以下の通り、変換すればO
画像の色をWEB上で解析「Color Palette Generator」:phpspot開発日誌
Color Palette Generator Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with. 画像の色をWEB上で解析「Color Palette Generator」。 Color Palette Generatorを使えば、次のようにURLを指定して画像の色をHTMLカラーで取得することが可能です。 ちょっと色をとりたい、でもツールはない、といった場合にこれは便利かもしれませんね。 いい色合いだと思う写真を解析してそのままデザインの際の配色に使ったりもできるかもしれま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bambino Labs Halloween - Web2.0風ハロウィンロゴジェネレーター
Web2.0っぽいデザイン | i d e a * i d e a
サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla
フリーのCSSデザインテンプレート集「Free Css Templates」:phpspot開発日誌
Michael Leander - Digital Expert In Marketing, Business & Tech Industries
CSSで独自にデザインされたチェックボックス＆ラジオボタン:phpspot開発日誌
CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」
Zymic ¨ Free Templates & Tutorials
80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌