4ステップの簡単な操作で、オブジェクトの鏡面反射を作成するPhotoshopのチュートリアルをAbduzeedoから紹介します。
TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグイン 2009年10月27日- TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグインが公開されました。 JavaScript のみで実装されているという点と、jQueryベースでカスタマイズも超簡単というなかなか注目のプラグインです。 デモ1 - フォロワーリストをアイコンで表示。時間を置くと自動でページ送りされます。 デモ2 - デモ1に追加で、更にフォロワー数を上に表示してみている例。 デモ3 - 1ラインでフレンドリストを表示する例 デモ4 - フル機能の実装例。フォロワー数、フレンド数、アイコン集、更に最近の関連ユーザの発言が見れるようです 微妙にアニメーションしてクールなのもjQueryのよいところ
次のような、瓶の栓っぽいソーシャルアイコンセットが公開されています。 それぞれのアイコンもいい感じにマークを劣化させていて質感がでてますね。 使いどころは?なのですが面白かったので紹介させてもらいました。 ちょっと奇抜なこのアイコンは注目をひくのにはいいかもしれませんね。 ダウンロードは以下のエントリを参照してください。 Free Social Media Icons: Old Bottle Crowns Icon Set
便利そうなフリーのアイコン作成ツール6種類がまとまったエントリのご紹介。 Photoshop等のツールでもアイコンは作れますが、アイコンに特化した専用のグラフィックツールの方が特化している分、便利な機能がいろいろあるようです。 Greenfish Icon Editor Pro IconFX Sib Icon Editor LiquidIcon XP アイコンは作る場合、使い慣れたツールで作るのもいいですが、こうしたツールを一度は試してみるのもいいかもしれませんね。 リンク先を見るには以下のエントリを参照してください。 6 Free Icon Editors To Create and Edit Icons
ナビゲーションに使えそうなタブ付きリスト実装サンプル。 少ない枠内に多数のメニュー項目を入れ込むことができるUIのタブ付きリスト実装のチュートリアルになってます。 サイドバーなんかに組み込んでサイトの使い勝手を高められそうです。 インタフェースの挙動 次のようなインタフェースになってます。 別タブを押すと、アニメーションしながらリストが縦に伸縮して適当なサイズになります。 ソースコードもダウンロード可能です。 以下のエントリを参照してください。 Organic Tabs | CSS-Tricks
最近見つけたWEBデザイン作成チュートリアル集のご紹介です。 ユニークなデザインから、クールなデザインまで、色々とあってデザインの際の参考にどうぞ。 Create a Clean and Colorful Web Layout in Photoshop | Grafpedia Design a colorful theme for wordpress | Grafpedia Photoshop Tutorials - HV-Designs.co.uk Create a nature inspired layout in photoshop | Grafpedia Photoshop tutorial to create an website layout inspired by apple.com | Grafpedia Learn how to design a car dealer w
1つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」。 例えば、<a> タグの href 属性に、サイトA||サイトB||サイトC 、title属性に、サイトAタイトル||サイトBタイトル||サイトCタイトルのように指定すると次のように、マウスオーバーで複数サイトへのリンクとして表示してくれるライブラリが公開されています。 1つのリンクから複数の選択肢を用意したい場合に使えそうですね。 具体的なコードは以下。 <a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">リンク</a> HTML的にこれはどうなの?という声もありそうなのですが、なかなか便利そうなのでご紹介しました。 ダウン
超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery ? Tutorialzine 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryでAjaxを使った滑らかアニメーション画像スライドショー スライドショーが可能なイメージギャラリー作成ライブラリまとめ 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」
人物の写真をアーティスティックにするPhotoshopチュートリアル集が公開されています。 自分の写真とかで試してみると楽しそうですね。 リンク先は以下のエントリを参照してください。 30 Photo Effect Photoshop Tutorials Every Designer Will Love | Graphic and Web Design Blog -Resources And Tutorials
jQueryで幅の大きなドロップダウンメニュー作成チュートリアル。 ドロップダウンというと、単一の列を想像しますが、実際には、横に広がったほうが見やすいかもしれませんね。 次のような幅の広いドロップダウンメニューを実装する例になってます。 同じようなドロップダウンの例も色々公開されていてリデザインの際の参考にできるかもしれませんね。 以下のエントリを参照してください。 Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
ロゴデザインが色々あって登録も可能な「LogoSauce」。 沢山のロゴがあって参考にできるだけでなく、ロゴデザインのコンペ等もやっていますのでロゴデザインのフィードバックをもらいたい方は挑戦してみてもいいかもしれませんね。 以下のエントリを参照してください。 LogoSauce- Logo design, inspiration and information. 関連エントリ ユニークなPSDファイル付きロゴデザインまとめ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 ロゴデザインやタイポグラフィの見本や資料まとめ集 あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ
Google、リアルタイム検索でTwitterと提携 グーグル、リアルタイム検索でTwitterと提携。Twitterのつぶやき(投稿)を検索結果に取り込む。 公開日時:2009年11月05日 16:17 米GoogleとTwitterは2009年10月21日、リアルタイム検索の提供において提携すると発表した。Twitterに流れるつぶやきのデータストリームに直接アクセスして取り込み、検索結果に最新のつぶやきを表示できるようにする。 Googleはリアルタイムな情報を検索結果に含めることで、Googleの検索結果とユーザ体験は大いに改良されるだろうと述べている。たとえば、お気に入りのスキーリゾートに行こうとするとき、現地にいるユーザが発した(Tweetした)最新の雪の様子を検索を通じて知ることができるようになる。 なお、実際にTwitterデータを取り込んだ検索サービスが登場するのは数ヶ月
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く