20 Free One-Page PSD Website Templates 1ページのフリーでモダンなWEBデザインPSD20個まとめ。 1ページデザインの参考にもなりますし素材としても使えそうです。 アプリ用のページなどもあるので、アプリ紹介ページなどにも活用できるかも 関連エントリ HTML5&CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 フリーでHTML5ベースのリッチな管理画面テンプレート
20 Beautiful Wood Fonts for your Inspiration 木をイメージしたデザインのフォント20。 次のような木をモチーフにデザインされたフォントが20種類紹介されています。 家具等のサイトを作るのに使うと面白いのかも。 かなりアメリカンなイメージでもありますが、参考までに。 関連エントリ ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 アイコンフォントをコマンドラインで生成できる「Font Custom」 ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」 メジャーなアプリケーションのアイコンフォント「Pictonic」
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
45 Examples Of Websites Designed With HTML5 | Free and Useful Online Resources for Designers and Developers これは必見のWEBデザインの近未来。HTML5で構築されたサイト45 CSS3なんかも取り入れてデザインは去ることながら、動きもいい感じに実装されています。 WEB業界に身を置く方ならばデザイナーならずとも、出来ることを知っておくという意味で必見のサイトが多数。 多くのプロフェッショナルなサイトにおいてこうした物が近い未来当たり前になっていきそうな予感。 今後、より多くの知識と動かし方に関する引き出しを身に付けた上でクリエイティブな仕事が求められそうで大変な反面、面白いことにもチャレンジできそうな可能性を感じます。 ソニーのタブレットのサイト。超カッコいいです 他にも多数の動き
natrixnatrix89/promptumenu @ GitHub スマホのホーム画面っぽいものを作れるjQueryプラグイン「Promptumenu」 iPhoneのホーム画面でフリックによってメニューがスライドできるというようなものをブラウザ上で実現できます。 当然、PCだけでなく、スマホでもフリック可能で、動きがなめらかなのもいいです。スマホのメニューを作るなら使えそうです フリック可能 実装も超簡単です。ulにメニューを並べて初期化するだけ 自分で作ると大変そうなところをやってくれるのはありがたいですね。 関連エントリ デザインがクールなタグクラウドを実装できるjQueryプラグイン「jQCloud」 スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」 時間の入力を楽にすることが出来るjQueryプラグイン アニメーションする
PhotoShop用Web2.0グラデーションスタイル「Ultimate Web 2.0 Gradients ver3」 2008年03月11日- Deziner FolioBlog Archive Ultimate Web 2.0 Gradients - FREE Download Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. PhotoShop用Web2.0グラデーションスタイル「Ultimate Web 2.0 Gradients ver3」。 レイヤースタイルではなく、グラデーションスタイルとして配布されるので、レイヤー効果に組み合わせたり、グラデーションツールから利用したり出来ます。 ↓アップル風のボタンを一瞬で作れちゃいました。 デ
iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々 2010年10月21日- HTML5/CSS3やJavaScript、Flashを使ってiPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組みを色々と調査してみました。 スマートフォンアプリを作るのであれば効率的にクロスプラットフォーム上で動く物で作りたい、というのは開発者の誰もが思うことではないでしょうか? そんな技術の現時点でのまとめ、更にHTML5によるモバイルアプリ作成のフレームワークについても軽くまとめてみました。 Titanium Mobile HTML5/CSS3やJavaScriptベース→Native並の速度のiPhoneアプリ変換。javascriptをベースとしてアプリ開発を行うスタイルを実現する仕組み naoyaさんの「Titani
Div Linker | jQuery Plugins div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」。 次のようなマークアップがあったとして、この場合は「Link text」部分にしかリンクされません。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <br /> <a href="//www.google.com">Link text</a> </div> そこでこちらのプラグインを使って初期化します <script> $(".divlinker").divlinker(); </script> するとDIV全体がクリックできるようになるというもの。 デモページ HTMLをきれいにかきつつdiv全体を<a>みたいに動かすことができます 関連エントリ RSSやA
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ25種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
The Best Photoshop Tutorials of May 2011 | CreativeFan 新しめの種類色々なPhotoshopチュートリアル集 種類にまとまりはありませんが、なかなか高品質で為になりそうなPhotoshopチュートリアルがまとまっていました。 どれも使えそうですね。 関連エントリ パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 動画で学べるPhotoshopチュートリアル20 モダンなコーポレートサイト作成用Photoshopチュートリアル
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「¥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる
Free Photoshop Custom Shapes to Spice UP Your Work デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々。 乗り物や人等、様々なオブジェクトに関するシェイプがまとまっているエントリのご紹介です。 イメージを伝えるのに分かりやすいシェイプが多数で、ベクターなので拡大しても使えるということでかなり便利に使えそう。 1から容易すると大変そうですが、シェイプはなんとも便利ですね。 関連エントリ サイトのちょっとした修飾に使えるPhotoshop用カスタムシェイプ色々 様々な形のPhotoshopのシェイプがダウンロード可能な「Photoshop Shapes」 リアルで汎用性に富んだPhotoshopカスタムシェイプ色々
スマートフォンのアプリやサイトを紹介するのに使える実機PSD集。 このサイトはiPhoneに対応してますよ、とか、アプリありますよっていうのを実機に埋め込んだ形で表示しておいてあげると分かりやすくていいですよね。 そういう埋め込み用に、国内でも流通している端末を中心にPSDを集めてみました。 iPhone用 iPhone 4 iPhone 4 (ベクター形式) 伸縮できるベクターデータ iPhone 3G Android Xperia Samsung i9000 Galaxy S Desire Desire HD Nexus One Nexus S iPad、タブレット iPad Samsung Galaxy Tab その他 BlackBerry
iPhone・Androidアプリ等に使えるアイコンセット総まとめ:2010 年末に暇な時間にアプリを作ろうなんて思っている方の参考になれば幸いです。 iconSweets 2 Even more free icons by Yummygum iPhone・Android・WEBに使える400以上のアイコンセット「iconSweets 2」 app-bits.com | Slick user interface and icon design 次のようなアイコン64個セット DEFAULT iCON ::: Free Elegant Icons 173のシンプルなアイコンセット 108 Mono Icons: Huge Set of Minimal Icons | Tutorial9 108個のシンプルデザインアイコン Free iphone toolbar icons | Blog |
Mooplay : build your own player on top of an html5 video element HTML5ベースでカッコイイUIが特徴の動画プレイヤー「Mooplay」。 次のようななかなかクールなUIが印象的です。フォーカスを外すとコントロールバーも消えるので邪魔になりません。 フルスクリーンさせるところが実際に動画自体もアニメーションしながらフルスクリーンになるところはカッコイイ。 MooというだけあってMooToolsベースです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 MooTools用のHTML5動画プレイヤー「Moovie」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 ス
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAdmin Admin (FREE) Adminizio Lite – Admin Template Admin Templates - Professional XHTML Back-end Template Spring Time – Simple Admin Template Internet Dreams Admin Skin Visual Admin ThePixelDeveloper Ad
20 Beautiful Free XHTML/CSS Templates | Creativeoverflow ほんとにフリー?というクオリティのXHTML/CSSテンプレート20が、websitetemplatesonline.com から紹介されています。 Photoshopテンプレートではなく、既にHTMLの形になっているので便利です。 Photoshopのファイルは含まれないようなので、この点は注意したほうがいいかもしれません。 全部見る 関連エントリ シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ハイクオリティでフリーなXHTMLテンプレート61 クールなデザイン満載のXHTML/CSSテンプレート40種 プロレベルでハイクオリティなXHTML/CSSテンプレート集
Best of Free Clean PSD Buttons ready for web2.0 | djavupixel.com かなりクールにデザインされたPhotoshop用のボタンテンプレート集。 CSS3でかなりボタンをデザインできるようになったとはいえ、そこまでやるなら画像にしちゃったほうが、という場面も多くあります。 Photoshop用のボタンテンプレートが色々まとまっていたのでデザインの際の参考にできそうです。 36 Free High Quality Web Buttons Different buttons and states with sliders and drop downs by James McDonald Download 60 glossy web buttons in PSD & PNG Grey Button with hover by Ignaci
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く