軽量で高機能なjavascriptライブラリとして様々なWEBで導入されているjQuery。非常に高機能で様々なエフェクトや動作を実現できますが、今回紹介するのはjQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」です。 5. jQuery faux-3D effect jQueryで動作するエフェクトの中でもフリップで動作するものや奥行きのあるシーンを実現するなど様々な3Dエフェクトが収録されています。今回はその中から特に気になったものをいくつかプックアップして紹介したいと思います。 詳しくは以下 ■1. rotate3Di – Flip HTML content in 3D マウスオーバーでフリップを実現するjQueryです。 ■4. jQuery 3D Rotator 三次元座標軸で動作するタグクラウド奥行きを感じさせるエフェクトで

TOP  >  Design , Font  >  可愛らしくコミカルなフォントを集めた「40 Free Unique Cartoon and Comic Fonts 」 デザインのイメージを決定つけるフォント。様々なフォントが制作され降下されていますが、今回紹介するのは可愛らしくコミカルなフォントを集めた「40 Free Unique Cartoon and Comic Fonts 」です。 Que FONTita! 様々な手書き風だったり、POPな書体だったり柔らかな印象を与えてくれるフォントが多数紹介されています。今回は紹介されている中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Denne’s Aliens ラクガキチックな個性的なフォントセットです。 ■Altamonte 太めの丸いアルファベット長いスペルだと文字と言うよりは記号に近い感じです。 ■Mick

TOP  >  Design  >  商用可！3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」 WEBだけに留まらず、イメージを伝える為に必要不可欠な写真。的確に利用すれば伝えたい事はより伝わり、全体のイメージも形作れたりします。今日紹介するのは3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」です。 風景写真がメインで、外国と日本、観光名所と街中の風景、自然風景、洋風・和風等の高解像度画像が公開されていて、その他にも世界遺産都市、スイス・ドイツ、東京・沖縄、犬・猫・鳥・猿、ビーチ・バー、桜・梅、虹のある景色など特徴的な素材もあり、様々なフリー写真素材がカテゴリに分けられて収録されています。 詳しくは以下 カテゴリー海の場合。 サイズは大きいもので3264×2448pxで公開されており、様々な用途に耐

TOP  >  Design , WebDesign  >  様々なタイプの質の高いフリーアイコンセットをまとめた「A Bundle of Free Icons」 WEB上やデスクトップ。はたまた紙のデザインまで幅広く制作に使われるアイコン。伝えたい情報を分かりやすく相手に伝えるには非常に使い勝手の良いものです。今回紹介するのはWEBデザイン用からその他の用途に使えそうなアイコンまで様々なフリーアイコンセットをまとめたエントリー「A Bundle of Free Icons」を紹介したいと思います。 Dusk iPhone Style Icons かなりの数のアイコンセットが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■PixelMixer Basic Set WEB用に便利なベーシックなアイコンセット。バリエーションも

In today’s digital age, writers can easily share their work with a global audience, thanks to platforms like WordPress. But before you start building your writer’s website, you need a theme that showcases your work and provides an engaging user experience. Thankfully, there are numerous free and high-quality WordPress themes specifically designed for writers. These themes offer customizable templa

TOP  >  Design  >  ロゴデザインのデザインプロセスを集めた「16 Logo Design Processes Of Top Logo Designers」 デザインの中でもコンセプトを表現したり、その団体や企業を直接表すものになってしまうだけに的確といえるものを制作するのはとても難しく、楽しくも悩まされる案件ですが、今回紹介するのはロゴデザインのデザインプロセスを集めたエントリー「16 Logo Design Processes Of Top Logo Designers」です。 Dache.ch Logo Design Process 手書きのラフから、最終的なカタチになるまでどんなプロセスを追って作成されていったかが分かるようになっています。いくつかのロゴデザインのデザインプロセスが公開されていますが、今回はその中から気になったデザインを紹介したいと思います。 詳しく

