フリーフォントを入手するためのトップ５サイト:phpspot開発日誌
Top 5 Websites to Download Free fonts for both Windows and Mac | iTechMax フリーフォントを入手するためのトップ５サイトということでサイトが紹介されていました。 フォントを探す際の参考に。 Abstractfonts - 12000近くのフォントを紹介。全部の文字もウェブ上で確認できます DaFont - フォント多数、ランキングなども。こちらも全部の文字をブラウザで確認可能 WhattheFont - 画像をアップロードして画像から探せる 1001fonts.com - カテゴリ別にフォントを探せる。レーティングも可能 SearchFreeFonts - フォントの検索エンジン 関連エントリ フリーフォント集いろいろ 小学生が書いたみたいな手書きフォント「りゅうのすけ」
JavaScript圧縮＆難読化ツールまとめ:phpspot開発日誌
JavaScriptのコードはクライアントサイドで動作し、誰にでもコードが読めてしまいます。 あまり自分の書いたコードは読まれたくないもので、せめてコードを読みにくく、ということで難読化のツールが多数公開されてます。 最近のJavaScriptブーム以前よりそういったツールは当然ながら存在するようで、ちょっとまとめてみました。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等除去。サイト上で変換前、変換後のサンプルが見れます JavascriptZIP - JAVAで書かれたJavascriptコード圧縮ツール JSC (JavaScript Compressor) - EXE形式でコマンドラインで使える圧縮ツール オンラインで
JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法:phpspot開発日誌
JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 2006年08月17日- Mouse wheel programming in JavaScript Web applications are becoming more and more like “normal” desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. JavaScriptで
JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil... 次の記事 ≫：インターネット越しにWiiリモコンを操作できる「Wiimote-over-HTTP」 Dynamic Drive DHTML Scripts- Simple Tree Menu This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」。 次のようなHTMLがあったとすると、 <ul id="treemenu2" class="treeview"> <li>Item 1</li> <li>Folder 1 <ul> <li>Su
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
グレーアウト表示ライブラリ:glayer.js:phpspot開発日誌
glayer.js - グレーアウト表示ライブラリ Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(grey＋layerで、glayer.js) グレーアウト表示ライブラリ:glayer.js。 LightBoxのように、画面全体を簡単にグレーアウトすることが出来ます。 使い方は、必要なJavaScriptとCSSを読み込ませて、divを定義した後、onclickイベントハンドラなどに、 Layer.show( divのid要素 ) Layer.hide( divのid要素 ) を仕込むだけで簡単に使えて便利です。 このライブラリを使って、ポップアップメッセージをウィンドウ内で表示するサンプルを作ってみました。 <html> <!--●必要ライブラリの読み込み--> <script type="te
チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
信じられないほどクリエイティブなFlashサイト集:phpspot開発日誌
21 Incredibly Creative Flash Websites - Down the Foxhole というエントリにて、信じられないほどクリエイティブなFlashサイト集ということでFlashサイトが特集されていました。 以下、信じられないほどクリエイティブなFlashサイトの引用です。 http://www.nationalgridfloe.com/ http://lab.mathieu-badimon.com/ http://ecodazoo.com/ http://www.lacoste-future.com/ http://sectionseven.com/ 続きを見る 数年前を思い返してみると、数年前では想像もできないようなサイトが増えてますね。 Flashプレイヤーの進化によってどんどん出来ることが増えていくため、成果物のクオリティや機能もどんどん進化しているよう
フリーのグラフスクリプト１０個:phpspot開発日誌
10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
RSS、クレジットカード、国旗など便利なフリーアイコン集「fineicons」:phpspot開発日誌
Fine crafted stock icons. Small, simple and sharp. Suitable for web sites, blogs, online shops, mobile applications or desktop applications. Download free for personal and commercial use. Fine crafted stock icons. Small, simple and sharp. RSS、クレジットカード、国旗など便利なフリーアイコン集「fineicons」 これは色々な場面で使えそうですね。 関連エントリ Eコマースに使える、ハイクオリティなフリーアイコン集 フリーのベストアイコンいろいろ アイコン探しに便利なアイコンサーチエンジン「ICONlook.com」
BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」:phpspot開発日誌
Bradicon! BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」 「Browse」ボタンを押してファイルを選択すれば簡単にアイコンが作れます。 既存画像からアイコンを作りたい場合に覚えておけばブラウザだけで一瞬で作業は終わりますね。
画像を使い古しの手帳っぽくするPhotoshopチュートリアル:phpspot開発日誌
3DTotal Tutorials 画像を使い古しの手帳っぽくするPhotoshopチュートリアル 次のように、普通の画像を使い古しまくった手帳っぽくするチュートリアルです。 これを応用して、先日話題になった、幕末ジェネレーターみたいなものを作ってみても面白いかもしれませんね。
Eコマースに使える、ハイクオリティなフリーアイコン集:phpspot開発日誌
Free eCommerce icons | Web Design and Ecommerce, Belfast Presenting 32 free icons to use or remix in your eCommerce projects complete with master SVG file. Enjoy.Eコマースに使える、ハイクオリティなフリーアイコン集。 次のようなアイコンがpng形式とsvg形式で３２種類配布されてます。 カートや鍵、プレゼント、値引きシールといった必要なものはそろってる感じです。 ショッピングサイトで使えそうですね。 関連エントリ オンラインショップ向けのクレジットカードアイコンいろいろ
フリーのプロフェッショナル矢印アイコン集:phpspot開発日誌
56 Professional Free Arrow symbol & icons フリーのプロフェッショナル矢印アイコン集 次のようなアイコンがベクター形式でフリーで配布されているみたいです。 こうした矢印はWEBのUIを作る上で非常によく使うものなので、覚えておくと矢印のデザインなら困らないでしょう。
CSSで背景画像をリサイズするテクニック:phpspot開発日誌
How To: Resizeable Background Image - CSS-Tricks Is there a way to make a background image resizeable? CSSで背景画像をリサイズするテクニック デモサイトを見ると、驚くべきことに、背景画像のサイズがビローンと伸びて表示されます。 記事中では３種類の手法について書かれていますが、JavaScriptなしで、CSSだけで実現する３つ目の方法がスマートです。 background-image ではなく、画像に次のようなCSSを宛てることで実現しているみたい。 #img.source-image { width: 100%; position: absolute; top: 0; left: 0; } body { overflow: hidden; } 背景が伸びるというと、ちょっと珍しいので
フリーのベストアイコンいろいろ:phpspot開発日誌
Best of the Best Free Icons | WebTecker the latest Web Tech, Resources and News. フリーのベストアイコンいろいろ、というエントリで色々とアイコン配布サイトが紹介。 当ブログでも色々と紹介していますが、紹介していないものがあったので紹介します。 Webappers Web Application Icon Set DryIcons 続きを見る 相変わらず、いろんなフリーアイコンがあるみたいですね。 関連エントリ フリーで超高品質なアイコンやボタン配布サイトまとめ TypePadの絵文字アイコン画像がフリーで公開 有用なPhotoshopファイル(psd)配布サイト１４ WEB開発に使えるアイコン集「Free web development icons」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPを使ってミニブログを作るチュートリアル:phpspot開発日誌
古いバージョン〜最新バージョンのSafariを入手できるサイト「Multi-Safari」:phpspot開発日誌
CSSでクールなボタンを作るまとめ:phpspot開発日誌
女性の書いたようなやわらかい萌えフォント「あんずもじ」:phpspot開発日誌