ロゴとか作るときに使える地味なテクニック - 3ping.org
ウェブ製作では、閲覧者の環境にないフォントを使用するときは画像として製作してimg要素で貼り付けたりCSSで背景画像として表示させたりすることがありますが、そういうテキストを含む画像を作るときにはFLASH8のFlashTypeで作ると通常のアンチエイリアスより綺麗にできちゃう。 FlashTypeっていうのは、WindowsXPに搭載された ClearTypeと同じ仕組みのアンチエイリアス技術で、液晶モニターでは特にその視認性が優れています。ClearTypeは日本語フォントには対応していませんが(Vistaの新日本語フォントのみ対応)、FlashTypeでは英字・日本語フォント全てに対応しており、カスタムアンチエイリアスパネルで細かく調整できます。 次の画像はPhotoshopで製作した通常のアンチエイリアスと、FlashTypeを比較したものです。 中間色ではそれほど変化はみられませ
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
MetLog：webデザインの画面サイズは大きくしない
思うところあって（というか書く機会を逃してどうしようか迷った)ちょっと前の記事に対して思ったこと。 第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro メニューを右に置くのもアリではないかという考え方。ブログテンプレートでもデフォルトが右メニューだったり、メニュー右勢力の多さには最近気になってました。 話題のバックボーンとして画像解像度の拡大、というものが挙げられています。 ユーザーの画面は大きくなってきている こうした議論が生まれてきた背景には，ハードウエアの進歩もあります。大きなモニターが比較的安価に供給されるようになってきたため，ユーザーが見渡せる画面の領域が広くなりました。 私はノートPCでもデスクトップでも、つまり、日常触るPCは、WUXGA(1920×1200)の解像度で見ています。ノートはともかくデスクトップでは画面サイズも大きく、画面が広く横に長いとそう
ドラッグ＆ドロップで作るWeb - Weebly - sta la sta
Free Website Builder: Build a Free Website or Online Store | Weebly HTMLタグを自分で書いてWebサイトを作っていた頃と比べて、今は随分と簡単にサイトやブログを作れるようになった。 そしてこちらのWeeblyの場合、ドラッグ＆ドロップの操作で簡単にサイトを作ることができるのだ。 実際の作成作業はWeeblyのトップページにあるチュートリアルビデオが分かりやすい。Webページのレイアウトやコンテンツをポイッと放り込むだけで出来上がっていく様が見て取れると思う。 テキスト以外にもFlickrやYouTube、Google Mapsも同じ操作で埋め込むこともができる。Webサイトをパズルのように組み立てているかのような操作感が楽しい。 試しに作ってみたサイトがコチラ。（サイトデザインはオシャレなものがいくつか用意されていた。独
Lucky bag::blog: 外部の RSS を PHP で取得
2008年12月26日に当サイトのテンプレートおよびデザイン、サーバの変更作業時に当記事にて紹介しているHot entryというページは削除してしまいました。当該ページは404 Not Foundとなっていることをご了承ください。 ありがたくも、拙記事なんぞをはてなブックマークや dei.icio.us などの ソーシャルブックマークでブックマークして頂いてもらっちゃったりしているわけで、なんとも恐縮に感じていたり、いなかったり。んでもって、どうせなら興味を持って頂いた記事を紹介するかっつうことで、そんなに Hot なわけじゃないのに Hot entry なるページを作っちまいました。ウヘ:-P とりあえず今回は、はてなブックマークにブックマークされている当サイトのエントリー一覧の RSS を取り込んでみますた。外部の RSS を取り込むって場合、CGI や JavaScript を使って
フリーのサイン、マーク、記号など - lucky bag
色々なサイン、マーク、記号などがフリーにダウンロード出来るサイトを知人に教えていただいた。リサイクルマークや、公共施設の案内記号、地図記号、はたまた交通標識まで様々なものがフリーでダウンロードできる。 データはイラレの EPS なんで、ファイルを開ける環境が限られちゃうんだけど、ベクトルデータだから自由に拡大・縮小が出来るし、なかなかの数が用意されている。リンク貼って良いのか判断出来なかったんで URL だけ。 Welcome to Radiocom / Creator's Exchange http://www.radiocom.co.jp/ 同じくイラレデータでフリーに配布している別のサイト。 freeps http://www.logolink.co.jp/04.html こちらの方では、アップルや朝日新聞などの企業ロゴをトレースしたものを配布してるんだけど、えっと、これって大丈夫な
札幌チャットレディ・プロダクション「ミント札幌」！ 高時給アルバイトなら！
弊社は全ての事業所にて、上記写真の製品を利用した衛生管理を行っています。 「99.9 消臭」 ウィルス対策や除菌・抗菌に効果的、マスクの消臭や除菌にも有効 業務では、厚生労働省のガイドラインに則り、特に、以下の3点を徹底しております。 ・出勤時、トイレ使用後、事務所・チャットルームへの入場時には手洗い、手指の消毒 ・できる限りマスクを着用し、マスクがない時に咳をする場合にはテッシュ・ハンカチや袖等で口や鼻を被覆 ・特に机、ドアノブ、スイッチ、テーブル、椅子、トイレの流水レバー、便座等人がよく触れるところの拭き取り清掃 札幌でチャットレディ求人を お探しなら、 即日現金払いが嬉しい 札幌駅店は 札駅16番出口～徒歩1分、 大通り駅店OPEN！ 大通り11番出口～徒歩5分！ 面接交通費札幌最大 5,000円！！！ チャットレディ経験のある 女性スタッフがいるので安心 2023年3月25日 -
CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase
Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida
Everystockphoto.com
Free Stock Photos Unleashed: Explore, Share & Delight in Exceptional Images! If you’re looking for high-quality images to use in your marketing campaigns or social media posts, then you’ve come to the right place. In this article, we’ll be discussing free stock photo sites that offer a wide range of curated collections with usage rights that allow you to use them for commercial purposes without an
ウェブコンテンツの読み方は“F字”型 - ネタフル
F-Shaped Pattern For Reading Web Contentという記事より。 Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. 232人のユーザがどのようにウェブページを見るのか視線の動きをトラッキングし、それを解析したというレポート記事です。 その結果、アルファベットの「F」のようなパターンで読まれていることが判明したそうです。 Users first read in a horizontal movement, usually across the upper part of the content area. This initial
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
CSSによる段組（マルチカラム）レイアウト講座
DIV要素で構造を補強
http://kojiru.jugem.cc/?eid=708
http://www.stylish-style.com/csstec/csstec-top.html
デフォルトスタイルの差異を無くすCSS
Free CSS Templates & Wordpress Themes | CSS Design Templates
caramel*vanilla Flickr badgeをValidにする方法
http://www.dragon-labs.com/articles/utm/