Smooth Metal | Photoshop Tutorials | Absolute Cross
This tip explains a method of creating some great looking smooth metal, for use in your interfaces, website layouts, skins, etc. The great thing though is that once you’ve followed this tutorial one time, you’ll have a cool Layer Style which you can instantly apply to other images in the future as well—a great time saver. Step 1 First, create a new image about 600x600 pixels (or whatever size is a
first-childっぽい効果をネガティブマージンで実現 | Takazudo Clipping*
first-childっぽい効果を、first-childや、余分なclass付加なしで実現しようという話です。すごい地味Tipsですが・・・。 例えばこんなものを作りたいとします。 リストの間に線が入っているというデザイン。コレを組むときにどうするか。こんな感じでul / li で組むとして、borderを上か下につけようとか思っていた場合、最初か最後についてしまう、余分なボーダーをなんとかせねばならぬ。 <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> まず、考えられるのは、liの上にborderをつけ、li:first-childで、最初のリストだけborder-top:none;などを指定して、何とかする方法。しかし、IE6はfirst-
Mobile Navigation For Smashing Magazine: A Case Study — Smashing Magazine
Back in spring 2013, Smashing Magazine sported a <select> menu as its mobile navigation. It wasn’t considered an anti-pattern back then and Marco Hengstenberg still thinks it’s a viable solution to the complex problem of how to build accessible and functional cross-device navigation. Brad Frost wrote a few words about the pros and cons of this pattern on his blog and Marco couldn’t agree more. In
How to turn your photo into movie-like effect using Photoshop? « ebin
What you need to have: Adobe Photoshop What you will learn: colour mood adjustments + depth of field effect + film effect PS: ⌘ key for Mac users / CTRL key for Windows users Colour mood adjustments 1. Adjust the Hue/Saturation: ⌘U/CTRL-U 2. Adjust the brightness and contrast: Menu > Image > Adjustments > Exposure… Depth of field effect 3. Duplicate current active layer by dragging it to the ‘crea
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
Bamagazine.com
bamagazine.com expired on 08/06/2021 and is pending renewal or deletion.
Sanscons ? SOME RANDOM DUDE
This Week’s Weekly Links of the Week - Week 13 Aug13 abbr tag, acronym tag, adsense, AJAX, am deadlink, art, bully, bush, democracy, earthquake, flickr, flickrstorm, ford, gas, global warming, google, javascript, john powers, military themepark, online privacy, photo fraud, photorealism, programming, reuters, rockstar, semantics, topix, tripod, tsunami, tv, video, video games web design This week’
CSS Star Rating Part Deux » Blog » Komodo Media
Komodomedia blog, webdesign, illustration & newsk00l javascript An updated and more cross-browser compatible version of the CSS star rater can be found here. My last CSS tutorial, Creating a Star Rater Using CSS covered the creation of a 5-star rating system using only CSS and a list of links. The result acheived can be seen below: Rate me! Here is the original CSS star rater in all of its goodn
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
Windows XP 快適化テク 2006年上半期ベスト50 / デジタルARENA
巷では次期Windowsの話をよく耳にする昨今だが、Windows XPとの付き合いはまだまだ続きそうだ。今回の特集では、これまでに紹介した300以上のテクニックの中から、それぞれのジャンルで人気のあった技を10本ずつ紹介する。日頃Windows XPを使いこなしている読者の多くが利用してくださった技を集めたということで一見の価値ありだ。 また、人気の有無とは関係なく、筆者がこれはオススメという技も20本紹介する。一度使い始めると無意識のうちに使い続けてしまうという技があるものだ。デフォルトの設定を見直すだけで使い勝手が向上するという簡単なものから、レジストリを操作して意外な環境に変えてしまうというものまで様々である。この機会に、過去の人気テクニックをチェックしていただき、読者自らの環境で新たな発見をしていだだければこれ以上嬉しいことはない。 （小泉 力一＝テクニカルライター） ※この特集
Windows XP/2003のTCP同時接続数制限とその回避：鵜飼裕司のSecurity from KAGURAZAKA：ITpro
Windows XP SP2とWindows Server 2003 SP1のTCP/IPスタックでは、不完全な外向きのTCP同時接続数を10接続に制限しています。接続数が10に達した場合、接続要求はキューイングされ、ある一定間隔で処理されるようになります。 この制限は、ホストがワームに感染した際、他のホストへの影響を最小限にするため、Windows XP SP2とServer 2003 SP1で新たに実装されました。しかしこの制限は、不完全な外向きのTCP接続を大量かつ同時に張るアプリケーションにおいては、大きなパフォーマンス低下を招く可能性があります。例えば、P2Pシステムや脆弱性スキャナなどが挙げられます。特に脆弱性スキャナは業務で利用するケースが多いと思いますので、パフォーマンス低下は非常に致命的です。 これを回避する選択肢の一つとして、TCP同時接続数制限の無いプラットフォームを
IE7用CSSハック使用上の注意（特にはてなダイアリーにおいて）
2006-10-25 追記。IE7正式版で挙動が変わりました。ベータのときは無効にされていたアンダースコアハックが、後方互換モードにおいて有効になりました。標準準拠モードでは無効のままです。このためこのエントリーでとりあげたはてなダイアリーでのレイアウト崩れの問題は、正式版では発生せず、問題ではなくなりました。 2006-11-03 追記。取り急ぎのまとめ。→IE7でCSSレイアウトが崩れる原因でありそうなこと - KAZUMiX memo IE7 Betaはすごい勢いでシェアを伸ばしているようである。オレが愛用しているOpera 9を抜き去るのも時間の問題と言う勢いだ。*1そんなわけでいつまでも無視するわけには行かなくなってきたIE7の問題。IE6やそのほかのブラウザでは問題ないが、IE7では表示が崩れれてしまうCSSの対策などを調べているうちに面白いことが分かった。*2 IE7の後方互
CSS Hacks
Back to Web Devout home CSS hacks Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when t
Clearing floats without structural markup in IE7 | Blog archives | Stuff & Nonsense, Wales, UK
The one where Malarkey sits with the Internet Explorer team at MIX06 to ask for a recommended answer to a common question. Recent conversations over at 456 Berea Street on the subject of whether a new solution for clearing floats without structural markup is needed, required an answer. So at MIX06 I sat down with seven's developers to find a recommended answer to the question. Roger asked, Here's
tanfa - archives - CSS Graphic web design, style & fun » musing over the possibilities...
June 12, 2006It had to happen, Comments off March 16, 2006Suzy on CSS on webmasterradio.fm! February 2, 2006EasyClearing, the Aslett/PIE way is NOT broken in IE7! February 1, 2006IE7 Beta 2 review released November 30, 2005Join Zeldman, Meyer and Stan! October 22, 2005Problem Fixed.. more to come September 26, 2005CSS Multi-Column Module in the spotlight August 23, 2005ALA 4, TextPattern 4, :: fou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating a Mac-Type Background in Photoshop
http://www.designwalker.com/2007/06/tilt_shift.html
Blogger: 無料でブログを作成
Photoshop matte painting
Header, Footer and Scrollbar