NOTICE 
올바른 성장과 따뜻한 나눔이 있는 넥스트리

IE7 나온지가 얼마나 됐다고 IE8 사용성 테스트를 해야 한다니..복장이 터질지경이다.

현재 프로젝트에서 사용자중 가장많이 차지하는 부분이 IE6인데..기본 개발 브라우저는
IE6,IE8,IE9, FF2,FF3, Opera9에서 까지 잘 보여야 한다니.....

일전에 포스팅한 IE8출시에 따른 호환성테스트 글에서 언급했지만
IE8에서 IE7과 같이 쓰려면 다음과 같은 Meta태그를 넣어주면된다.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

출처 : MS IE Compatibility Site


아래 내용은 MS의 고객지원센터에서 발췌한 글이다.

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

'Designer > UX' 카테고리의 다른 글

IE8을 미리 대비하기  (0) 2008/06/13
PhotoshopExpress : 포토샵이 웹으로?  (2) 2008/03/28
포토샵에서 파일명 27자 이상 저장시 짤리는문제  (0) 2008/03/26
칼라에 대한 고찰  (0) 2008/02/21
IE6 PNG background없애기  (0) 2008/02/21
favicon 생성기  (0) 2008/02/21
Trackback :: http://techbug.tistory.com/trackback/106
올바른 성장과 따뜻한 나눔이 있는 넥스트리
웹어서 포토샵의 기능을 쓸수 있게 해주는 서비스가 생겨 포스팅한다.

사실 이러한 간단한 이미지편집기능을 웹에서 해주는 Picnik 서비스가 있으나 왠지 모르게 조금 허술하다는 생각을 했었는데 포토샵 익스프레스는 포토샵의 모든기능을 웹에서 쓸수 있게 해준다. 단 회원가입해야지만 사용할수 있는데 test Drive에서 테스트 해볼수 있다.
플래쉬 베이스라 그런지 느린것이 단점이다..

사용자 삽입 이미지


이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

'Designer > UX' 카테고리의 다른 글

IE8을 미리 대비하기  (0) 2008/06/13
PhotoshopExpress : 포토샵이 웹으로?  (2) 2008/03/28
포토샵에서 파일명 27자 이상 저장시 짤리는문제  (0) 2008/03/26
칼라에 대한 고찰  (0) 2008/02/21
IE6 PNG background없애기  (0) 2008/02/21
favicon 생성기  (0) 2008/02/21
Trackback :: http://techbug.tistory.com/trackback/78
역시! 과장님이 글 올리실줄 알았어요. !
제 손 역시 포토샵에 익숙한 지라,
포토샵이 없는 PC에서 그림판으로 그림 수정할 땐 정말 인상쓰면서 하게 되는데..

혹시나 했는데, 역시나 많이 느리죠?
2008/03/28 19:32

크헐~ 그렇지뭐~ 예전부터 이런걸 만들어 보고 싶었는데.. 내가 수치에 약하자너 ㅠ.,ㅠ;
2008/03/29 12:04

올바른 성장과 따뜻한 나눔이 있는 넥스트리
데꾸벅 포토샵을 13년을 넘게 써왔지만 이런기능이 있는건 오늘 처음알았다.
프로젝트 표준명명법에 맞게 파일명을 쓰다보니 파일명이 27자가 넘는 경우가 생겼다.
파일을 수정하려 해도 27자를 넘어가면 잘려서 Vista에 문제가 있나 싶어서 옵션을 모두 둘러봤지만 그러한 기능이 없었다.. (있을리 만무하지..)
그래서 혹 포토샵에 문제가 없을까 싶어 검색을 해봤지만 이런 경우만 당해본 사람들이 쓴 질문만 있을뿐 답변이 없어 포스팅한다...

보면 알겠지만 방법은 상당히 간단하다.
사용자 삽입 이미지

Save Optimized As로 저장시 Settings에서 Other.. 를 선택하면 아래와 같은 창이 나온다.
사용자 삽입 이미지



