「Flogr」はFlickrの写真からフォトギャラリーを作成できるPHPスクリプトです。 特定のタグや指定のユーザーの写真などから取得する情報を指定できるようになっています。 EXIF情報の取得や、写真に位置情報が含まれる場合には地図を表示する事もできるようです。 デモ AWSなどのクラウドサーバーを使用している場合には転送料の削減にもなりますね。 こういった外部サービスを賢く使うのは素晴らしいアイデアだと思います。
![Flickrの写真からフォトギャラリーを作成できるPHPスクリプト | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/da0b1962259f0695940bbb99d3d2d3ddfe2e5544/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2010%2F12%2F20101224-01.jpg)
サイトはGoogle Font DirectoryとTypeKitというフォントサービスのAPIを使用して作成されているようです。 どちらのサービスもCSS3の「@font-face」プロパティを使用する事でWEBフォントが利用できるような仕組みのようです。 オプションでフォントの色の変更やtext shadowを適用することができました! 気に入ったフォントをダウンロード フォントにマウスオーバーをするとGet fontというダウンロード用のリンクが表示されます。 すると画面の下部に埋め込み用のタグが表示されます。 これだけでサイトに組み込む事ができます。 簡単ですね! ※ちなみに、webフォントとは何ぞや?という方はこちらの記事が分かりやすかったです。 IEにも対応!10分でできるWebフォント実装法
デザインによって必要なフォントは毎回違いますよね。毎回買う事ができれば良いのですが、そういうわけにもいかないのでやっぱりフリーで配布しているサイトを探す事になります。 ただフリーの物を探す際にはかなりの時間がかかる場合もあるので、フラストレーションが溜まらないようにしたいですね。フォントに限らない話ですが、、 というわけで、無料でダウンロードできるサイトを60紹介している「60 Best Websites To Download Free Fonts 」というエントリーのご紹介。覚えておきたいですね。 詳しくは以下 dafont.com 公式サイト 1001freefonts.com 公式サイト urbanfonts.com 公式サイト fontstock.net 公式サイト fonts500.com 公式サイト gmkfreefonts.com 公式サイト getfreefonts.in
これからCSS3を始める方御用達になりそうな「CSS3 Generator」というCSS3を作成してくれるジェネレータのご紹介です。 各種ブラウザで動作するCSSのサンプルを参照する事ができます。 詳しくは以下 使い方 サイトにアクセスするとプルダウンメニューが一つあるだけです。 プルダウンから調べたい綱目を選択します。 ためしに、TextShadowを使ってみました。 パラメターを設定するとすぐにプレビュー表示してくれます。 ブラウザのアイコンにマウスオーバーする事で対応しているバージョンが分かるようになっているのも便利ですね。 CSS3対応ブラウザがかなり多くなってきたことで、CSS3を使用するWEBデザイナーの方も増えてくると思います。 新しい技術を覚えるには動作ブラウザの検証やセレクタの名前を覚える作業など時間がかかるので、こういったツールを活用して行きたいですね。
「jQuery.spritely」はHTMLとJavaScriptでアニメーションさせる事ができるプラグインです。CSSスプライトを使用して構築されており、Flashが使えないiPhoneやiPad向けのためにもチェックしておくべきかもしれません。 詳しくは以下 スクロールする背景画像 一枚の画像をスクロールさせる事でアニメーションを実現させているようですね。 公式サイトでは、以下の画像を使用していました。 コードもシンプルに1行で実装できるようです。 $('#bird').sprite({fps: 12, no_of_frames: 3}); 以下のブラウザで動作するようです。 Internet Explorer 6 + Firefox Safari Chrome Opera アニメーションを入れる事でユーザビリティーが低下しないよう、利用場所には注意してください。
「10+ useful code snippets to develop iPhone friendly websites」というエントリーよりiPhone/iPod touch用サイトを作成する際の10のTipsのご紹介。 サーバーサイドでの振り分け処理や、画面の向きの取得方法などなど、いつか使うかもしれないのでメモ的にエントリーです。 詳しくは以下 JavaScriptでリダイレクト iPhone/iPod touchの場合に専用のページにリダイレクトさせます。サーバーサイドのスクリプトを使用できない場合に。 if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf("iphone_redirect=false") ==
グランジ系の無料フォントを50個まとめた「50 Freebies: Download Free Grunge Fonts」というエントリーのご紹介です。 どのフォントもいい感じに汚れています。 詳しくは以下 Masterplan ダウンロード 28 Days Later ダウンロード Dead Secretary ダウンロード Pulse Sans ダウンロード Docteur Atomic ダウンロード Hawaii Killer ダウンロード Cocaine Sans ダウンロード Laundromat ダウンロード Ascent 2 Stardom ダウンロード Gas Mask ダウンロード Trashco ダウンロード Destruccion ダウンロード サイトには他にもまだまだ紹介されています。 興味のある方は覗いてみてください。 ※利用する場合はライセンスに気をつけてくださ
フォントはデザインによって使い分けてる方も多いとおもいます。ホラー系のWebサイトで使用できそうな書体をまとめた「50+ Free High Quality Gothic & Horror Fonts」というエントリーのご紹介 使用ライセンスはそれぞれ異なるようなので、利用には注意してください。 詳しくは以下 Cold Night for Alligators ダウンロード Nightmare ダウンロード Brutal Tooth ダウンロード Friday 13 ダウンロード Survival Horror ダウンロード Black Oak ダウンロード Psychotic ダウンロード サイトには他にもたくさんのフォントが掲載されています。 詳しくは以下からどうぞ。
Pluploadはオープンソースのファイルアップローダーで、jQueryを使用してファイルのアップロードやリサイズ処理を行う事が可能になっています。 アップロードには複数のプラットフォームから選択可能で、FlashやSilverlightを使用する事も可能。 作者はTinyMCEの開発者の方だそうです。これは期待できますね。 詳しくは以下 機能 各テクノロジーについて何ができるかは、表にまとめられています。HTML5はJavaScriptだけで画像のリサイズなんかもできちゃうんですね。 以下のような機能があるようです。 複数ファイルのアップロード アップロード進捗状況の表示 最大ファイルサイズの制限 画像のサイズを変更する ユニークなファイル名の指定 複数ファイルのアップロード処理はCMSでは必須なので、こういったライブラリがオープンソースで公開されるのは開発者には嬉しいですね。 ソースも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く