VIGOS AG Steubenstrasse 26a 58097 Hagen GERMANY Phone: +49-2331-80818925 Fax: +49-2331-80818910 Email: info@vigos.com Free Google Sitemap Generator Software for Windows Google, the Internet′s most popular search engine, has launched Google Sitemaps (Beta). This is a new inclusion service designed for webmasters and website owners. Google Sitemaps enables you to proactively and automatically
テンプレートが果たす役割 改まったビジネス文書や手紙の作成にはしばしば、テンプレートが利用されます。テンプレートに差出人や相手方の情報を入力するだけで、気の利いた季節のあいさつや丁寧な結びの句を織り交ぜた文書を簡単に作成することができます。 さて、PHPはHTMLタグとPHPコードが共存できることを特徴とし、多くの利用者を獲得してきました。しかしPHPコードが冗長になるにつれ、HTMLの記述が複雑になり、デザインの修正が難しくなる傾向があります。 そこでPHPにおいても、文書テンプレートのアイデアを取り入れた「テンプレートエンジン」が利用されます。 テンプレートエンジンを利用すれば、PHPコードで作られたロジックが吐き出す値を、HTMLデザインを分離したテンプレートに埋め込むことが可能になります。この結果、ロジックを作成する作業と、HTMLデザインを編集する作業を分担して行うことが可能にな
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」 2007年10月10日- Welcome to Tablecloth Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」。 テーブルにカーソルを合わせると次のように、現在位置がハイライトされます。クリックすると、その位置のハイライトを固定します。 シンプルな効果ですが、データが多くある際、現在位置の確認や、チェックしておきたい部分をハイライトさせておくことが出来るなど、ユーザビリティ向上が期待できますね。 使い方は次
More than 100 Web 2.0 Online Generators Web2.0な画像、CSS、カラー等のジェネレーター集100+。 Grid Layout Javascript - グリッドレイアウト作成 Web20generator web2.0テンプレートジェネレーター Roundedcornr - 角丸コーナージェネレーター Web 2.0 Badges - web2.0バッジジェネレーター Ajaxload.info, Loadinfo - 読み込み画像ジェネレーター 続きを見る ドメイン名、E-Mail、Favicon、フォーム、メタタグ、パスワード、robots.txt、RSS、SiteMapなど多数のジェネレーターが紹介されています。 サイト作りに役立てましょう。
Blockquote Examples by CSS-Tricks Blockquotes are html elements that are meant to designate when a particular section of text is being taken from another website or other source. BlockquoteタグをCSSで綺麗に整形したサンプル集が数種類公開されています。 Blockquoteは引用なんかに用いられますが、引用っぽくなるものがそろってます。 それほど見栄えのするものばかりではありませんが、このCSSサンプルを参考に画像を変更してカッコよく引用部分を整形してみてはいかがでしょう。 関連エントリ CSS開発に使える「Free CSS Toolbox」 CSSでスクロールバーのデザインをする際に非常に便利なWEB
Free CSS Toolbox - Free CSS Validator, CSS Formatter, CSS Compressor Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. CSS開発に使える「Free CSS Toolbox」。 次の機能を持つWindowsで動作するアプリケーションです。 色わけされたCSSエディター CSSフォーマッター、Beautifier機能 CSSエラーチェッカー CSS圧縮機能 W3C CSS バリデート機能 CSS開発のIDEとして使えそう。
Sizcons - Random Jabber Sizcons is my own little icon set. Sizcons, if you couldn’t tell is a combination of my last name plus the word icons. シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」。 16x16と12x12のサイズをPNG形式にて配布しています。 サイト作りに役立てることが出来そうですね。 関連エントリ ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 フリー&フレッシュなアイコン配布サイト集20+ フリーのアイコンを探す&入手できるサイト集 超クールかつロイヤリティフリーなMacOS Xアイコン集 ロイヤリティフリーなアイコン配布サイトいろいろ
FreeVectors.net :: Free Vector Graphics Gallery Welcome to FreeVectors.net, an online gallery of free graphics, all in vector format. All the images on this site are free for personal use and most of them for commercial use,多数の商用利用可能なベクター画像が入手できる「FreeVectors.net」。 ベクターということで拡大/縮小を行ってもクオリティが失われないため、様々な場面で活用できそうですね。 画像の投稿も可能のようなので、腕に自信のある方は登録してみてはいかがでしょうか。
携帯版Google AdSenseのPHPコードがきもいので修正してみた - ふわふわな毎日 allow_url_fopen強制っすか!Notice出しまくりっすか!GLOBAL汚染しまくりっすか!みたいな感じなので修正ついでにクラス化してみた。 PHPから携帯版GoogleAdSenseを使うクラスライブラリ。 10/10に携帯版AdSenseが公開されました。 デフォルトのライブラリは使い勝手が悪いそうで、クラスライブラリの形式で配布されています。 次のように簡単に使えるようです。 $google = new GoogleMobileAdSense(); $options = array(); $options['ad_type']='text'; $options['channel']='xxxxxxxx'; $options['client']='xxxxxxxx'; $optio
URLを短くできるTinyURLのAPIをPHPから簡単に使える「PEAR::Services_TinyURL」 2007年10月15日- PEAR :: Package :: Services_TinyURL PHP interface to TinyURL's API URLを短くできるTinyURLのAPIをPHPから簡単に使える「PEAR::Services_TinyURL」。 URLを短くするサービスとしては最も有名であるTinyURLですが、このAPIをPHPから簡単に呼び出せます。 APIを呼び出すと具体的には、URLを短くしたり、TinyURL化されたURLのとび先を調べることも出来ます。 具体的な使い方は以下。 <?php require_once 'Services/TinyURL.php'; // URLをtinyurl化する $tiny = new Services
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース 2007年10月15日- Ext JS Blog - Ext 2.0 Beta 1 The Ext team is proud to announce that Ext v2.0 Beta 1 is available for download. WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース。 新しいサンプルが追加され、ますます魅力的になってきました。 WEBデスクトップ iGoogle風ポータルサイト 正式版の登場が待ち遠しい限りですね。 関連エントリ Ext2.0のアルファ版がリリース
COSMO-DESIGNS.COM PhotoShopで輝く美しい球体を作成するチュートリアル。 次のような美しい球体を1から作るチュートリアルです。 球体の輝かせ方が非常に参考になります。 これをこなしておけば、物体を輝かせるような画像を作るのに役立てられますね。 ロゴの横なんかに置くと映えそうなオブジェですね。 関連エントリ 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル ゲームのキャラクターをクールに装飾するPhotoShopチュートリアル 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
mir.aculo.us script.aculo.usバージョン1.8プレビュー Prototype 1.6対応 Ajax.InPlaceEditor と Ajax.InPlaceCollectionEditor のリライト Effect.Morph をフルCSS継承に(?) Effect.Tween が追加 MP3サウンドの再生機能追加 パフォーマンス向上 バグフィックス MP3サウンドの再生機能がいいですね。 関連サイト scriptaculousリファレンス - JavaScriptist
Inset Buttons : Photoshop Tutorials -- Absolute Cross Firstly, you are going to need an interface or panel that you want to add your buttons to. 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル レイヤースタイル等を駆使し、次のようなつい押してしまいそうなボタンを作成するチュートリアルです。 グラデーションやレイヤースタイルを駆使することで、絵は描けなくとも上記のようなパーツを作成することは簡単です。 WEBのインタフェースなどに応用できそうですね。 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のよう
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、IEにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 IEでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
Polaroid Gallery v.1.01 Polaroid Gallery is a free, opensource flash gallery developed by myself, Christopher Einarsrud, in the year of 2006. ポラロイド風に写真を美しく魅せる画像ギャラリー「Polaroid Gallery」。 次のような画像ギャラリーをFlashを使って構築することが可能です。 Fla形式をダウンロードすることが可能ですのでカスタマイズも出来るでしょう。 画像をFlickrから読みこむことが可能なので、写真の魅せ方としてプレゼン等で活用することも出来るでしょうし、覚えておいて損はなさそうです。 関連エントリ スライドショーが可能なイメージギャラリー作成ライブラリまとめ 超クール画像ギャラリーが作れるJavaScriptライブラリ 写
10 Beautiful and Functional RED Web Layouts - CSS-Tricks Sometimes looking at other sites is all the inspiration you need! Here are some nicely designed sites that I feel stay focused on functionality as well. 赤色を上手に使った美しい機能的なサイトx10。 とても赤を上手に使ったサイトが10サイト紹介されています。 Crimson Fox Creative Studios I Love To Complain Regines Patisserie Helldesign Breeden YMCA 続きを見る 非情に美しいレイアウトと色合いで魅せられてしまいます。 サイト作りの参考にでき
まず、日本のサイトにある一般的な登録フォームの画面遷移は 入力画面→入力確認画面→完了画面 となっている場合が多いようです。ここでリロード問題となるのは完了画面でのDBへのINSERT処理やCSV書き出し処理、メール送信処理など「一度しか行わない処理」です。例えば完了画面へ遷移した際にブラウザのリロードボタンが押された場合、確認画面よりsubmitした情報が再度submitされて上記の一度しか行わない処理が二度行われてしまいます。そうならないよう、リロード対策はスクリプトで制御します。 まずは確認画面のスクリプト 確認画面でチケットを発行し、セッションに保存しておきます。同時に完了画面へチケットがPOSTされるよう、hiddenにセット。こうして完了画面へ遷移させます。それでは完了画面のスクリプトを見てみましょう。 このように、確認画面で発行されたチケットは一度使い切ってしまえば2度処理さ
Important Notes: I’m no longer making up-to-date version of Multi-Safari. Newer Safari releases make it difficult to create self-contained version, and when they’re possible they usually won’t work on different OS versions, making them rather pointless. A workaround would be to keep old version of the OS, which includes Safari, inside a virtual machine image (such as VirtualBox, Parallels Desktop,
サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 2007年10月11日- Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript I believe that it isn't necessary to point out the benefits of having a sitemap somewhere on your site.サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 スタイルなしの状態のリストを美しくツリー状に整形できます。 JavaScript によってツリーがクリックで開閉できます。 3種類の違うスタイルのサンプルが公開されているのでお好みのサンプ
ティーンの女の子が書いたような“超”手書き風フォント「おひさまフォント」v1.0が、9月4日に公開された。Windows 95/98/Me/NT/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「おひさまフォント」は、ひらがなやカタカナ、すべてのJIS第一水準漢字、450文字以上のJIS第二水準漢字、英数字、記号などを収録し、縦書きにも対応する等幅フォント。ティーンの女の子が書いたような手書き風の字体が特長で、文字が右肩上がりで傾いて描かれている。 お世辞でも上手いとは言えず、読みにくい字体ではあるが、すべてを許せてしまうかわいらしさが目を引く。一般的な手書き風フォントは、デザインとして手書き感を取り入れているため、多少なりとも整えた部分が見られるが、本フォントは手書き文字そのものといった印象だ。 また、“けいせん”と入力してIME変換することで、女
MooTabs - Tiny tab class for MooTools MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation.可愛くアニメーションするタブUI実装ライブラリ「MooTabs」 タブ項目をクリックするとページがアニメーションしながら開きます。 動きが滑らかで、使っていてちょっと驚きで楽しいUIを提供できます。 CSSで綺麗にスタイルしても見栄えがしそうですね。 moo がついているので mooTools を利用しているのは言うまでもありませんね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く