タグ

2009年9月28日のブックマーク (52件)

  • Photoshopで作るテキストエフェクトチュートリアル50+ – creamu

    Tutorial Loungeというサイトで、Photoshopで作るテキストエフェクトチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 ↑はLiquid Text Photoshop Tutorial。 Dramatic Text on Fire Effect in Photoshop Snow on Text Layered Text Paint-splodged text リンク先で細かくPhotoshopの操作方法が解説されているので参考になりますね。 その他のリストは以下からどうぞ。 » 50+ Striking Adobe Photoshop Text Effects Tutorials 友人に近くで飲もうって連絡したらグアムにいたぞ。いいねー俺も行きたい。

  • デザインの参考になる問い合わせフォームデザイン91 – creamu

    1st webdesignerで、デザインの参考になる問い合わせフォームが紹介されています。 ざっといくつかご紹介。 ↑はContact Semisture。 New Media Design – Christian Sparrow Contact Yodaa Contact Subtract Agency Contact Beakable その他、手書き風のものとかテクスチャをうまく使って世界観のあるものなど、いろいろありますね。 デザインの参考にしてみてはいかがでしょうか? » 91 Trendy Contact And Web Forms For Creative Inspiration 結構古い話題のエントリーが続きますが、ご容赦くださいm(_ _)m書きたいことがたまっていたのです。

  • iPhoneの設定のみでGmailをPush受信する方法

    iPhone版 (全文読めます) ▼Twitter @donpy http://twitter.com/donpy Twitterやってみませんか?ついでに@donpyに絡んでやって下さいw やや適当に、時に熱く、いつも萌え萌えでお願いします(´ω`) 当方、サイトデザインに関してはまったくの素人です。よきアドバイスをいただければありがたいと思っていますのでどうかよろしくお願いいたします。 ご意見・ご要望は clubiphone3g at gmail.com までお願いします。 ■English version ■モバイル版(RSSです) ■はてなモバイル版 ■ザ・スタメンアプリ 【20090906版】 ■ザ・シューティング 【不定期更新】

  • Yourtube - iPhoneデフォルトアプリYoutube.appに動画ダウンロードボタンを - iPoday

    iPoday Search iPoday iPhone / iPod touchの便利アプリを日々インストールをしながらメモるBlog Home » ネイティブアプリ ( Utilities ) Yourtube - iPhoneデフォルトアプリYoutube.appに動画ダウンロードボタンを Yourtube - iPhoneデフォルトアプリYoutube.appに動画ダウンロードボタンを 2009-09-24 (Thu) 16:05 iPhone iPod touchに最初から入っているYoutube.appに動画をダウンロードと再生機能を追加できるYourtubeを試してみました。 youtube動画をDLできるアプリは沢山ある中有料のこのアプリを購入する意味は薄いのかもしれませんが デフォルトアプリを拡張するかのようなアプリってjbぽくって好きなんですよね インストー

  • iPhoneレイアウトにAdMob広告を導入しました。 | お知らせ | Macお宝鑑定団 blog(羅針盤)

    語でのMac,iPhone,iPad,iPodなどApple関連の情報サイト。MACお宝鑑定団のBlog。 Macに捉われず、様々な情報を掲載しています。 MACお宝鑑定団 blog(羅針盤)のiPhoneレイアウト表示で、モバイル広告サービス「AdMob」のパブリッシャー向け広告を導入しました。 トップページの1段目タイトル下に表示されるようになっています。 導入を検討されている方へのTipsとして、サイト登録を行なってから、セットアップから取得するjavascriptのインストール・コードを貼付ける場合、デフォルトでは「 test: true // test mode, set to false if non-test mode」と表示されていますが、このままだとテスト表示のままなので「 test: false // test mode, set to false if non-t

    iPhoneレイアウトにAdMob広告を導入しました。 | お知らせ | Macお宝鑑定団 blog(羅針盤)
  • 仕事や人脈を増やす!営業名刺の作り方 [起業・会社設立のノウハウ] All About

    新規の仕事を獲得する、得意先をつくるということは、「一日にして成らず」です。フリーランスの営業活動で大事なことは、日頃から自分を知ってもらう努力をしておくことです。そのツールとして活躍するのが名刺です。名刺を営業ツールにパワーアップさせましょう! 営業名刺の作り方、3つのポイント 自分は「何が得意で、何を頼める人か」ということを知ってもらうことが、営業活動の最初の一歩になります。営業名刺は、出会った人へそれらを伝えるツールになります。サイズは小さいけれど、スペースを最大に活用すれば、立派な営業ツールになります。営業用の名刺を作るポイントには、次の3つが挙げられます ■顔写真を入れる 名刺の名前を見て、“この人誰だったかなぁ…?”と思い出せないことがあります。しかし、顔写真があれば、名刺交換した時の印象や話した内容を思い出すことができます。名刺交換した後へ、自分の印象を相手へしっかりと残すた

    仕事や人脈を増やす!営業名刺の作り方 [起業・会社設立のノウハウ] All About
  • 海外アップローダの待ち時間や文字入力を全部自動化する :教えて君.net

    ファイルのやり取りに最も多く使われているのが、「RapidShare」などに代表される海外アップローダだ。アップローダは誰でも手軽にファイルをアップロードできる半面、ダウンロードの待ち時間や画像認証などが非常にかったるい。USDowmloaderを使えばすべての作業を自動化できるぞ。 USDownloaderを使えば画像認証も待ち時間もかっ飛ばして一気にダウンロードが可能だ。掲示板に貼られたURLリンクをコピペするだけで自動的にリンク先を解析してダウンロードしてくれるぞ。対応サイトも多くダウンロードジャンキーには強力にオススメできる1だ。 USDownloader - ホカン探 現在公式サイトでは体へのリンクが削除されてしまっている。公式サイトのフォーラム内からダウンロードを行おう。1番上のカコミのリンクをクリック 体を起動する。メニュー一番右の「Langage select」を

    kanariia
    kanariia 2009/09/28
    アップローダは誰でも手軽にファイルをアップロードできる半面、ダウンロードの待ち時間や画像認証などが非常にかったるい。USDowmloaderを使えばすべての作業を自動化できるぞ。
  • 動く画像の作り方 3 | _level0 - KAYAC Front Engineer Blog

    記事が小出しになってすみません。 今日はさっくりと発展系のご紹介。 (ちなみに新卒の太一によると 動く画像と読んでいたものの正式名称はレンチキュラーだそうです。なるほどね。) 動く画像の作り方1、2では二コマのアニメーションでしたが、 実際にはもっとコマ数を増やせます。 例えば三コマの場合、 上にかぶせる図形の黒い部分を2pxにして、 1pxごとに配置します。 組み合わせる図形は逆に 黒1pxを2pxずつ空けて配置したものをマ のものを組み合わせます。 完成系がこちら↓ 三コマの動きが付きました。 色を付けてもOKです。 コマ数をふやすと 図形が見えている面積がどんどん狭くなっていくので、 コマ数に限界はあります。 ただ、 工夫次第で動きを長く見せる方法があるので またまた次回ご紹介します。

    動く画像の作り方 3 | _level0 - KAYAC Front Engineer Blog
  • Flash3Dアーカイブ - KYUCON*BLOG

    2009年8月24日 [Q-BLOCK] impressive works 2009年8月14日 3Dドット絵ツール 2009年6月11日 Papervision3D 2.0 FLV動画再生 2009年6月11日 Papervision3D 2.0 接触判定 2009年6月10日 Papervision3D 2.0 被写界深度 2009年6月10日 Papervision3D 2.0 ポリゴンメッシュ作成 2009年6月10日 Papervision3D 2.0 BitmapViewportMaterial 2009年6月10日 Papervision3D 2.0 ReflectionViewで鏡面反射 2009年6月10日 Papervision3D 2.0 残像エフェクト 2009年6月10日 Papervision3D 2.0 ベクターテキスト

    kanariia
    kanariia 2009/09/28
    PV3Dのサンプル多し!
  • iPhone/iPod touchのスタンドを無料で作れちゃうペーパーキットPDFが凄い:phpspot開発日誌

    iPhone/iPod touchのスタンドを無料で作れちゃうペーパーキットPDFPDF形式で配布されていて、なかなか高品質なものが作れるみたいです。 専用のものはケースが付いていると使えなかったり、数千円したり、ユニバーサルドックも大きかったりしますね。 縦置きで見たところ。 横置きの場合。 充電ケーブルも通る。 充電ケーブルを挿して横から もちろん、かた紙で作る必要がありそうですが、普通紙に印刷して、かた紙に貼り付けてってやり方でもよさそうですね。 キットのダウンロードは以下より Dessine moi un objet Blog Archive Iphone and Itouch paper stand / dock

  • 光源や1ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集

    光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。

  • IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet

    IE6のCSSJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。

  • なぜ追加料金なしの格安で固定IPが利用できるのか、ユーザー目線のサービス「livedoor プロバイダ」の秘密に迫ってみた

    大容量のバックボーンに直結して法人向けに提供していた高品質インターネット接続サービスを「上級者向け格安プロバイダ」として個人向けにカスタムして提供しているのがこの「livedoor プロバイダ」。 その名の通り、あのライブドアがインターネット利用頻度の高い個人を対象に提供しており、追加料金なしの月額約1500円程度で固定IPを利用できるというのが最大の特徴。個人でサーバを立てたりする際にはかなり便利で、当然ながらポート規制もなし。また、最低利用期間というものがなく、最低1ヶ月からすぐに利用可能となっています。 ユーザーの目線にかなり立っているサービス内容ですが、一体どういう工夫をすれば格安でこのようなことが可能なのか、気になるポイントをいろいろとライブドアに直接聞いてみました。詳細は以下から。 livedoor プロバイダ - 上級者向け格安プロバイダ http://provider.li

    なぜ追加料金なしの格安で固定IPが利用できるのか、ユーザー目線のサービス「livedoor プロバイダ」の秘密に迫ってみた
  • WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインまとめ:phpspot開発日誌

    WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインを色々まとめてみました。 WordPress自体の奥深さとシェアの高さによって、こうしたテクニック集が当に充実しています。 テクニック集いろいろ 18 Useful Tricks To Speed Up WordPress & Boost Performance WordPress高速化のための18のテクニック A better Wordpress tag cloud wordpressタグクラウドをよりよい見栄え&高速化するスニペット Wordpress Tutorial: How To Display A User Welcome Message | Spyre Studios WordPressでウェルカムメッセージを作成するチュートリアル 9 Extremely Useful RSS Tricks and

  • ポップでかわいらしい高品質なフリーのデザインフォント -Fontfabric

    ウェブをはじめ、印刷やTシャツなどに無料で利用できる高品質なフリーのデザインフォントをFontfabricから紹介します。

  • [CSS]簡単にCSS3の新しいプロパティを楽しめるチュートリアル

    CSS3の新しいプロパティで、Firefox, Safari, Chromeなど現在のブラウザで実装を実現できるスタイルシートのチュートリアルをWeb Designer Depotから紹介します。

  • 【Vol.2】最近になって国内でリリースされた9 1のTwitterツール - かちびと.net

    前回の日国内でリリースされた 14のTwitter系ツールに 続いて第二回、国産Twitterツールです。 最近リリースされた(と思われる) 国産Twitterサービスを9ツール +おまけ1ツールご紹介します。 「最近」というのは前回紹介した日(8月半ばくらい)から、という意味で使っています。 twitvideo 動画を共有できるサービスです。国内では初なんじゃないでしょうか?サイトも綺麗に作られてますね。OAuth認証ではないのが非常に残念。でも人気クライアントのhootsuiteもOAuth認証では無いけど利用者多いですし、サービスの内容次第では気になら無いのかな?今後に期待したいところです。 twitvideo twiz! 投稿を地図上に反映させる事が出来ます。「いまここで何してる?」につぶやく事で美味しいご飯の場所とか近所に住んでるとかを簡単に知らせられそう。 twiz! Twi

    【Vol.2】最近になって国内でリリースされた9 1のTwitterツール - かちびと.net
  • Wordpressに入れておくべき、基本的なプラグイン

    「これは入れておかないと損するよ」という、実用性重視のプラグインの紹介。 セキュリティ対策【Akismet】スパムコメントを、除外する。元から入っているプラグインなので、有効化すべし。WordPress.com API キーが必要なので、面倒くさがらず、画面の指示に従い登録しましょう。ちなみに、他にwordpressのサイトを立ち上げた場合でも、再び、同じキーが使えますよ。 【Secure WordPress】名の通り、セキュリティ対策。 【WP Multibyte Patch】マルチバイト文字の対策。とりあえず、不具合を出さないために、入れておこう。 他機種のために【Ktai Style】携帯対応。デザインもいくつか選べれるよ。また、グーグルの携帯用の広告も、がんばれば入れれるよ。Amazon楽天アフィリエイトは、パソコンと携帯では別なので、注意が必要ですよ。 【WPtouch iP

  • flabaka.com

    AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色

    flabaka.com
  • Progression4パブリックベータ開始!そんでDevToolsでProgression用ライブラリテンプレートを作る - Is It So Easy?

    日、ちょっと席を離れていたすきにProgression4のパブリックベータが開始されておりました。 ベータ版という事ですが、ほぼ完成に近い形になっていると思います。 そこで、早速ですが、新機能となるProgression4 DevToolsの使い方を説明してしまいます。 とても便利な機能ですので、活用しましょう! ※注:DevToolsの利用にはFlashCS4が必要です。 さて、このDevToolsですが、2通りの機能を有しています。 ・拡張プロジェクトを作る ・拡張ライブラリを作る の2つです。 今回は 「拡張ライブラリを作る」の方にスポットを当てます。 例としてpapervision3dライブラリをProgression4で簡単に利用出来る様にしてみたいと思います。 まず、以下の様にProgressionで使用したいライブラリを設置します。 ※フォルダ名は任意です。 次にDevTo

  • CSSとJavaScriptで作るフォームエレメントのチュートリアル51 – creamu

    1st webdesignerで、CSSJavaScriptで作るフォームエレメントのチュートリアルがたくさん紹介されています。 いくつかご紹介。 ↑は、Changing Form Input Styles on Focus with jQuery。フォームの中にラベルを表示して、フォーカス時にラベルを消してくれる Turn postcard photo into a stunning comment form using CSS 古いポストカードを使ってコメントフォームをつくったようなデザインのチュートリアル CSS Tableless Form テーブルを使用しないフォームデザイン。floatとネガティブマージンを使用 テクニカルで気の利いたものが多いですね。 その他は以下からどうぞ。 » 51 Form Element Resources and Tutorials Using C

  • 高解像度の紙のフリーテクスチャ80+ – creamu

    もうかなり知られてるけど構わずエントリー。 The Roxorというサイトで、高解像度の紙のフリーテクスチャが紹介されています。 いくつかご紹介。 ↑はOld Ages Paper 2。 Grungy Paper Textures by Bittbox High Res Brown Paper Textures by Spoongraphics Crumpled Paper Paper Texture リンク先がそれぞれ違うので、ライセンスについては確認してください。 » 80+ Free High Res Paper Textures ブログ書きたい熱が、、ようやく収まってきたかな。でもまだ書くぞ♪

  • 結局、一番使いやすくて高機能なSEOツールはSEOチェキ!だった

    Firefoxのアドオンやよく言われる 海外SEOエキスパートみたいな 方々の作成したSEOツールも凄いけど 結局僕が一番使いやすくて高機能 だと思ったSEOツールは国産の SEOチェキ!でしたので機能をご紹介。 使い方次第なのかもしれませんが、結局一番使うのはSEOチェキなので紹介します。アライグマかレッサーパンダか未だにその正体を教えてくれない友達のロプロスさんの作ったツールですが、贔屓なしに現時点で最高のSEOツールです。 ※書いてある順番は適当です。書かないと分からないようなので追記しました。 Ajaxで動くのでとにかく軽快国産なので開発者と連絡が取れる無料で広告も無い調査できる必要項目がほぼ全て揃ってるやたら見やすいといった感じで重宝しています。とにかく動作の軽快さ。これが大きいです。SEOツールなのに動作が重いってユーザビリティ的にどうなの?って気がしますのでいくら高機能でも

  • 頓智・CEOに学ぶ「セカイカメラ」の秘密とコツ10

    iPhone用の拡張現実(AR)アプリ「セカイカメラ」を世に出した Tonchidot CEOの @iguchi さんが「セカイカメラの秘密」として下記の10の項目をTwitterでつぶやいてました。 セカイカメラを使うにあたって役立ちそうなことばかりです。 セカイカメラの秘密その1:ワイファイのスイッチをオンにすると位置精度が一気に上がります。 セカイカメラの秘密その2:エアフォルターは初期状態では距離が半径150メートルで期間が1週間です。何も見えない場合はここを変えてみるのも良いと思います。 セカイカメラの秘密その3:エアツイッターではテキストはもちろん写真もTwitPicに投稿されます。くれぐれもアカウントの登録は慎重に。間違えてもスルーします。 セカイカメラの秘密その4:エアテキストの文字数は最大256文字です。エアタグにはどんどんコメントを投稿してスレッド化できます。 セカイカ

    頓智・CEOに学ぶ「セカイカメラ」の秘密とコツ10
  • 妊娠中にしておけばよかったこと:アルファルファモザイク

    ■編集元:育児板より「妊娠中にしておけばよかったこと!」 1 名無しの心子知らず :2009/04/15(水) 08:43:46 ID:0PmFZEoC どんな小さなことでもお願いします。 3 名無しの心子知らず :2009/04/15(水) 09:08:09 ID:qiMEi2OX スクワット: 陣痛が進まず産院でスクワットと階段上り下りをしたのですが、陣痛進むどころか下半身へろへろになりました。 出産には体力も必要ですし。 授乳服、授乳ケープの購入: 検診で着ていける服を一着ぐらいは用意しておくべきでした。 4 名無しの心子知らず :2009/04/15(水) 10:01:19 ID:HnypcAru

  • 素晴らしいjQueryチュートリアル集 – creamu

    AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

  • クリーンなデザインの178種類のフリーのアイコン -WooFunction

    WooFunction: 178 Amazing Web Design Icons ダウンロードできるアイコンのフォーマットはPNGで、32x32pxのサイズをメインに計178個がセットになっています。

    kanariia
    kanariia 2009/09/28
    ダウンロードできるアイコンのフォーマットはPNGで、32×32pxのサイズをメインに計178個がセットになっています。
  • グラデーションが美しいフリーのアイコン -Glyphish

    元データもダウンロードできる、グラデーションが美しいiPhone用のフリーのアイコンをGlyphishから紹介します。 Glyphish – Great icons for great iPhone applications ダウンロードできるアイコンは110+20種類あり、フォーマットはiPhone用のPNGとなっています。 また、元データとしてPhotoshop用のPSD、Illustrator用のAIも揃っています。 アイコンのライセンスは、CC 3.0とのことです。

    kanariia
    kanariia 2009/09/28
    元データもダウンロードできる、グラデーションが美しいiPhone用のフリーのアイコンをGlyphishから紹介します。
  • [JS]液体が流れるように画像を少しずつ表示するスクリプト -Liquid Image FX

    Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。 JavaScript Liquid Image FX demo 上記のデモでは、Firefoxのロゴが左から順に上下左右から液体が流れるように画像を少しずつ表示します。 また、動きを組み合わせたデモもあります。

    kanariia
    kanariia 2009/09/28
    Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。
  • 写真関連のjQueryプラグインのまとめ「 30 Best jQuery Photo Plugins」

    WEBの要素のうち最も重要なもののひとつ写真。そのクオリティや見せ方で、WEBサイトのクオリティは全く違ってきます。今日紹介するのはそんな写真を効果的に見せる、jQueryプラグインをまとめたエントリー「30 Best jQuery Photo Plugins」を紹介したいと思います。 3. GalleryView スライダー、スライドショー、ギャラリー、スクローラーなど様々なプラグインが収録されていますが、今回はその中から特に気になったものをいくつか紹介したいと思います。 詳しくは以下 ■20. jQZoom 細部を拡大してみせてくれるjQueryです。上記のような商材なんかをPRするには良いですね。 ■29. jQuery Multimedia Portfolio 様々なメディアに対応したショーケース。簡単なポートフォリオなどに使えそうです。 ■4. jQuery Cycle 様々な方

    写真関連のjQueryプラグインのまとめ「 30 Best jQuery Photo Plugins」
    kanariia
    kanariia 2009/09/28
    WEBの要素のうち最も重要なもののひとつ写真。そのクオリティや見せ方で、WEBサイトのクオリティは全く違ってきます。今日紹介するのはそんな写真を効果的に見せる、jQueryプラグインをまとめたエントリー「30 Best jQuery Pho
  • PHPで確認メール付きのユーザー登録フォームを作るチュートリアル – creamu

    nettuts+で、PHPで確認メール付きのユーザー登録フォームを作るチュートリアルが紹介されています。 仮登録後、確認メールが送られてきて、URLをクリック後に登録となるシステムですね。 DBの設計も書かれていて、登録ユーザーに対してはactiveフラグを用意して、0と1で切り替えているようですね。 ソースが配布されているので、ぜひ見てみてはいかがでしょうか? » How to Code a Signup Form with Email Confirmation iPhone 3GSが快適すぎる。カレンダーをGoogleカレンダーと同期して使いまくり。

    kanariia
    kanariia 2009/09/28
    nettuts+で、PHPで確認メール付きのユーザー登録フォームを作るチュートリアルが紹介されています。 仮登録後、確認メールが送られてきて、URLをクリック後に本登録となるシステムですね。
  • 独立した時の提出書類 – creamu

    ちょっとメモ。 独立して自分で確定申告をする場合は税務署関係に以下の書類の提出が必要です。 【白色申告の場合】 個人事業の開廃業等届出書 → 税務署へ 【青色申告の場合】 個人事業の開廃業等届出書 → 税務署へ 所得税の青色申告承認申請書 → 税務署へ 以上ですね。 を読んでいると、白色申告には何のメリットもなく(なんの控除もなく)青色申告にしない手はないようです。10万円か65万円の控除が受けられる、つまり青色申告にすることで10万円か65万円を所得から差し引くことができて、その分課税対象を下げられるんですね。 詳しくはいろいろあるのであとで書こうかな。 もう一つ、 個人事業税の事業開始等申告書 → 都道府県税事務所(東京都の場合、都税事務所)へ というのが必須としてあるんですが、忘れている方もよくいるようで、確定申告をすれば自動的に個人事業をしていると見なしてくれるようですね。できれ

  • [JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト

    マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。

  • [JS]軽快なアニメーションで画像を拡大するスクリプト -Fancyzoom

    拡大時のアニメーションが気持ちいい、画像を拡大表示するLightbox風スクリプト「Fancyzoom -jQuery version」を紹介します。 Fancyzoom -jQuery version demo Fancyzoom -jQuery versionはFancyZoomのjQuery版で、以前「jQueryのプラグイン33+1選 -2008年7月」で紹介した時から、拡大時のアニメーションが変化してより軽快なものになりました。 スクリプトのオプションでは、スピードや不透明度・オーバレイのカラーなどを数値で調整できます。 FancyzoomはjQueryのプラグインのため、実装にはjquery.jsが必要です。 また、IEの透過PNG画像の表示にjQuery.ifixpng、拡大画像のシャドウの表示にShadowを使用しています。

  • 標準とは一味違う、ぼかし用のPhotoshopのブラシ

    ダウンロードは無料でできますが、ライセンスの明記が無いため商用で利用する際は作者に問い合わせください。

  • [JS]簡単に設置できる超軽量のコンテンツスクローラーのスクリプト -TinyScroller

    divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。 TinyScroller JavaScript Scrollable Div – 1.7KB demo スクリプトの容量は約1.7KB(圧縮時)で、対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeとなっています。 設置も簡単で、パネルのdiv要素と同列に下記のスクロールバーとなるdiv要素を配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="scrollbar"> <div id="scroller" class="scroller"></div> </div> </textarea>

  • 使えるWordPressハック集「10 useful WordPress theme hacks」

    国内でも非常に人気の高い、CMS、ブログツールの一つWordpress。高い拡張性、カスタマイズ性もその人気の一つですが、今日紹介するのは、そんなWordpressで使えるハックをまとめたエントリー「10 useful WordPress theme hacks」です。 様々なテクニックが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■特定のカテゴリーをRSSフィードから除外する方法 http://www.designer-daily.com/feed ?cat=-7 ■外部のRSSフィードを読み込む方法。 <?php include_once(ABSPATH.WPINC.’/rss.php’); wp_rss(‘http://example.com/external.php?type=RSS2’, 5); ?> ■印刷するボタンを追加す

    使えるWordPressハック集「10 useful WordPress theme hacks」
  • ポートフォリオ・フォトログ用のWordPressテーマ14 – creamu

    The Photo Argusというサイトで、ポートフォリオ・フォトログ用のWordPressテーマが紹介されています。 いくつかご紹介。 ↑はGrace。 Viewport Photo-Biyori Spotless Shutterbug かなりかっこいいものが揃っていますね。Photo-Biyoriなんかはサンディエゴ在住のデザイナーの方が配布中。日人なのかな。 フォトログしたい方はぜひ見てみてはいかがでしょうか? » 14 Superb Portfolio and Photoblog WordPress Themes (Free) 外苑前なう。まったりだがいろいろ進めなくては。

  • サムネイルをスムーズに拡大するjQuery – creamu

    Build Internet!で、Elastic Thumbnail Menuというサムネイルをスムーズに拡大するjQueryが紹介されています。 これはかなりいいですね。マウスオーバーすると、うにゅ、うにゅっとサムネイルが拡大します。動きがとても気持ちいい。 デモは以下から。 » LIVE DEMO imgを覆うアンカーにクラスを指定して、CSSでスタイル、そしてjQueryで動きをつけているようです。 IEのfixについても書かれていますね。以下のソースをCSSに書くことで問題ないようです。 img { -ms-interpolation-mode: bicubic; } ぜひ見てみてください☆ » Sproing! – Make An Elastic Thumbnail Menu 無性にWPが触りたくなってきたぞ。ちょいいじってみようかな。

    kanariia
    kanariia 2009/09/28
    MacのDock風な動き!
  • 無料でダウンロードできるPSDファイル50+ – creamu

    DESIGNRFIXというサイトで、無料でダウンロードできるPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はiMac。 Mighty Mouse iPod nano 5G Pencil PSD rubber stamp icon きちんとレイヤーに分かれているので、デザインの参考になると思います。 その他のリストは以下からどうぞ♪ » Free PSD Files: Collection of 50+ psd files from around the web カフェでまったり、と。連休ももう終わりですね〜。レッドクリフ Part2めちゃおもろかったです。それにしても周瑜のは綺麗すぎますね。

    kanariia
    kanariia 2009/09/28
    DESIGNRFIXというサイトで、無料でダウンロードできるPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。
  • 新しくリリースされたフリーのWordPressテーマSimple Organizationが凄く気にいった

    先日、リリースされたばかりの フリーのWordPressのテーマ、 Simple Organizationが凄く 僕好みでしたので脊髄反射で ご紹介させてください。シンプル で可読性も高く、ライトな感じで 使いたくなります。 Simple Organizationは画像を殆ど使わない、僕が理想とするSEOとデザイン性を兼ね備えたテーマです。ユーザビリティ的にもかなり優れてる気がします。これはどこかで必ず使ってみたいな、と思いました。 ロゴの位置、メニューの場所もかなり理想です。ご覧頂けると納得していただけると思うのですが凄く見やすい。すぐ下にはちょっとしたお知らせや、サイトの概要などの記述スペースもあります。記事スペースは2カラム。 フッターも綺麗にまとまってます。 コーポレートサイト用のブログなんかにもそのまま使えそうな気がします。区切り線の使い方なんか絶妙。殆どテキストメインなので動作

    新しくリリースされたフリーのWordPressテーマSimple Organizationが凄く気にいった
  • cssのテクニックなどを学びたい時に見ておきたい12サイト

    cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か

    cssのテクニックなどを学びたい時に見ておきたい12サイト
  • WordPressのプラグインを日本語化するプロジェクト

    WordPress Plugins JSeriesはWordPressのプラグインの日用などのファイル倉庫です。 ※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。 WordPress Plugins/JSeriesはWordPress用のプラグインで日のローカル専用や、日語化の為のmo、poファイルを配布しているプロジェクトチームのサイトです。同サイトではJavaScriptを使って全てのプラグインへのリンクを施したソースを公開しています。 WordPressプラグインの日語ファイル一覧以下がその一覧です。 素晴らしいプロジェクトに拍手です。ありがたく使わせていただきます! WordPress Plugins/JSeries

    WordPressのプラグインを日本語化するプロジェクト
    kanariia
    kanariia 2009/09/28
    WordPress Plugins JSeriesはWordPressのプラグインの日本用などのファイル倉庫です。
  • FLV、MPEG4、WMVなどの動画ファイルを編集・変換出来るフリーソフト・Free Video Converter

    FLV、MPEG4、WMVなどの動画ファイルを編集・変換出来るフリーソフト・Free Video Converter
    kanariia
    kanariia 2009/09/28
    Free Video Converterは 無料の動画編集・拡張子変換ソフトです。 主要な動画系拡張子に対応していますし、 見やすくて使い勝手が良いのでご紹介。
  • 2010年カレンダーのベクター素材

    2009年も半分が過ぎ、印刷会社やデザイン事務所では2010年に向けてのデザイン制作やタマの制作が行われているのでしょうか。そこで今回モノストックは2010年のカレンダー1月から12月までのベクター素材を発見しました! ≫http://www.diegomattei.com.ar/2009/09/07/plantillas-de-calendario-2010/ 上記はサンプルの3種類の画像です。予めデザインされているモノもあれば、タマのみのデータもあります、 ただ作者気づいてしまったのが、英語ならともかくこれ何語なんだろう……月の表示と曜日の表示が他言語になっていますので自分で修正する必要がありそうです。。月・曜日の位置関係は変わらないのでちょっとしたときに役に立ちそうです。 収録データ形式は【プレビュー用JPG×4:AI×4】になります、是非ご参考ください。 ※記載されている画像は、作

  • ビジネスカードのベクター素材

    クオリティの高い名刺やショップカードなど最近は目をひくカードをよく見かけるようになりました。ちょっとした文字のバランスがカードの生死をわけると言っても過言ではありません。今回はそんな名刺やカードを制作するときに手助けになるようなテンプレートのベクター素材のご紹介です。 ≫http://www.freevectors.net/details/50+Free+Business+Card+Templates 上記のデータが収録されています。全部で50点!鮮やかな色合いからシックなモノまで様々なデータが用意されています。新しくカードや名刺を作成する際のインスピレーションにも役に立ちそうですね。是非ご参照ください。 ※記載されている画像は、作者の作成された画像を使用させていただいている場合がございます。 ※基的にフリー素材となっておりますが、作者様の著作権を保護するために、ダウンロードする際は作者

    kanariia
    kanariia 2009/09/28
    名刺やカードを制作するときに手助けになるようなテンプレートのベクター素材のご紹介です。
  • mono-stock» Blog Archive » ビジネス系のアイコンベクター素材

    「デザイナーになりたい」そんなデザイナーの卵におくる個人作品制作の支援サイトストックマガジンをご活用下さい。 『サイトを毎回チェックしている暇がない』『RSS購読が煩わしい』そんな方には【ストックマガジン】がオススメです。投稿があった時だけ、1週間に1回のペースで自動的にデザインのネタをあなたのメールへお届けします。メールチェックのついでに使えそうなネタのみを見つけて参考にすることができます。是非登録しご活用下さい。 登録はメールアドレスを下に入力して送信すれば登録完了! ≫登録はコチラから フリーで使える写真素材・デザインの使える情報サイトの紹介 「デザイナーになりたい」そんなデザイナーの卵におくる個人作品の支援サイト、デザインの一般論や多彩なツール・基礎知識などプロになるためにしっかり身につけておきたい情報がたくさん!他にも色合わせチャートや便利なソフトショートカット表・Macの基

  • キッチンアイコンベクター素材 | モノストック|mono stock|デザインの便利ネタ

    ストックマガジンをご活用下さい。 『サイトを毎回チェックしている暇がない』『RSS購読が煩わしい』そんな方には【ストックマガジン】がオススメです。投稿があった時だけ、1週間に1回のペースで自動的にデザインのネタをあなたのメールへお届けします。メールチェックのついでに使えそうなネタのみを見つけて参考にすることができます。是非登録しご活用下さい。 登録はメールアドレスを下に入力して送信すれば登録完了! ≫登録はコチラから フリーで使える写真素材・デザインの使える情報サイトの紹介 「デザイナーになりたい」そんなデザイナーの卵におくる個人作品の支援サイト、デザインの一般論や多彩なツール・基礎知識などプロになるためにしっかり身につけておきたい情報がたくさん!他にも色合わせチャートや便利なソフトショートカット表・Macの基礎講座を詰め込んだPDFのダウンロードなどが可能です!

    kanariia
    kanariia 2009/09/28
    今回は食品関係・キッチン用品などを簡略化した言わばピクトグラムに近いようなアイコンのベクター素材をご紹介します。
  • デキル!フリーランスのビジネスルール10 [起業・会社設立のノウハウ] All About

    「信頼デキル人」「仕事を頼みたい人」、と評価をいただくために、必要不可欠なビジネスルールをピックアップしました。プロの仕事人の心得として、10項目にまとめました。ぜひセルフチェックしてみてください。 デキル人のルールその1 挨拶は自分から 挨拶は、単に儀礼的のするものではありません。仕事においては、相手への好意や敬う気持ちを伝える行為になります。そのため、自分から良い人間関係を築いていきたい、という気持ちの表明になるわけです。誰でも、笑顔で挨拶をされたら、気持のよいものです。そして、好感を持ってもらえれば、ちょっとした感情の行き違いや思い違いを防ぐこともできます。ですから、挨拶のできない人に、仕事がデキル人はいない、ということになります。 ■挨拶は笑顔で! ・お早うございます! ・よろしくお願いいたします。 ・ありがとうございます。 ・失礼いたします。 デキル人のルールその2 名刺交換のマ

    デキル!フリーランスのビジネスルール10 [起業・会社設立のノウハウ] All About
    kanariia
    kanariia 2009/09/28
    「信頼デキル人」「仕事を頼みたい人」、と評価をいただくために、必要不可欠なビジネスルールをピックアップしました。プロの仕事人の心得として、10項目にまとめました。ぜひセルフチェックしてみてください。
  • 【連載】 フリーランスの独立マニュアル [起業・会社設立のノウハウ] All About

    フリーランスの「フリー」は、仕事も未来も自分で描く自由、自分で選びとれる自由を意味するものです。独立したら、是非、自分を生かせる環境で、おもいっきり仕事を楽しみたいものです。 そのために必要な知識や情報を、「独立マニュアル」に連載しています。1つずつ確認しながら読み進めていただくと、独立・開業準備が完了するようになっています。 ■マニュアルは、3部構成になっています。 ・序  章:フリーランス仕事をする意味を理解する。 ・独立準備:独立の準備段階でしておくこと。 ・開業準備:独立を決定後、開業準備にやっておくこと。 以下、現在アップしている内容です。【最新記事:2006.8.31】 序章1:フリーランスとは?「序章1」では、フリーになるとはどういうことかを考えていきます。独立が最良の選択であるために、自分に向いているワークスタイルかどうかを確認してみてください。

    【連載】 フリーランスの独立マニュアル [起業・会社設立のノウハウ] All About
    kanariia
    kanariia 2009/09/28
    ■本マニュアルは、3部構成になっています。 ・序  章:フリーランスで仕事をする意味を理解する。 ・独立準備:独立の準備段階でしておくこと。 ・開業準備:独立を決定後、開業準備にやっておくこと。
  • 今さら聞けない、「名刺交換」のマナー [女性の転職] All About

    今さら聞けない、「名刺交換」のマナー正しい名刺交換のマナーについて解説します。名刺の受け渡し方法は? 相手が複数の場合は? もらった名刺は、どこに置く? 名刺入れはどう使う?など、今一度復習してみましょう。 名刺の受け渡しのマナー、私は完璧!といえる人は、いますか?新卒で入社した会社の新入社員研修でビジネスマナーを教えられたきり、あとは見よう見真似、あるいは自己流でその場その場を乗り切ってきた方、結構多いかもしれません。 名刺交換は、ビジネスの相手との最初のご挨拶。あなたの印象を決定づける大切な行為ですから、これを機会に復習してみましょう。 名刺を渡すタイミング編 「まずは、名刺を渡す時のマナーからみて行くことにしましょう。 突然ですが、ここで問題です。『上司と私、先方に先に名刺を渡すのは、私って当?』…いかがでしょうか?すぐには答えにくいものですよね。このように名刺交換には、意外に知ら

    今さら聞けない、「名刺交換」のマナー [女性の転職] All About
  • GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう

    Infra.Market, an Indian startup that helps construction and real estate firms procure materials, has raised $50M from MARS Unicorn Fund.

    GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう
    kanariia
    kanariia 2009/09/28
    IEでこのChromeプラグインが動くためには、HTMLの中にMETAタグを一つ書くだけだ。Chrome Frameが見つからなければ、ページはふつうにIEが表示する。