感性を刺激するWebデザインギャラリー<bookma!>
写真などのフレームが必要に なって探した時に見つけた 素敵なフレームのフリーの Photoshopブラシを備忘録 としてシェアしたいと思い、 エントリーします。 deviantart内から探しました。29種類あります。ライセンスにお気をつけ下さい。 Brush Pack – Grungy Frames 01 軽めのグランジ風なフレームに木の葉や花を添えたフレーム。 Brush Pack – Grungy Frames 01 by =MouritsaDA-Stock Letter Frames オールドエレガントタイプのフレーム。女性に好まれそう。 Letter Frames by ~Lileya Brush Pack – Vintage Frames 02 使いやすそうなヴィンテージ風のフレーム。 Brush Pack – Vintage Frames 02 by =MouritsaDA-
Googleは米国時間11月4日、「Google Friend Connect」にいくつかの新機能を加え、ウェブサイトパブリッシャーが独自のソーシャルネットワークを容易に構築できるようにした。今回の改良により、Google Friend Connectを採用したウェブサイトは、訪問者がプロフィールを作成する際にオプションの提供が可能となり、同じ嗜好を持つ訪問者同士を交流させることができるようになる。例えば、同サービスを採用しているサイトにおいて、訪問者は特定のタグを使って他の訪問者のプロフィールを検索し、電子メールの投稿などを必要とせずに自己紹介できるようになる。 また、パブリッシャーは、訪問者のプロフィールに基づいてニューズレターを作成および送信することや、訪問者の嗜好に関するデータ収集が可能になる。さらに、パブリッシャーがターゲットを定めた「AdSense」広告を訪問者の嗜好に基づいて
・テキストテーブル http://www.fnbi.jp/93/ CSVデータをテキスト罫線で作成した表に変換するソフトウェア。テキストの表はメールにインラインで引用できて便利である。ゼロから作ろうとすると時間がかかるし、データが変更になったら作り直さなければならないが、このソフトがあれば、CSVから一発変換で簡単に実現できる。 ソースにデータを入れて、オプションを指定するだけで、データ変換される。結構複雑な表組みのデザインもオプション指定でつくることができる。 またHTMLのTABLEタグによる表も、CSV同様に変換できる。Webで見かけたデータを、メールで知らせたいときに役立つ。また、出力をHTMLで行うことも可能だ。
CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、Webブラウザ上でプログラミングしたいと思うような機能はない。 テキストエリアをハイライト もしWeb上で開発者向けのサービスや環境を提供しようと思うならCodeMirrorを使ってみるといいだろう。CodeMirrorはテキストエリアを開発のしやすいエディタ環境に変化させてくれるソフトウェアだ。例えばJavaScript/HTML/CSS/Python/Rubyといった言語向けにハイライト表示する機能がある。 それらは各言語向けのCSSとJavaScriptで作られたパーサーによって作られている。また
フォントhack.jpは日本語フォントの総合案内サイトです フォントhack.jpは、日本語フォントの魅力を皆さまお届けするフリーフォント総合案内サイトです。自由にインストールして利用できる、フリーフォントを中心に紹介しております。またフォントなニュースやフォントに関するブログなど書体に特化したコンテンツを提供しています。 フォントとは? フォントはある様式に従って文字をデザインしてそれをパソコンなどで表示したり、印刷できるようにしたものです。パソコン内では「0」と「1」の組み合わせ(2進法)でデータ化されていますが、液晶画面などに表示するときやプリンターで印刷するときに文字となって表現されます。書体とも呼ばれていますが、これは昔あった写植のなごりで、ゴシック体(カクカクした感じの書体)とかナール(丸文字の書体)などと呼ばれていました。写植とは、写真植字といい、文字が沢山書かれた文字盤の上
便利そうなフリーのアイコン作成ツール6種類がまとまったエントリのご紹介。 Photoshop等のツールでもアイコンは作れますが、アイコンに特化した専用のグラフィックツールの方が特化している分、便利な機能がいろいろあるようです。 Greenfish Icon Editor Pro IconFX Sib Icon Editor LiquidIcon XP アイコンは作る場合、使い慣れたツールで作るのもいいですが、こうしたツールを一度は試してみるのもいいかもしれませんね。 リンク先を見るには以下のエントリを参照してください。 6 Free Icon Editors To Create and Edit Icons
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.
2EXPRERTSDESIGNというサイトで、無料でダウンロードできるクオリティーの高いPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はGrass Number PSD ( by PsEvi )。 Web User Interface Treasure Chest ( by LazyCrazy ) Full Pin Stock ( by atilazz ) Scratches PSD 45 Useful Collection of Free Photoshop PSD Files 他にもロゴデザインのPSDファイルなど、しっかり作られたものがまとまっています。 一度見てみてください。 500+ Free Download High Quality Photoshop PSD Files For Designers 金曜日ですね〜。週末はまったりするぞ。
ケータイデザインで出来ること出来ないことがまとめられた記事「携帯サイト(html)の制作に入る前に確認しておきたいチェック項目」 Tweet 2009/10/30 金曜日 matsui Posted in デザイン, 記事紹介・リンク | 1 Comment » 良エントリーがありましたのでご紹介します。 ケータイデザインで出来ること出来ないことがキレイにまとめられた「携帯サイト(html)の制作に入る前に確認しておきたいチェック項目」というエントリーです。 → これからゆっくり考L 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 [sakaki0214.com] ケータイサイトでは、どうしても実現しづらいデザインというものがあります。 このエントリーでは、ケータイで表現できないようなデザイン案をもらわないように、デザインファイルをもらった時にバーッと見てチェックすべき
特殊効果機能が満載の「UIZE JavaScript Framework」 「UIZE JavaScript Framework」(以下、UIZE Framework)が今回のJavaScriptラボのテーマです。UIZE Frameworkは、エフェクト/アニメーション表現に特徴を持つJavaScript/Ajaxフレームワークで、公式サイトには見慣れない特殊効果を使った派手なスライドショーや、写真を組みあわせたアニメーション付きのグラフなど、目を引くサンプルが多数紹介されています。その表現力の高さはJavaScriptとは思えないほどで、従来のJavaScriptライブラリーやフレームワークとは一線を画しています。 この連載では過去にJavaScript/Ajaxフレームワーク「Ext JS」と「YUI(Yahoo! UI Library)」を取り上げました(関連記事)。UIZE Fr
Pirka'rとは? Pirka'r(ピリカル)は独立行政法人情報処理推進機構(IPA)のオープンソフトウェア利用促進事業の一環として開発されたオープンソースソフトウェアで、オープンソースコミュニティ「The Ashikunep Kotan」にて公開されているEclipseRCPをベースとしたWebサイト制作用のツールだ。とりわけブラウザ間の互換性チェックや、マルチブラウザ対応のプレビュー機能など、これまでWebサイト制作者が頭を悩ませていたWebブラウザごとの挙動の違いによるトラブルを事前に防止することができる。 Pirka'rのWebサイト Pirka'rのインストールと起動 Pirka'rの実行にはJava実行環境が必要となるので事前にインストールしておこう。また、マルチブラウザのプレビュー機能を使用するにはIE(Windowsのみ)、Firefox 3、Safari 4をインストー
似たようなツールは他にもあるが、使いやすそうだったのでご紹介。 Mockingbirdを使えば簡単にブラウザだけでサイトのワイヤーフレームを作ることができる。 これから作りたいサイトはこんな感じ・・・といったプロトタイプをつくるときに便利だろう。 ちゃんと日本語も通るし、タグクラウドやビデオといった今風の部品も揃っている。 サイトの提案なんかをするときに便利ですな。覚えておくといいだろう。
音や似顔絵で年賀状を遅れるサービスサイトを発見。 サウンド年賀|郵便年賀.jp カンタン似顔絵作成ツール よくあるグリーティングカードよりも身近になれそうです。
こんなOSを待っていた! Android 2.0をビジュアルチェック(動画&ギャラリー)2009.11.04 12:00 satomi グーグルのAndroid SDKが「Android 2.0」を正式にサポートしましたね。 上の動画は新機能を紹介する公式ビデオですけど、これがなかなかイイんですよ。モトローラのiPhoneキラー「Droid」が好評なのは、Android 2.0のお陰かも。 動画で目を引くのは連絡先ですね。複数のソースから連絡先情報を引っ張ってきて一本化する辺りは、HTCが今年出したAndroid携帯「Hero」を彷彿とさせます。どんなバックエンドとも双方向同期をサポート。誰かのアイコンを触ると、その相手に情報を送信するあらゆる方法を表示してくれる秀逸な新機能「Quick Contact」(上)も備えており、これはどんなアプリにでも組み込めるんですよ。 OSにはホント、あり
仕様変更 Ubuntu 9.10でのインプット・メソッドは、これまでのSCIMからIBusに変更になります。そこで今回は、やや先取りではあるものの、IBusの特徴や使い方の紹介と、これまでどおりSCIMを継続して使う方法を紹介します。 IBusとは IBusは、 Red HatのShawn.P.Huangによって開発されているインプット・メソッドです。今のところ標準のインプット・メソッドとして採用しているのは Fedora(そして今回からのUbuntu)程度ですが、現在もっとも活発に開発されているので、採用するLinuxディストリビューションも増えていくことでしょう。日本語のブリッジ(IBusの用語でいうとエンジン)はAnthy用のIBus-Anthyしかありませんが[1]、すこし前から日本人によって開発されるようになり、実用上問題ないぐらいまでは開発が進みました。 NetbookやMI
今日は、モバイルも含むECサイトの運営者に影響がある法律改正に関してお知らせします。 2009年12月1日から施行される特定商取引に関する法律の改正によって、ECサイトから購入した商品は原則として一定期間返品できることになります。どうすれば返品の条件を規定できるのかなど、法律改正のポイントや対応ガイドラインなどを紹介しましょう。 特商法改正のポイント2009年12月1日から施行されるのは、2008年6月に成立した「特定商取引に関する法律及び割賦販売法の一部を改正する法律」。この改正には、 規制の抜け穴の解消訪問販売規制の強化(特定商取引法改正)クレジット規制の強化(割賦販売法改正)インターネット取引等の規制強化その他、罰則や自主規制の強化といった内容が含まれていますが、この記事では、なかでも特定商取引に関する法律の改正における、ネットショップに影響がある部分に絞って解説します。 ネットショ
セッションごと有料のセミナーにもかかわらず、満席で申し込みは締め切られるほどの人気だったこのイベント、会場では次の5つのセッションが行われた。 アクセス解析市場の最新動向サイト改善レポート実践活用術Google Analytics 活用術 実践編広告効果測定市場の最新動向ECサイトのための広告効果の改善ワークショップそれぞれについて、レポートしていこう。 アクセス解析市場の最新動向 ~「ツールを覚える」時代が終わろうとしている1セッション目はアクセス解析市場の最新動向を解説し、石井氏のノウハウを伝える内容。 石井氏によると、アクセス解析で問題だったことの1つは、自社のデータを見られるけれども、他社との比較ができないこと。社内でアクセス解析レポートを提出しても、経営陣に「これは多いのか少ないのか」と聞かれて返答できない状況だったという。石井氏が長らく提供してきているアクセス解析サービス「サイ
前回ではアクセス解析ツールで採用されている3つの測定方式について、基本的な動作を示した。今回は各測定方式について、データ精度とコストという観点から、注意すべき違いの比較を行いたい。 アクセス解析ツールのデータの精度アクセス解析の測定方式というものは、すでに確立されているWebの仕組みの中で、どうしたら人々の行動の測定ができるかと各ベンダーが工夫をして考案したものである。その点から言っても、期待されるような100%の精度でデータの計測ができるというのは有り得ない。まずはこの点を認識しておいていただきたい。さらに、それぞれの測定方式で、無視できないデータの精度上の違いがある。この点について、順に説明していこう。 (1) ロボット(クローラー)からのアクセスサーバーログ取得型とパケットキャプチャリング型の場合、通常の人間のアクセスの仕方とは異なる検索エンジンのロボット(クローラー)のアクセスも、
ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。 いくつかご紹介しますね。 CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleSheet to your RSS feeds RSSフィードにCSSを適用させる方法 CSS Watermark Effect CSSで作るウォーターマーク(透かしテキスト) Forming Tooltip using CSS3 JavaScriptで作る必要があったツールチップをCSS3で簡単に実装する方法 ソースが載っているので、一度見てみてください。 CSS techniques web developer should use 中目で飲みまくり。ある方と会えたし楽しかったぞ。CREAMUをiGoogleに入れ
内容が難しくなる前にFirebugに慣れる! 第1回から第4回まで、jQueryについての各セレクタやメソッドなどを見てきました。各回で簡単なサンプルも載せていましたが、皆さんここまでの内容については問題なくついてこれていますでしょうか? まだjQueryの基礎について全てを説明し終えてはいないのですが、そろそろスクリプトも長くなってきて、考えることも難しくなってきています。第3回と第4回の内容を振り返ってみても、少しずつスクリプトの量も増えてきているのがわかると思います。この先も、内容が増えていくにつれて、スクリプトも長く、手順をうまく考えなくてはならなくなってきます。 内容がもっと難しくなっていく前に、一度ここで復習をして、この先に備えておきましょう。 Firebugをもっと使ってみる ここまで、いくつかサンプルなどを紹介してきましたが、まだまだjQueryがいまいち理解できていない人
高画質動画共有サイトVimeoでの Gimpチュートリアル動画をいくつか ご紹介します。Youtubeにも多数 あるのですが、チュートリアル動画 はやっぱり高画質で見たいです。 Vimeoは高画質だらけの動画サイト なので個人的にかなりお勧めです。 見難い場合は拡大してみるか、Vimeoにアクセスしてご覧下さい。重い場合は一番下に動画のDL法を記載してありますのでご参考下さいませ。 また、Gimpそのものに関してはネタ帳さんの今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめが参考になります。Gimpは一部、Photoshopブラシが使えますのでWeb制作に役立つオンラインサービスやツール300+内の素材関連に書いたフリーPhotoshopブラシ配布サイトで探してみると良さそうです。 Reflection Image Tutorial GIMP : Reflec
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ&シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
最近では女性向けのカメラ雑誌も登場するなど、若い女性にもどんどん広がっているカメラブーム。ブログにアップする写真も、携帯で撮るよりはちょっといいカメラで撮ってみたいですよね。そこで今回は、「これからカメラを始めたい!」という人のために、自分にあったデジカメの選び方や撮影のコツについてのエントリーを集めました。 色々ありすぎて分からない…自分に合ったデジカメの選び方は? まずはカメラの選び方です。デジカメを買おうと思ってお店に行っても、色んな種類がありすぎて「どれを選べばいいの?」と悩みがち。デジカメ選びのポイントを見ていきましょう。 女性向けデジタルカメラの選び方 - [女性のためのデジタルアイテム]All About こちらのエントリーでは、デジカメを買う際のポイントとして以下の4つが紹介されています。 細部まで綺麗に撮るために、画素数(画像を記憶するための粒子の数)の大きいものを選ぶ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く