デザイン性に優れたCSSメニュー集:phpspot開発日誌
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
プロっぽくて編集しやすいフリーのウェブサイト用テンプレート配布サイト「TemplateYes」 - GIGAZINE
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを
見積もりが高いといわれたら。Noという交渉術 | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 「社名での検索は意味ないよ」。納品したサイトが侮蔑のニュアンスも込めて否定されたのは、SEOが一般的に知られていない時代の話です。 依頼はこうでした。数年前に知人に作らせたサイトが検索エンジンで行方不明状態なので「社名」で検索されるようにしてほしい。この会社は路線バスの看板、地域誌、チラシなどに莫大な広告費を投じ、社長の親が経営するまさしく親会社も地元の有名企業で「社名」は知れ渡っており「社名検索」で見つかるこ
2000本超のファミコンソフトをブラウザ上でプレイできる拡張機能「Firenes」（無料） | ライフハッカー・ジャパン
Firefoxのみ(Windows/Mac/Linux)：今回ご紹介する「Firenes」は、ブラウザ上でファミコンソフトをプレイできるというFirefoxのアドオン。なんと2000本を越えるソフトがアーカイブされているんですよ。 インストールしてブラウザを再起動させた後に、「ツール」の中にできた新しい項目「Firenes」をクリックして起動。そしたら、サイドバーにズラリと長大なライブラリーが表示されます。その中からお好みを選べば、あの懐かしの8-bitゲームをその場で遊ぶことができちゃうんですねー。 もしこれ以上、アドオンを増やしたくないというのであれば、以前、米ライフハッカーでご紹介したサイト「vNES」や「Nintendo8」を試してみてはいかがでしょう。いずれにしてもこれはいい暇つぶしになりますよ。でも、懐かしさにかまけて、あんまり我を忘れて没頭しないようにしてくださいね。 「Fi
14,861 free fonts for Windows and Mac - FontSpace
Make Your Mark Fonts are an important part of your site typography. Fonts that are too fancy can be hard to read, while too plain ones can be outright boring. That’s why you should focus on choosing a font that’s legible yet appealing. Selecting the right font style can provide an attractive appearance and preserve the aesthetic value of your content. It plays a vital role in setting the overall t
8900個以上のフォントが無料でダウンロードできる「FontSpace」 - GIGAZINE
「FontSpace」はフォント・デザイナーおよびフォント常用者のコミュニティーで、8900個以上のフォントが無料でダウンロードでき、それぞれのフォントについて詳細なライセンスや書体見本、さらには実際に自分で入力した文字がそのフォントではどう見えるかがすぐにその場で確認できるようになっており、めちゃくちゃ便利です。 各フォントにはタグが加えられており、コミュニティに登録しているユーザーの場合はブックマークを付けたり、コメントを付けることも可能。 フォントのダウンロードの仕方は以下から。 Download free fonts @ fontspace.com http://www.fontspace.com/ 使いたいフォントを見つけたらフォント名などをクリックして個別のページに移動します まずは「Customize」の欄にサンプルとして表示させたい文字を入力しましょう するとこんな感じでち
【ハウツー】XMLはもう不要!? Google製シリアライズツール「Protocol Buffer」 (1) 構造化データをバイト列に変換するための新技術 | エンタープライズ | マイコミジャーナル
Protocol Bufferとは Protocol BufferはもともとGoogle社内で利用されていた技術/ツールだ。今月7日にApache Software License 2.0の下、オープンソースソフトウェアとして公開されたばかりで、本稿執筆時点の最新バージョンは2.0のβ版。正式リリースが2008年8月に行われる予定だ。 Protocol Bufferは、一言で言うと、構造化データをバイト列に変換(シリアライズ)するソフトウェアである。プログラム言語中で用いられるデータ構造をファイルに保存する際や、RPC(Remote Procedure Call)でデータをやり取りする際などに用いられる。 同様の目的で用いられる技術としては、XMLやJavaのオブジェクトシリアライズなどが挙げられる。ただし、Protocol Bufferは、そうした類似技術と比較して、以下のような特徴を備
画像写真素材 足成
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております！
Googleでよく私が使う検索テクニックまとめ | 楽してプロっぽいデザイン | Forty-N-FiveBlog
Google様毎日お世話になっております。そんな方も多いでしょう。ただ、なかなか目的のページに辿りつけない！そんな事もしばしばありますが、Googleは単純に「キーワード（スペース）キーワード」といったキーワードの組合せだけの検索ではなく、いろんな検索テクニックが存在します。私がよく使う検索テクニックをまとめておきます。 便利なGoogle検索の方法 検索結果が和英辞典・英和辞典になる方法 「和英 （日本語）」と入力してみてください。すると、検索結果のトップに「○○を和英辞書で調べる」という検索結果が必ず出てきます。ちょっとスペルが分からないときや、英語を調べたいとき、かなり手軽で役立ちます。ちなみに「英和 apple」と検索すると英和辞典代わりになります。 検索結果に不用な情報を排除する方法 例えば「オープンキャンパス」と検索すると、京都大学が上位に検索されます。でも、「大学の情報は検索
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を使って簡単に画面を作
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
Google Chart API で QRコードも生成してくれるようになった
Google Chart API で QRコードも生成してくれるようになった 2008-07-04-3 [WebTool] URL をなげるとグラフなどの図を画像として生成してくれる Google Chart API ですが、新たに QRコードを生成してくれるオプションができました。 QR codes (Developer's Guide - Google Chart API) 基本となるパラメータは chs（サイズ指定）cht（QRコードなのでqrを指定）chl（エンコードしたテキストを指定） の３つです。 では実例。 このブログのトップページ「https://chalow.net/」のQRコードを作ります。 URLを組み立てるとこうなります： https://chart.apis.google.com/chart?chs=150&cht=qr&chl=https%3a//chalow.
オンラインでマインドマップ――無料Webアプリ6選 - ITmedia Biz.ID
アイデアを書き出すときや議事録のまとめなどに有効だと言われているマインドマップ。PCでマインドマップを作成するには、ソフトウェアをインストールする方法が一般的だが、インストール不要でWebブラウザから利用できる便利なWebアプリも増えてきた。日本国内や海外のものを含めて、6つのマインドマップ作成Webアプリを紹介しよう。 分かりやすい――アテディア（マインドシェア） 国内のWebアプリで分かりやすかったのが、アテンションが提供する「アテディア」。正確に言うと、アテディアというアイデアコミュニティーで使える「マインドシェア」というツールだ。Flashで動作する。 まずはアテディアに登録し、「マイページ」から「マインドシェア」をクリック。新規作成ボタンを押すとマインドマップを作れる。ポイントは各操作アイコンにカーソルを重ねると、使い方の説明がポップアップするところ。操作に迷わずマインドマップを
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
[これすご]70のphotoshop修正テクニック*ホームページを作る人のネタ帳![[これすご]70のphotoshop修正テクニック*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce5646a1c988730f09c37ff782002cd06d76deb6/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-21.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200807220004.jpg)
背景に使えるベクター素材いろいろ - DesignWalker
IDEA * IDEA
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