TOP  >  Design , Photoshop  >  敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」 デザインをしていて、空を足したり、雲を描いたりなどを行なった事があるという商業デザイナーの方は多いと思います。方法は色々とありますが、今回紹介するのは簡単に雲と空を好きなサイズで描ける敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」を紹介したいと思います。 テクスチャの大きさは1024×1024pxとなっていてそこそこ大きなものになっています。またパターンはphotoshopのパターンファイル.patで制作されていますので簡単に利用する事ができます。いくつかのファイルが公開されていましたので下記に紹介したいと思います。

TOP  >  Design , Font  >  WEB2.0系のサイトのロゴに使われていそうな柔らかいフリーフォント「15 Beautiful Free Web 2.0 Fonts」 Designdevelopでは様々な書体を紹介してきましたが、今回紹介するのはWEB2.0系のサイトのロゴに使われていそうな柔らかいフリーフォント「15 Beautiful Free Web 2.0 Fonts」を紹介したいと思います。 Airstrip Four WEB2.0と聞かなくなってもうかなりの時間が経ちますのでどんな括りなんだと思った方も多いかと思います。今回のフォント集は傾向として、全体的に丸文字や雰囲気が優しい書体が多く集められていました。今日はその中からいくつか気になったフォントを紹介したいと思います。 詳しくは以下 ■Rezland アールが聞いていながらも決める所は決めた少し変わった

ECサイトはコーポレートサイトとはまた必要な情報が違ってきます。情報が違うと言う事は当然デザインやパーツも変わってきます。今回紹介するのはECサイトには欠かせなフリーアイコンセット「Beautiful eCommerce Icons」を紹介したいと思います。 上記のように電卓、クレジットカード、ショッピングバック、カートなどなど基本的にECサイトに必要なアイコンが収録されています。クオリティも非常に高く、デザインテイストも統一されていますのセットで使えます。、 詳しくは以下 データはzipファイルで圧縮されて配布されておりベクターデータもai形式で同封されています。ベクター形式のデータがありますので、色合いや細かい所は調整して使う事ができますし、サイズも柔軟に変更する事ができます。 利用ライセンスに付いてはECサイト用なの当たり前と言えばあたりまえかもしれませんが、ありがたい事に個人のプロ

TOP  >  Design , vector  >  様々なフリーベクターデータがダウンロードできる「Vectors on Fire」 グラフィックデザインをする上で非常に便利なベクターデータ。様々な現場で活躍していますが、今日紹介するのはそんな便利なベクターデータの素材がダウンロードできるWEBサイト「Vectors on Fire」です。 バックグラウンドやイラストレーションから超リアルに表現された金魚といったかわったものまで様々なベクターデータが用意されています。いくつか公開されていますが、今日はそのなかからいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Paper Clips and Papers by Masseva (8 Icons) クリップなどのリアル目なベクターデータ素材です。License: Free (terms of use). ■Happy Bu

For most professional designers, Photoshop is the tool of choice. While there are other editors out there that offer similar functionality, none can match the popularity or the massive, passionate community that Photoshop enjoys. The application is ubiquitous in the design world, and with good reason. The true power of Photoshop is the vast community that has formed around it. This community is wh

TOP  >  WebDesign  >  Twitterアイコンの決定版400個のフリーTwitterアイコンを集めた「400+ Beautiful Twitter Icons」 国内でも人気のコミュニケーションサービスTwitter。今も続々と様々な周辺サービスがリリースされています。話題になっている事も有りTwitterを利用していると言う方も増えてきているのではないでしょうか！? Twitter単体だけの利用ではなくTwitterとWEBやBLOGを連携していると言う方も多いと思います。今日紹介するのはそんな方にオススメなフリーで使えるTwitterアイコンを集めたエントリ「400+ Beautiful Twitter Icons for your Website」です。 詳しくは以下 Twitter Bird Icons and Illustration Twittercons

CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。 CSS Spriteを作るならぜひ使いたい CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。 今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。 Tonttuの使い方は簡単だ。起動したらひとまとめにした画像ファイルをドロップして登録する。並べ方は縦または横と自由に選択できる。画像の隙間を空けたり、ドラッグして位置を入れ替えることも可能だ。自動で並べると隙間が空くので、