그럼 위 창에서 File Name Compatibility에서 Mac OS9 체크되어 있는것을 언체크하기만 하면 끝.. ㅡ.,ㅡ; Mac은 27자리까지만 되나 보다...

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

'Designer > UX' 카테고리의 다른 글

IE8을 미리 대비하기  (0) 2008/06/13
PhotoshopExpress : 포토샵이 웹으로?  (2) 2008/03/28
포토샵에서 파일명 27자 이상 저장시 짤리는문제  (0) 2008/03/26
칼라에 대한 고찰  (0) 2008/02/21
IE6 PNG background없애기  (0) 2008/02/21
favicon 생성기  (0) 2008/02/21
Trackback :: http://techbug.tistory.com/trackback/73
올바른 성장과 따뜻한 나눔이 있는 넥스트리
항상 디자인을 할때 칼라매치에 고민하다가 괜찮은 사이트하나(칼라러버) 발견

사용자 삽입 이미지



이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback :: http://techbug.tistory.com/trackback/26
올바른 성장과 따뜻한 나눔이 있는 넥스트리
방법1 : -------------------------------------------------------------------------------------------------------------
<style type="text/css">
.png24 { tmp:expression(setPng24(this)); }
</style>

<script>
function setPng24(obj)
{
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
obj.src='';
return '';
}
</script>

<table>
<tr>
<td bgcolor="blue"><img src=left.png class="png24"></td>
</tr>
</table>


방법2 -------------------------------------------------------------------------------------------------------
참조 : http://naradesign.net/wp/2006/12/15/100/



1. img 로 불러올 때

css에서
.png24 {
    tmp
:expression(setPng24(this));
}


이렇게 선언하고

js에서
function setPng24(obj) {
    obj
.width=obj.height=1;
    obj
.className=obj.className.replace(/\bpng24\b/i,'');
    obj
.style.filter =
   
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
    obj
.src=''; 
   
return '';
}


이렇게 선언해 준 후에 사용하는 이미지에 class="png24"를 삽입.
BUT - 페이지를 한 번더 호출하는 경우가 발생 -_-;


2. background-image로 불러올 때

background: url(../images/asdf.png) no-repeat center top;
//CSS문서 위치를 중심으로 이미지 경로를 따질것

background
-image : none;
filter
: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/asdf.png',sizingMethod='scale');
//실제 읽어들이는 페이지를 중심으로 이미지 경로를 따질것



출처 : http://forum.standardmag.org


특수한 경우
필터 먹은 DIV 안에 있는 링크를 아무리 눌러도
클릭이 되지 않는 현상이 생깁니다. (IE-_-신발)

이 특수한 경우는 다음과 같습니다.

필터먹인 DIV
div {
   position
: relative;
  
// offset 설정이 되어버리는 순간 (absolute 마찬가지)
}


위와 같이 필터먹인 DIV에
position: relative, absolute 설정을 주면
안에 있는 링크는 무용지물이 되고 맙니다.

해결방법
1. 필터 먹인 DIV에는 position: static;
2. 그 안에 들어있는 링크(a)에 relative 혹은 absolute 를 주세요.
이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

'Designer > UX' 카테고리의 다른 글

포토샵에서 파일명 27자 이상 저장시 짤리는문제  (0) 2008/03/26
칼라에 대한 고찰  (0) 2008/02/21
IE6 PNG background없애기  (0) 2008/02/21
favicon 생성기  (0) 2008/02/21
저작권 없는 무료 이미지 사이트 100선  (0) 2008/02/21
한국의 색상  (0) 2008/02/21
Trackback :: http://techbug.tistory.com/trackback/25
올바른 성장과 따뜻한 나눔이 있는 넥스트리
매일 포토샵으로 아이콘 만들기 귀찮았는데 png이미지를 알아서 아이콘으로 만들어주는 사이트가 있어 포스팅한다.

