ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。 このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで
月3万円でできること。最大50万円安くなるワケ | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 相談者に「どうしようもないですね」と告げます。小さく溜息をついたことを確認し「騙される方が悪いのがビジネス」と追い打ちをかけます。相談者のご友人の話しです。軟らかい表現を使い曲解されることを防ぐために、あえて厳しい表現を用います。 状況はこうです。ホームページ制作業者が現れました。50万円相当の新規制作料が無料といいます。しかも更新は弊社の画期的システムにより自分たちで行え「更新料0円」（人件費は別途）。また弊
Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
第11回 Webデザインの仕事で活用している厳選アプリ・ツール（1） | gihyo.jp
(X)HTML/CSS関連の記事が続きましたが、今回と次回の記事では私自身も仕事で活用している、なくてはならないアプリケーション・あると便利なツールを、オンラインツール・デスクトップアプリケーション問わずご紹介します。 今までいろいろなアプリケーション・ツールを試してきている中で、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。ぜひチェックしてみてください。 なお今回は、テキストエディタ・ブラウザなどの基本的なツールを中心に紹介していきます。 テキストエディタ 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 skEd
レビュー：3つのLinux用HTMLエディタ | OSDN Magazine
最近のウェブ開発ツールには単純なHTMLの編集という枠を越えた豊富な機能が備わっている。今回、Linux用ウェブエディタの Screem 0.16.1 、 Bluefish 1.0.7 、 Quanta Plus 3.5.7 の3つを比較して、最近のウェブ編集のニーズにどれほど応えているのかを評価してみた。 比較した3つのプログラムは多くの点において似ている。どのプログラムも基本的には、文法のハイライトやスマートなインデントなど、コードの作成/編集を簡単にする機能を搭載したコードエディタだ。ScreemがGNOMEデスクトップ環境と密に統合されているのに対して、BluefishはKDE上でもGNOME上でも実行することができる。一方Quanta PlusはKDEと一緒に配布されているKDEアプリケーションで、幅広いコード編集機能に加えて視覚的な編集機能（WYSIWYG）もある。これら3つの
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
リニューアル続出！ポータルサイトに何が起きたのか？その異変に迫る
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
オンラインでクールなメニューを簡単作成「izzymenu」:phpspot開発日誌
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu! オンラインでクールなメニューを簡単作成「izzymenu」。 パラメータをカスタマイズするだけでクールなメニューが簡単に作れてしまうというサービス。 メニュー作成の容易化もさることながら、サイト自体がフルAjaxでサクサク動いて気持ちいいですね。 参考エントリ 秋元@サイボウズラボ・プログラマー・ブログ: オンラインCSS/Javascriptメニュージェネレータ izzymenu 120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ～ HTMLを書く道具 ～ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう！」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
EUCのページでmailtoのサブジェクトを指定するには？
【格安パソコンなら！ソーテックオンラインショップ！】 （【重要なご注意】 このページのコード例をご利用になられる場合は、メールアドレスの部分は必ず書き直してください。当サイトのメールアドレスでコードを公開していたところ、ろくにテストをされていないのか、当サイトのメールアドレスに間違いの注文メールや予約メールが多数届くようになり、このような初歩的なミスをする人が意外にも多いことに、大変驚いています。メールアドレスのドメインをexample.comにした上で、@は全角文字にしてあります。） mailtoリンクを使って、訪問してくれたユーザーからの意見を集めるのは、Webmasterにとって非常に意味のあることです。あらかじめこちらが定めたサブジェクトを指定するやり方も非常に簡単で、<a href="mailto:example＠example.com?subject=文字化けについて"></a
utf-8でコーディングした際に起こる、mailto関連のSubjectやbodyの文字化け | Melanges
そのままですけど、 <a href="mailto:info@sample.com?subject=問い合わせ">info@sample.com</a> って書く場合がほどほどにございます。もちろんクライアントからの要望によりけりでしょうけど。utf-8でコーディングしていると、Outlook Express（以下OE）だとSubjectが文字化けしてしまいます。 MacのSafariだけはMailを起動すると文字化けせずなのですが、同じMacでIE5を使うと文字化けしちゃったりします。どうも、ブラウザがどこからどこまでをどのエンコードで受け渡すのか確立されていないのが原因なのかなぁと思ってみたり。 ネットの文献を探してみたけど、これといって有益なソースは見つかりませんでしたが、自力で解決してみたのでオープンにしてみます。 要は、subject以下をOEに受け渡したときに変換が出来ずに困っ
WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル:phpspot開発日誌
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
デザイナーが嫌がる痛い客のありがちな行動･クレームの対処法*ホームページを作る人のネタ帳
デザイナーが嫌がる痛い客のありがちな行動･クレーム デザインというのは、企画段階でその姿カタチが、見えにくいものであり、それゆえに、客はものすごい要求をしてくる。こちらがプロだという意識が過剰になり、何でも出来ると思われていることが間違いではあるが、皆様もこんな問題は無いだろうか。 記事の内容を見るとウェブデザイナーを対称にしている感じ。 ウェブデザイナーには様々なクレームが付きまとうものですが、ちょっとした事で解決できることが多いので一応記事に。 ただ、私は確かに制作はするも、ほとんど下請けにだしたりするので、ウェブプランナーとしての意見となることを先に言っておきます。 クレーム解決マニュアル ◆要求が抽象的 なんか、グレーな感じ、明るい感じ･･･などなど･･･。意味不明の要求仕様を突きつけられるも、当然のごとく意味不明なので、それだけでは判りませんと、反論。挙句の果てに『プロだろ？なん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳
料金表のデザインいろいろ - DesignWalker
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
web制作屋は、一体どのスキルを持っていれば即戦力なのか？17の作業に分解
ブログに使えるカレンダーデザインまとめ - DesignWalker