ずーっと、デプロイが苦手だった。 自分でやると全然動いた事が無い。 でも気づけば、いつの間にか出来る様になってた。 今後忘れてしまわないようにメモ。 昨日作った環境でデプロイを行う。 機能的なところ 作成したプロジェクトがきちんと動く事 自動作成されたAdminサイトのデザインもきちんと動く事 静的ファイルはApacheより配信する事 ソースを変更した際には、自動でapacheを再起動する事 下準備 作成したDjangoのプロジェクトは「djangoProject」 /var/www内に、プロジェクトと.wsgiファイルを公開するディレクトリ（django)を作成する。 プロジェクトのソースを展開する（実際はローカルリポからのリンク） /var/www/django/djangoProject アプリケーション名は以下の通り djangoProject.core wsgiの自動再起動用のス

年末の為に、手順を記す。for me Ubuntuのいんすこから終了まで目標20分以内 追記：実際にインスコからやってみた時間を計ってみた Ubuntuインストール 8分 アップデート 8分 インスコsh 4分 ぎりぎり20分という感じ。この程度であれば何回でも出来るな。 Ubuntuインストール file ubuntu-ja-9.04-desktop-i386-20090510.iso インストール後 アップデートを実行する パッケージインストール zsh vim openssh-server easy_install python_all_dev apache2 mod_wsgi ntp memcached django1.1 mercurial1.3.1 python_memcache プロキシーがある場合 export http_proxy=http://proxy.domain.

Google WaveとSAPとの連係で見えてくる、業務アプリケーションのフロントエンドとしてのGoogle Wave Google Waveを業務アプリケーションのフロントエンドとして活用する可能性を、SAP Community NetworkのブロガーDaniel Graverson氏が「SAP Enterprise Service and Google Wave」というエントリで紹介しています。 Google Waveは「電子メールが今の時代に発明されたとしたら」という発想で開発されている新しいコミュニケーションツールです。チャットのようなリアルタイムなやりとり、電子メールのような非同期なやり取りが可能で、テキストによるコミュニケーションだけでなく、Google Waveをプラットフォームとした共同作業も可能な作りになっています。 Google Waveでワークフローを作る Grav

Google Waveってインストールできるんだ？！ここでインストールされるのはwave-protocolというGoogle Waveのドラフト仕様的なものの実装らしい。そして、簡単なクライアントサーバのサンプルがついている。最終的には、2つコンソールをあげてチャット見たいなことが出来るようになる。 id:technohippyさんの日記にMacOSXようのインストール記事があったのでそれを参考にしています。 もろにゲリラ豪雨食らった - ずっと君のターン あと、本家のインストール手順。 Google Code Archive - Long-term storage for Google Code Project Hosting. 私の場合、UbuntuにインストールするのでMacOSXの場合よりも多少簡単だった気がします。 いるもの JRE6 Openfire http://www.ig

mixiアプリが公式に公開されました。 せっかくなので開発に役に立ちそうなサンプルプログラムを作成しました。 flixiというライブラリを使用すると オーナー マイミク コミュニティ これからの情報をFlashのActionScriptで fx = new flixi(); fx.addEventListener( flixiPersonEvent.GET_OWNER , onGetPerson ); fx.addEventListener( flixiPeopleEvent.GET_OWNERS_PEOPLE , onGetPeople ); fx.addEventListener( flixiCommunityEvent.GET_OWNERS_COMMUNITY , onGetCommunity ); fx.getOwner(); fx.getOwnersPeople(); fx.ge

JavaScriptやPythonなどのスクリプト言語を使ってアプリケーションを制御するのは、いまや珍しいことではありません。本連載の第3回では、Photoshop上で動くJavaScriptについて紹介しましたが、アドビのアプリケーション（旧マクロメディア製品を除く）でもっとも早くJavaScriptに対応したのが「Illustrator」です。Illustratorは2001年に発売されたバージョン10からJavaScriptによる制御に正式に対応し、それまで手作業でしていた面倒な処理を自動化できるようになりました。 今回は、IllustratorをJavaScriptで制御する方法について紹介します。最終的には作例として「百ます計算」の表を完成させます。百ます計算とは、左側と上側にある数値の合計を10×10のマス目に記入していくもので、集中力を高める手法として小学校などで使われていま

