台北市立動物園と迪化街めぐり 子連れ台湾#5 年越し台湾旅行5日目、レジャーや友人との食事を楽しむ日です。前日の様子はこちら www.oukakreuz.com 台北市立動物園へ パンダ館 パンダが見られるレストラン 迪化街へ 林茂森茶行でお茶を購入 小花園で刺繍グッズを購入 黒武士特色老火鍋で夕食 台北市立動物園へ 松…
![はてなブログ | 無料ブログを作成しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)
2ヶ月前に入社しました、モバイルの藤村です。私は過去にモバイルの公式サイト・勝手サイトの運営に携わってきました。 モバイルサイト (特に公式サイト) に一度でも携わった方はお分かりだと思いますが、モバイルサイトは、PCサイトとはユーザー層が違います。一言で言えば「若い層が多い」です。 PCサイトで成功している企業が、同じようなテイストでモバイルサイトではサッパリといった例はよくあることと思います。それはサイトを制作する上でモバイルの利用者に合わせてサイト・コンテンツを作ってないからだと思われます。たとえば、モバイルサイトで人気コンテンツは若者層が多い傾向が見られ、モバイルサイトをセレクションする際ディレクターは頭の中を若者の目線に合わせる必要があります。 ディレクターに限らず、音楽・漫画・テレビなど、社会人になってから新しく開拓することに億劫になったWeb製作者も多いのでは無いでしょうか?
PHPのGraphicsMagickで画像を様々に加工するサンプルコード集がdevzone.zone.comで公開されています。 画像加工の基本〜フィルタをあてる等、完成後のイメージ付きでコードが公開されていてかなり便利。 そもそも、GraphicsMagickを使えば簡単なコードで高度な加工が可能ですが、サンプルコードもあれば高度な処理を素早く実施できますね。 画像の情報を得る 画像の伸縮 フレーム内に画像をまるめる 水平・垂直反転 画像に枠を付ける ぼかしフィルタ 渦巻きフィルタ 画像をイラスト調にする その他サンプルと、具体サンプルコードは以下のエントリを参照してください。 Manipulating Images with PHP and GraphicsMagick
A Fancy AJAX Contact Form ? Tutorialzine ファンシーなデザインがいい感じのAjax&PHPなコンタクトフォーム作成のチュートリアルと、ソースコードが公開されてます。 次のようなデザインで、入力値にエラーがある場合のバリデーション機能とヒントのポップアップ機能が付いてます。 ヒントのポップアップが影付きなど、デザインがなかなか優れているのがいいですね。 CSSベースなので、デザインの変更も容易です。 関連エントリ シンプルなActionScript3で出来たコンタクトフォーム PHPとAjaxを使ったリアルタイム値チェック機能付きコンタクトフォーム「LightForm」 Ajax&PHPでアニメーションするコンタクトフォームを作成するサンプル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
クリックで画像を変更し、各画像の個別リンクにも対応した画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。 A permanent image click gallery 上記画像のパーマリンク こういったスタイルシートで実装されて画像ギャラリーは、通常マウスオーバーで画像を切り替えるものが多いですが、上記のものはクリックで切り替える仕様となっています。 実装には、iframeやJavaScriptは使用されておらず、CSS HackやIE用の条件付コメントも使用されていません。 対応ブラウザはIE5.5/6/7/8, Fx, , Safari(PC), Chromeとのことです。
SlipCoverはMac OSX向けのフリーウェア。Mac OSXでは動画があると自動的に一場面を抜き出してアイコンにしてくれる。アイコンが何もないのに比べれば分かりやすいかも知れないが、実際のところ、これでは何の映画であるか一目で分かるとは言いがたい。動画のコレクションという意味でももっと分かりやすい一覧機能が欲しいだろう。 ブルーレイやDVD風に画像をアレンジ そんなときに使えるのがSlipCoverだ。SlipCoverは任意の画像ファイルを使って、DVDやブルーレイ、今はなき HD DVD風のケースを作ってくれる。例えば映画のケース写真を持ってくれば、そのままケースのように加工してくれる。後はアイコンファイルとして保存されるので、動画のアイコンをSlipCoverが作成したものと置き換えればいい。 これは動画に限らず音楽でも有効に使えるだろう。最近ではCDを購入せずデジタルデータ
Pirka'rはWindows/Mac OSX/Linux向けのフリーウェア(ソースコードは公開されている)。ここ数年でブラウザのシェアは大きく変わってきている。それまでIEが主流だったのがFirefoxが大きくシェアを取り、さらにSafariやGoogle Chromeといったブラウザが続いている。特にCSSやJavaScriptの互換性の問題もあってIE系ブラウザが嫌われる状況になっている。 検証もできる ユーザにとって選択肢が増えるのは良いことだが、開発者やデザイナーにとっては辛い。JavaScriptの動作やレンダリング結果にブラウザによる差異があるとなっては確認作業も大変になる。その手助けをしてくれるツールがPirka'r(ピリカル)だ。 Pirka'rはEclipseベースの開発支援ソフトウェアで、HTMLファイルやJavaScript、CSSファイルのメンテナンスを行うことが
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 翻訳が超速になった Google 翻訳のブログパーツ「Tools – Google Translate」は、米国版Google 翻訳に新たに登場したサイト翻訳ブログパーツ。いままでの翻訳ブログパーツとは比べ物にならないくらい翻訳スピードが向上しています。 いままでのGoogle 翻訳 ブログパーツ ↑試していただくと分かりやすいのですが、今までのGoogle 翻訳ブログパーツはページを翻訳するのに翻訳専用のページを再読込していました。 ↑URLも代わり読み込みにも時間がかかります。 翻訳が超速になったGoogle 翻訳 ブログパーツ ↑こちらは新しくなったGoogle 翻訳のブログパーツ。URLもそのままで、あっという間にページが翻訳されます。 ↑同
『PDF-to-Word-Converter』や『Zilla PDF to TXT Converter』など、PDFファイルをテキスト変換するツールは数々ありますが、PNG形式やJPG形式のファイルをテキスト化するツールは一歩遅れている印象...。そんな中、Google Docsでは、画像のテキスト変換機能の第一弾がリリースされたとのこと。まだテスト版ということもあり、機能の精度については十分でない面が多いですが、第一報としてお届けします。 GoogleDocsでは、アップロードしたPNGファイル・JPGファイル・GIFファイルなどの画像ファイルをテキストに変換するという機能(テスト版)がリリースされました。こちらのページでGoogle Docsへの「アクセスを許可」をすれば、デモ機能を実際に使ってみることができます。米ライフハッカー編集部が早速試してみたところ、米Lifehacker記事
【Giz Explains 日本語版】イベントでコンパニオンをきれいに撮るにはどうしたらいい?(長文注意)2009.10.01 22:008,798 秋になると色々なイベントが増えてきます。そうなると我々ギズモードも忙しくなります。 かくいう僕(三浦)は、イベントでは主にコンパニオン撮影部隊(隊員一人)として活動をしております。初登板が2006年の東京ゲームショーでしたから、かれこれ3年くらいやってますね。 でも、人物撮影が得意というわけではないんです。ただ写真撮るのが好きだったから引き受けたんですが、これが難しいのなんのって。最初は失敗しまして。その様子はこちらでご覧になれます。写真が小さいのは、大きくできないほどひどい有様だったからですよ...。せっかくきれいなコンパニオンなのに、低レベルな撮影じゃ意味がない! しかし、勉強しようと思っても、イベント会場でのコンパニオン撮影のノウハウっ
2009年10月01日20:13 カテゴリHTMLタグ順位決定要因 Google vs keywordsメタタグ 最終版 Google vs keywordsメタタグ keywordsメタタグの話題がメインで取り上げられた Google Webmaster Central Blogの9月21日のエントリーのタイトルは「Google does not use the keywords meta tag in web ranking」。書いたのはMatt Cutts氏です。これぞ、迷えるSEO子羊に対する、Googleからのメッセージです。 このエントリーの中でGoogleは、検索結果順位決定要因として、現在、keywordsメタタグの記述を使用していないことを明言しています。全く使用していないし、検索結果順位決定に何ら影響を与えないと言っています。 descriptionメタタグも検
TOP > Design , Font > デザイナーのためのセリフフォント集「20 Awesome and Free Fonts for Web Designers (Serif Family)」 ゴシック体よりも少し固めの雰囲気を演出できる文字のストロークの端にある小さな飾りがついたセリフフォント。様々なシーンで活躍できるスタンダードな書体でもあります。今日紹介するのはデザイナーのためのセリフフォント集「20 Awesome and Free Fonts for Web Designers (Serif Family)」です。 Serifan 全部で20ものセリフフォントが紹介されていますが、今日はその中からいくつかきになったものをピックアップして紹介したいと思います。 詳しくは以下 ■Serifat 細身のキレイ目なセリフフォント。写真のあしらいなどに相性が良さそうです。 ■
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く