ブログのCSSデザイントップ20 - GIGAZINE
CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日本のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな～と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink
シンプルなPHPとMySQLの最適化方法「当たり前を積み重ねると特別になる」
前回の負荷MAX、サーバ陥落寸前ですよ騒動のとき、最終的には自分で最適化する必要があるのかも知れない…と思っていたときに見つけたページです。 MySQLやPHPで同じ処理をする際にどういうふうにすればより軽いのか、という基本的な対策ばかりを集めてあります。どれもこれもあちこちで既出のものばかりですが、1カ所にまとまっているので読みやすいです。中には知らないのもあったりするかもしれません。 dublish.com - Simple Optimization for PHP and MySQL http://www.dublish.com/articles/10.html MySQLで書かれている方は割と読んだことがあるようなのが多かったですが、PHPの方は言われてみればそうかも、というようなのが多い。上記ページのコメント欄にもいろいろと有用な意見があるので、読み進めると楽しい。 そういえば以
SEO対策がFirefoxで簡単にできるようになる「SEO for Firefox」 - GIGAZINE
Firefoxの拡張機能として利用でき、GoogleとYahooの検索結果がそのままSEO対策リンク集に早変わりします。ページランク、いつからそのページがネットに存在しているのか、被参照リンクの数、Alexaでのトラフィックランク、Whois情報などが簡単に一覧できるようになります。 特定の対策を施したいキーワードで検索し、結果を見ればどのようなSEO対策を行うべきか（どこが既に強いのか、どこが弱くて伸ばすべき点なのか）が分かるというわけです。 実際に使ってみましたので、インストール方法と使い方、設定については以下を参照。 SEO for Firefox ■インストール まずは上記サイトにアクセスし、「Click Here」をクリック 初期設定ではこのサイトからインストールできないので、上部に表示されるバーの右にある「設定を変更」をクリック 「許可」をクリック 「閉じる」をクリック もう一
無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE
パブリックドメイン、クリエイティブコモンズでライセンスされている各種クリップアートをダウンロードできます。 サイト作成、プレゼンテーションやレポートなどで使えるアイコン風のものも多いので、ちょっとしたアクセントを加えたいときに便利です。 ダウンロードは以下から。 Open Clip Art Library :: openclipart.org :: Drawing Together. http://www.openclipart.org/ 上記ページの「Clip Art Search by Keyword BETA」から検索して探すこともできます。 ジャンル別に探したい場合はここから http://www.openclipart.org/cgi-bin/navigate まとめて全部ダウンロードしたい場合はこちらから http://www.openclipart.org/downloads
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
フリーのサーバ、ネットワークなどの総合監視ソフト「ZABBIX」日本語版 - GIGAZINE
オープンソースで開発されており、全ての設定・管理をブラウザからできるようになっている。グラフ作成機能も標準で搭載。各ノードの情報収集、異常検知、障害/復旧通知、詳細なアラート通知機能あり。SNMPv1、v2、v3をサポートし、Unix、Linux、BSD、Windows、MacOS X、NetWareなどで動作。CPU、メモリ、ディスク、ネットワーク、プロセスの状態などの監視が可能で、Apache、Tomcat、Oracleなどのアプリケーションの監視も可能。なかなか強力。 詳細は以下の通り。 ZABBIX-JP - Un-Official Support Page http://www.zabbix.jp/ ZABBIX-JP - ZABBIXとは http://www.zabbix.jp/modules/main0/index.php?id=1 ZABBIX-JP - 特徴 http:
400枚以上のロイヤリティフリー画像配布サイト「a digital dreamer」
解像度は1200×900から1600×1200まで。ファイルサイズは400KBから1.5MB程度。ちょっとだけ日本語対応。 ジャンルは12、テクスチャ、動物と昆虫、テクノロジー関係、植物、液体・気体・光、建物・家・インテリア、いろいろな物、雲、景色・風景、花、季節のイベント、パターン、といった感じです。 ダウンロードは下記から。 Free Royalty Free Stock Photography - Home http://www.adigitaldreamer.com/gallery/index.php こんな感じでディレクトリの中が丸ごと見えるので、ダウンロード支援ソフトで一括ダウンロードしてしまうのも良いかも。 Index of /gallery/albums/animals http://www.adigitaldreamer.com/gallery/albums/animal
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
Outlookの代わりになるWindows版「Evolution」
インストーラタイプなので導入簡単。日本語化もされており、電子メール、カレンダー、タスク、連絡先管理などが可能。Microsoft Exchangeでも利用可能。IMAP、POP、SMTPなどに対応し、iCalendarやLDAPもサポート。SpamAssassinによって提供されるジャンクメールフィルタリングというのもあり、ヒューリスティックスキャナも可能。 ダウンロードは以下から。簡単なインストール解説とレビューも付けておきました。 Evolution on Win32 http://shellter.sourceforge.net/evolution/ ダウンロード 日本語による説明は以下が詳しいです。大体同じ。 NOVELL:Novell Linuxデスクトップ:Novell Evolution 2 ■インストール ダウンロードしたインストーラを起動して「Next」をクリック 規約に
世界最強のSNS「MySpace」がこの夏、日本上陸か
「MySpace」とは、現時点で登録ユーザー数7500万人、1ヶ月のページビュー3000万PVという超化け物SNSのこと。そんなMySpaceがこの夏から順次各国で展開していくとのこと。MySpaceの公式コメント的には日本での展開は「2006年中」とはなっていますが、日本では既にmixiというシェア1位の化け物SNSが存在するわけです。果たして勝てるのでしょうか。 というわけで、MySpaceについてちょっとお勉強してみましょう。 TechCrunch >> Blog Archive >> MySpace in foreign languages due out this summer FT.com / Technology - MySpace outlines European expansion ページビューがどれだけ増えたのかというと、なんと現在、全世界で第2位。 For MySp
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
CSS3に関する情報をまとめたサイト「CSS3.info」
次のIE7やFirefox、Opera、Safariなどでサポートされる「CSS3」に関する情報をまとめたサイトです。テーブルの角を丸くするとか、文字に影を付けるとかの効果を確認できる実際にCSS3を使ったサンプルもあります。 Everything you should know about CSS3 - CSS3.info http://www.css3.info/ プレビューいろいろ。 CSS3 Preview - CSS3.info http://www.css3.info/preview/ 例としては以下のような感じです。なお、FirefoxなどのCSS3に対応したブラウザで見ないと効果がわかりませんのであしからず。 角を丸くする、四隅の内2つとか、上だけとか下だけとかも可能 http://www.css3.info/preview/rounded-border.html 文字に影
フォトレタッチ・ビフォーアフター - GIGAZINE
雑誌やパンフレットなどの画像は加工されているというのはわかっていてもどれぐらいまでフォトレタッチされているのか？というのはまた別問題。というわけで、加工後と加工前を見比べて、昨今のフォトレタッチの実態に驚愕してみましょう。しみ、しわ、胸の大きさ、ウエストの細さ、なんでもレタッチして美しく仕上げます。 衝撃の展開必須の各種フォトレタッチ済み画像比較サイトは以下から。一応簡単なフォトレタッチ方法の解説もあります。 例その1、ブロンド美女。マウスを上に載せると本当の姿が浮き彫りに http://homepage.mac.com/gapodaca/digital/blonde/blonde1.html アップにするとさらによくわかる。 http://homepage.mac.com/gapodaca/digital/blonde/blonde2.html http://homepage.mac.c
GIGAZINE - 検索エンジン最適化状態を一度に全部チェックする「SEOTOOLS」
チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/
GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
個人での利用はもちろん商用でも無料。素材をそのままネットで再販しない限りはOK。ユーザー登録不要でダウンロードできます。 ブログなどの作成時に記事にちょっとしたイメージ画像を付けるといい感じになるのですが、よい画像が見つからないときに便利。また、サイズも大きいのでちょっとした印刷レベルで大丈夫。暑中見舞いや年賀状にも使えるかも。 Image * After http://imageafter.com/ 一応ライセンスに関しては以下のようになっているので商用利用を考えている人は一読を。 http://imageafter.com/terms.php
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
GIGAZINE - CSSで角をもっと丸くする方法いろいろ
「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s
PHPでフラッシュのグラフを作る「PHP/SWF Charts」 - GIGAZINE
これを使えば無料で恐ろしく見栄えのするフラッシュでできたグラフをPHPで作成することができるようになります。標準的なグラフを表示するだけでなく、アニメーションを使った様々なビジュアル効果を加えたり、印刷ボタンや切り替えボタン、グラフを見る方向の変更、複数のグラフの混在なども簡単にできるので、一風変わったグラフ表示をお手軽にしたい人には最適ではないかと。 PHP/SWF Charts http://www.maani.us/charts/index.php その他のグラフのサンプルは以下を参照 http://www.maani.us/charts/index.php?menu=Gallery ダウンロードはこちらから http://www.maani.us/charts/index.php?menu=Download ほかにも有用なものがあるので、多彩な表現方法を手間無く使いたい人は必見。
700個以上の無料で使えるアイコン「Silk Icons」
サイトをデザインする際や、ソフトウェアのツールバーなどにも利用可能。いろいろな種類のアイコンがあるので、とりあえず持っておけばいつか役立つことは確実。 含まれている全種類のアイコンのプレビューは以下の通り。 famfamfam.com: Silk Icons Preview http://www.famfamfam.com/lab/icons/silk/preview.php ダウンロードは下記から。 famfamfam.com: Silk Icons http://www.famfamfam.com/lab/icons/silk/ ほかにもこのサイトには無料で利用できるアイコンがあります。 famfamfam.com: Mini Icons http://www.famfamfam.com/lab/icons/mini/ famfamfam.com: Flag Icons http://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