Googleが提供しているAPIライブラリ「Google API」と聞いてパっと思いつくのは，検索系（Google AJAX Search API）か，地図系（Google Maps API／Google Earth API）でしょう。しかしGoogle APIには他にもいくつか種類があります。今回ご紹介するのは「Google Visualization API」です。Visualizationってなんだろうということですが，実はこれグラフを描画するためのAPI群です。 グラフを作るということだけであれば，Excelのような表計算ソフトを使うのが一番手っ取り早い方法です。しかし，例えばWebサイトの中でグラフを利用しようと思えば，Excelでグラフを作り，これを画像としてキャプチャし，HTMLに貼り付けるという手順を踏まなくてはなりません。実際にIT系の記事では，特にハードウエアのベンチマ

ドットインストール代表のライフハックブログ

海賊王をめざす男 マツです。こんにちは。 Flash でフォント ホントにこまる経験をして、UNICODE RANGE を自分で指定したいなーとおもってたら以下のサイトを発見！ UNICODE RANGE GENERATOR http://www.zenoplex.jp/tools/unicoderange_generator.html UNICODE RANGE GENERATOR 使い方 1. [Language Range]_[Japanese Kana] のチェックボックスを選択。 2. [Source Text] にチェックした UNICODE RANGE の文字が表示されます。 3. [generate] ボタンをクリックします。 4. [Output Text] に ActionScript 開発用の UNICODE RANGE が生成されます。 早い！簡単！便利！ 漢字もこ

海賊王をめざす男 マツです。こんにちは。 Flex で css でフォントの埋め込みをおこなったときに容量がものすごいことになります。そこで文字範囲の設定を行います。これは、フォントにまつわるホントに困った話です。 文字範囲の設定 Adobe Flex 3 ヘルプ Flex 3 開発ガイド / ユーザーインターフェイス / フォントの使用 http://www.adobe.com/livedocs/flex/3_jp/html/help.html?content=fonts_07.html Adobe Flex 3 ヘルプを参照しながら進めました。 font.css @font-face { /* ファイル名 */ src:url("./assets/font/HOGE.TTC"); /* システムフォント名 */ /*src:local("ほげほげふぉんと");*/ font-famil

最新版はこちらです。 http://d.hatena.ne.jp/uosoft/20091231/1262186194 前回の目次からエントリーが17個増えてます。 アプリの作り方 HTMLとJavaScriptでiPhoneアプリを簡単に作る方法 Android SDK インストールからHello World実行まで iPhone/iPod touchのSafariやUIWebViewのJavaScriptで使えるタッチイベントのメモ センサー等ハードウェア関連 iPhoneSDKでスリープさせない方法 iPhoneの加速度センサの使い方 iPhoneで緯度経度を取得する簡単な方法 iPhoneのGPSとMapKitを使った地図を連動させる方法 iPhoneSDKで端末IDを取得する方法 ビュー操作関連 iPhoneSDKのUIViewアニメーション iPhoneSDKのiPhoneSD

実は技術部ではなく、演出部所属のagoです。 先日jQuery 1.3.2のソースを読む機会があり、そのときいくつか気づいたことがあったのでまとめてみました。 1 .addClass, removeClassはスペース区切りで複数のclassを渡せる .addClass, removeClassにはスペース区切りで複数のclass nameが渡せます。 //classの順番は保持します。 //<div class="hoge gege">があった場合、<div class="hoge gege huga">になります。 $('div').addClass('hoge huga'); //<div class="hoge gege huga">があった場合、<div class="gege">になります。 $('div').removeClass('hoge huga'); ただし、hasC