사용자 삽입 이미지

이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

'Designer > UX' 카테고리의 다른 글

칼라에 대한 고찰  (0) 2008/02/21
IE6 PNG background없애기  (0) 2008/02/21
favicon 생성기  (0) 2008/02/21
저작권 없는 무료 이미지 사이트 100선  (0) 2008/02/21
한국의 색상  (0) 2008/02/21
매킨토시의 휴먼인터페이스 - 인터페이스 디자인 원칙  (0) 2008/02/21
Trackback :: http://techbug.tistory.com/trackback/24
올바른 성장과 따뜻한 나눔이 있는 넥스트리

출처 : http://www.virtualhosting.com/blog/2007/100-legal-sources-for-free-stock-images/


Most Popular

These resources are some of the most popular free stock image sites on the Web and with good reason. If you’re looking for some mainstream images, these are the first place to try.

  1. FreeFoto: FreeFoto.com claims to be “the largest collection of free photographs on the Internet.” They’re available for offline projects as well, as long as you’re not using them to make a profit.
  2. KAVEWALL: Look for images and textures in unique categories like tattoo, smoke, and food.
  3. Digital Dreamer: Free, royalty-free stock images can be found here.
  4. Free Photos Bank: This features a handful of the newest photos in their directory, so check back often.
  5. Free Digital Photos: Find gorgeous, easy-to-download photographs in categories like animals, celebrations, home & garden, and lots more.
  6. PD Photo: Browse through the categories and subcategories in this site’s database, most of which depict the urban and rural landscapes of the United States.
  7. Visipix: Search over a million photographs and fine art pieces.
  8. Cepolina: On cepolina, you can choose to save photos in up to five different formats.
  9. DexHaus: A wide array of beautiful images are found on this well-organized site.
  10. FreeStockImages.net: Chances are you’ll find whatever it is you’re looking for on this terrific site.
  11. TurboPhoto: TurboPhoto has 10 categories keep the high res photos easy to find.
  12. Yotophoto: An immensely popular site, Yotophoto is worth checking out.
  13. Stockvault: Search by photo subject or by the newest and most popular photos on Stockvault.
  14. Dreamstime: While most of the photos on this site cost a fee (some as low as $0.26/image), Dreamstime provides a few free stock photos.
  15. Open Stock Photography: This site offers over one million images for you to download and use however you want.

Community-Powered Content

In addition to being a great source of images, these sites host forums, file sharing and other features designed to nurture community spirit.

  1. Image After: Search tons of free photos on this site while meeting other photography lovers on the forum.
  2. Unprofound.com: Use the images however you want, just make sure you let them know where you’ve published it!
  3. Font Play: This site has nearly 10,000 free photos for you to use any way you want. Look under the “Guests” heading to search by your favorite contributor.
  4. Studio 25: This attractive site lets you upload and search images.
  5. Vintage Pixels: Share your archived photos with other users. Download images that work for your Web site or blog.
  6. Abstract Influence: Search for the stock images you want while talking about photography with other visitors on the site’s forum.
  7. amygdela’s atmosphere: This site hosts a forum and a blog, as well as tons of stock images.
  8. Every Stock Photo: A forum and blog keep this stock image site fun and informative.
  9. Photocase: The good people at Photocase are “prettying up the world.” Check out their great library of stock images.
  10. deviantART: Provocative photos spawn great debates on the site’s forum.

Artists Welcome