DP版ユーザーとして先走って3ヶ月前から使っていました。たぶん修正されないであろう問題があったので、ここに書いておきます。 MacPortsやRubygemsが怪しい挙動を示すんですね。MacPortsが依存を解決せずに中断したり、gems が モノによっちゃrequireできなかったり・・・。この二つ、開発者にとっちゃ致命的な問題。MacPortsはpkgのバージョンチェックでこけたので自分でビルドしたんですが、それが悪いのかと思って調べていたところ、海外の方に既に報告されていました。(日本だと全く情報がありませんでした) 参考 evolution - Snow Leopard with legacy macports and rubygems 超訳 LeopardのユーザーはおそらくOSに載っている標準のRubyを使っていて、既に大量のmacportsとrubygemsがあることだと思

Mac OS X 10.6 Snow Leopardが本日8月28日に発売です！ 見た目はあまり変化が無く寂しいですが、速度面の強化が楽しみです。 公式ページより特徴をいくつか抜粋 システム全体 ・システム終了も起動も、より速く Snow Leopardでは、システム終了が最大80パーセント、画面ロックを有効にした時のMacのスリープ解除が、2倍の速さになりました。 ・プリンタドライバを、自動アップデート Snow Leopardを搭載したMacは、プリンタをつなぐと、インターネット上で利用可能な最新のドライバをダウンロードしてくれます。さらに、ドライバを定期的にチェックして、手元にあるドライバが最新かどうかを確認し、ソフトウェアアップデートで最新バージョンを自動的にダウンロードします。 ・Boot CampがHFS+の読み取りに対応 Snow LeopardのBoot Campは、HFS

これは便利！ 「Snow Leopard」を実際に使って感じた新機能“トップ20”：Snow Leopardのここに注目（1/4 ページ） 「Mac OS X v10.6 Snow Leopard」には、ドック、Finder、エクスポゼ、QuickTime Xといったアップルが大々的に宣伝している新機能以外にも、実にたくさんの改善点や新機能がある。 Mac OS Xそのものは1000以上のプロジェクトの集合体だが、アップルはなんとその90％ほどを手直ししているという。つまり単純計算でも900個近い変更点があるというわけだ。その中には、元々Carbon技術でつくられていたものを先進的なCocoa技術で見た目も機能もそっくり作り直すといった分かりにくい変更点もあるが、見て分かるものを列挙していくだけでもかなりの数になるし、人によって心に響く改善点も異なるだろう。そこでここでは筆者が実際に1週間

iＰhonに単語カードというがアプリケーションあります。（無料版と有料版があります。） 今、これにハマッテいます。（私は無料版を使っていますが） 私もたくさん本を読んだり、いろんなセミナーにいって学ぶことが多いのですが、なかなか記憶するところまでいかないのが現実です。しかし、実践で、学んだことが使えるようになる勉強法は、 情報入力する　（営業についての本を勉強する） 整理する　（その本についてノートにまとめたり、ブログで発表したりする。アウトプットをする） 実際に使ってみる　（営業の現場で、実際に使ってみる） 記憶する　　（いつも使えるように、応用がきくように記憶しておく）という段階を踏む必要があると思うのです。 最も効率の悪い勉強法は、情報入力ばかりする人。勉強は好きな人だけど、あまり仕事ができない人に多いですよね。逆に、あんまり本などは読まないのだけど、仕事ができる人は、１冊の本を読ん

メディア部門では、インターネットで加速するメディア環境の中で、翔泳社が得意とするテーマを深掘りしながら様々なドメインで最適化されたメディアビジネスを展開しています。

投稿日：2009年08月25日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopでカラー写真の一部を白黒にしてみたいと思います。 Step1 ： はじめに Step2 ： 写真を白黒にする Step3 ： カラーの部分を調節をする Step4 ： 完成

Website Design & Development Solutions Finding the right professional web designer to help develop a captivating online presence is essential for your brand’s website. At MAXBURST, our website design experts specialize in responsive web design and development services that can breathe new life into every aspect of your website. Why Choose Maxburst for your new website? Our team of talented designe