It’s probably pretty safe to say that every stock image site on the Web needs the help of photographers to keep it running. The following sites, however, really cater to the needs of photographers, designers, and other artists even though they’re donating their photos for free.

  1. Stock.xchng: Check out the gorgeous shots organized into lots of different categories, making your search as easy as possible.
  2. Morguefile: Browse thousands of beautiful photos in this site’s archives, but don’t miss their job board either!
  3. Woophy: This site organizes photographs by geographical location. Enter into their contest for a chance to win great prizes.
  4. The NOAA Library: Breathtaking science and nature shots are available at this site. Don’t forget to check out the “Meet the Photographers” page which includes short bios and descriptions of the featured photogs.
  5. Pixel Perfect Digital: Get tons of free stock images and read the latest in photography news.
  6. Free Range Stock: Photographers are rewarded for giving away their pictures by getting a percentage of the site’s total ad revenue.
  7. AMG Media: As long as you give credit to the photographer somewhere on your site, these images are yours for the taking.
  8. Free Photographs Network: Submit photographs for others to see, or download some for your own use.
  9. FreePhotos.com: If you’re a photographer, submit your best pictures for a chance to win cool prizes.
  10. PhotoRogue.com: If you can’t find a picture of anything you want, go to PhotoRogue.com and make a request for whatever it is you’re thinking of. Photographers will take pictures for you — and it’s still free!
  11. Graphicsarena.com: Submit your photos for consideration.
  12. Fotogenika: Send in your photos for other visitors to use on their personal sites.
  13. Image Temple: Send in your own photos to be included in this site’s gallery.
  14. Flickr: Most of the photos on this site are not free, but a clever search will turn up some real goodies.
  15. FreeLargePhotos.com: Downloaders must link their chosen photo back to the site, which gives the photographer credit.

Less is Sometimes More

Just because the sites listed in this section aren’t as expansive as some of the others on our list doesn’t mean they’re not worth checking out. Sometimes less can really means more, especially when it comes to narrowing down your search or coming across hard-to-find treasures.

  1. Mayang’s Free Texture Library: Download high-res textures from this site, which has categories like architecture, buildings, plants, wood, and stone.
  2. Liam’s Pictures from Old Books: Discover hard-to-find illustrations from old books, “most with multiple high-resolution versions.”
  3. Texture Warehouse: Find interesting textures at this great site.
  4. Free Stock Photos: Nature shots and religious themes are abundant at this free stock photography site.
  5. BurningWell: Totally free images are organized into categories like animals, bugs, cityscapes, people, plants, and textures.
  6. Design Packs: New images and themes are added monthly, so this site may not be a well kept secret too much longer!
  7. Amazing Textures: This site is a web designer’s dream. Browse hundreds of high res textures and backgrounds.
  8. Aarin Free Photo and Digital Images: These site boasts nearly 1,000 fantastic images for you to choose from.
  9. Image Base: On Image Base, breathtaking photographs are organized in categories like nature, concept, people, and city.
  10. Majestic Imagery: All the photos on this site were taken by the host.
  11. diwiesign studio: All the images are free, but if you’re a frequent user, you might want to consider making a donation to this photo entrepreneur.
  12. Zurb Photos: Photographer Bryan Zmijewski uploads his own images onto this site.
  13. tOfz.org: Find urban images for free, but consider making a contribution to this artist’s cause.
  14. LIGHTmatter: These gorgeous photos were all taken by the same artist, who also hosts the Web site.
  15. Insect Images: Find all kinds of photos of creepy crawlers here.

Stock Images Plus

There is a lot more to legal stock images than just a bank of free photos. The sites in this section all go beyond being a basic stock photography resource by offering more services that will help improve your search for and use of stock images.

  1. Creative Commons: This nonprofit site shows you how to license your images once they’ve been uploaded onto your site.
  2. Free Images: This British site offers free images as well as wallpapers, desktops, and a section of ideas and tips that will help you customize your image experience, whether you’re a photographer or not.
  3. Creating Online: This stock images site is an excellent resource for any new blogger or Web site developer. Learn about editing your images, hosting, domains, and more.
  4. ArtFavor: Find stock images, fonts, sounds, flash clipart, and more, are all on this terrific site.
  5. Geek Philosopher: Find hilarious and beautiful stock images side by side. Also check out the site’s blog and web hosting capabilities.
  6. Gimp Savvy: In addition to finding great images, Gimp Savvy also gives tips on photo touch