witola.com

난 내의 좋아하는 블로그를 읽고 있던 Nettuts을 + 이것이 대역폭에 대한 간단한 설명이된다는 것을 발견. 앤드류 버지스 감사합니다!

웹 호스트를 찾는 때, 종종 스토리지 및 대역폭 손에 손에 나타납니다. 대역폭은 무엇입니까? 그것은 여러분의 호스트가 당신과 당신의 방문자가 해당 월의 업로드하고 (cumulatively)를 다운로드하게됩니다하는 데이터의 양. 귀하의 웹사이트에 1MB의 데이터이며, 월별 대역폭은 10 MB입니다 말해봐. 월초에서는 사이트 전체를 업로드, 지금은 대역폭 중 하나 MB의 최대 사용했습니다. 귀하의 사이트 방문자가 모든 페이지를 볼 경우, 그들은 데이터의 1MB를 다운로드합니다. 당신이 그 달 9 방문자 (각 전망 귀하의 전체 사이트를 가정)에 가질 수 의미합니다. 그 후, 웹 호스트 역시 더 이상의 방문자를 허용하지 않습니다, 또는 (가능성) 메가바이트에 따라 당신에게 여분의 비용이 청구됩니다. 물론, 당신의 대역폭은 당신이 무언가 미디어 집중을 (같은 호스트에 자신의 동영상이나 고해상도 사진) 상당히 인기있는 사이트를 실행하거나 할 특히,을 감시하고자 할 일이있다. 그냥 창고처럼, 일부 호스트는 "무제한"대역폭을 제공하고, 당신은 회색 영역에있을 거라 생각한다면 다시, 한계를 발견 또는 전부 볼 수있는 막대를 설정 호스트를 선택합니다.

오늘 디자인과 튜토리얼 블로그에서 내 일상 원형을 읽고 웹 활판 인쇄술이 훌륭한 문서가 나왔어했다. 사용할 많다 글꼴로, 왜 같은 "안전"사람에게 디자인의 모든 시간을 사용합니까? PC와 맥 모두에서 표준으로 수많은 다른 것들이 있습니다.

여기는 그의 기사에서 저자 Amrinder Sandhu에서 떨어 졌어요 개정 글꼴 스택 . 글꼴 스택 및 리프와 더 점프 쫓는 리프 SAN을 모두에 대한 통계.

개정 글꼴 스택

* 같은 글꼴 중 일부 : Garamond, Baskerville과 Didot 조지아와 같은 화면처럼 읽을 수 없습니다. 자신의 선택을하시기 바랍니다.
* 인해 X-높이가 작고, Caslon, Didot, Garamond, Baskerville 및 Hoefler 텍스트 14 픽셀 이상이 최소로 설정되어야합니다.
* Lucida 그란데, Futura와 굴림은 기계 가짜 이탤릭체로 obliqued됩니다.
* 제네바 Baskerville 옛 얼굴과 큰 Caslon은 강렬하고 기울임꼴이 없습니다. 그들은 강렬하고 기울임 꼴로 위장한됩니다.
* 특히 14px 이하, 본문에 대한 Helvetica 또는 Helvetica Neue를 사용하지 마십시오.
* Futura, 아가미 산세와 프랭클린 고딕 매체는 조심스럽게 때문에 그들의 비정상적인 체중으로 스택하고 사용해야합니다.

읽는 계속

당신이 말하는 사람 왕따? 그럼, 내가 어느 때보다 더 많은 플래시 작업을하고있는 중이야이 새로운 직업을 구하고 후 나중에 말하 여야한다! "우리가 보여줄 테니 걱정 마세요.", 기억이 정확하게 그들은 내가 어떤 식으로든 플래시 프로그래머에 아니라고 알려주셔서 않으며, 그들의 반응이었다

2 주 동안 저를 위해 충분히 단순히 거기에없는 반면 회사 사무실에서 동료 디자이너를 미행 자 15 분 빠른 검토. 나는 그 코드를 좀 도와 플라이에서 만든 내 자신의 현명함과 FLA 파일을 왼쪽으로하고 있습니다. 그것은 당황에서 있었 것을 시작하는 방식이에요.

간단히 말해서, 대신 타임 라인을 사용하고 플래시가 십대 초반 클래스에서 만들어진 것 중, 왕따 자체를 향해 또 다른 클래스입니다. 그것은 일을 너무 쉽게하고 화면을 가로질러 이동하는 것을 원한다면, 탄성 밴드에 같이 다시 완화 그때 그렇게 할 동안 회전하고 특정 장소에 중단하고, 새로운 친구를 왕따. 언제, 어디 그것이 당신을 위해 그것을 당신은 그것을 뭐라고하면 - 당신이 액션 스크립트 언어와 기타 백 엔드 플래시 코드를 알 필요없이. 보내는 단순하고 하느님.

모든 문서, 파일 등 위의 왕따 자식이 그랬대 이미지를 클릭하시면보실 수 있습니다! Zeh 페르난도 (프로젝트 소유자), 네이트 Chatellier (프로젝트 멤버), 그리고 아서 Debert (프로젝트 멤버) : 이들이 멋진 스크립트를 만든 사람입니다. 조금 애매한 초기 문서를 발견하고 그것을 시작하는 방법을 시각화에 데려 인 - 제 - 얼굴 자습서가 필요했습니다. 이게 내가 이걸로 좀 도와 발견 두 사이트는 다음과 같습니다

재미봐 패스하고 잘 수 있습니다. 일하러 가야!

내가 그녀 벽에 눈치 새로운 동료 오늘날의 책상에 앉아있는 일부 HTML 코드를위한 컨닝 시트했습니다. 내 눈이 시트의 하단에 gravitated까지 내가 생각했던 큰 게 : www.ilovejackdaniels.com 흠 의해 제작은 흥미로운 사실​​ 난 생각 없어!
제가 사이트를 검토한 결과,이 메시지에 의해 인사했다 : 과거에서 호스팅 사이트 ILoveJackDaniels.com가 있고, 잭 다니엘의 상표 팀의 요청에 따라, 새 도메인 AddedBytes.com으로 이동되었습니다. 귀하의 링크, 북마크, 주소록, 정신적 노트를 업데이 트하십시오. 질문, 의견 또는 문제를 문의하십시오 dave@addedbytes.com을 .

하고 다시 이동 AddedBytes.com 나는 HTML, PHP, CSS와 마음을 코딩을위한 유용한 치트 시트 모든 종류의 발견. 동료 웹 디자이너와 개발자를 즐기십시오!

AddedBytes.com은의 온라인 놀이터입니다 데이브 어린이 ( dave@addedbytes.com 영국 남쪽 해안에,), 브라이튼 (Brighton)에서 웹 개발자와 인터넷 마케팅. 데이브와 추가된 바이트에 대해 자세히 알아보십시오 . 데이브는 감사합니다!

내 새 직장에서 매우 흥미로운 보도 자료 오늘!

HIG 벤처스는, LLC는 오늘 계열사 중 하나가 트라이 어드 디지털 미디어, LLC, 탬파, FL 기반의 온라인 광고 서비스 회사의 상당한 성장 자본 투자를 완료했다고 발표했다.

2004 년에 설립된 트라이 어드 디지털 미디어가 선도 소매 업체 및 전자 상거래 웹사이트에 대한 온라인 미디어 프로그램을 작성, 관리 및 운영에 시장의 선두 주자입니다. 트라이 어드의 그들이 타겟 광고의 게재 위치 및 콘텐츠를 통해 자신의 온라인 트래픽에서 수익을 창출하는 데 도움이 같은 Walmart.com, CVS.com, Dell.com 및 SamsClub.com 및 기타와 같은 대규모 전자 상거래 웹사이트와 제휴. 트라이 어드는 호스트를 생성하고 관리하는 각 파트너의 웹사이트의 초점 부분을하고 광고주에게 관련성이 높은 인구 가져 콘텐츠 타겟팅과 행동을 사용합니다. 사용자 정의 콘텐츠 이외에 배너 광고 및 후원 프로그램을 포함 트라이 어드의 접근 방식은 매우 추구 후 '쇼핑'사고 (思考)에 고객을 도달합니다. 이 제물은 광고주에게 큰 가치를 제공하고 오늘날 디지털 미디어 광고 시장에서 고유합니다.
읽는 계속

제가 예전처럼 내 일상 블로그를 읽을 시간을 보내고 있지만, 내가 제일 좋아하는 중 하나에서이 거대한 시리즈에 걸쳐 온 놓치지 누구 하나의 사이트 크리스 Coyier, CSS-트릭은 나에게 큰 도움이되었습니다 있습니다.

시리즈에서 그는 깔끔히 및 코딩 프로세스, 웹 페이지 레이아웃을 만드는 설계 과정에서 소요 - CSS는 디자인이 생활에 와서하게 위치. 다음 날에는 또 떠나 워드 프레스 같은 CMS (콘텐츠 관리 시스템)에 해당 코드를 통합하는 과정이 걸립니다. 이렇게하면 모든 (게시물, 피드, 업데이트) 역동적이고 다양한 사이트입니다. 당신이 자신의 RSS 피드에 가입 희망, 그의 다른 블로그를 체크 아웃하고 시리즈를 즐길 수 있습니다.

나는 사진 갤러리, 문의 양식, 쇼핑 카트와 트위터 피드를 준비하고 인코딩으로 우리에게 과정을 보여줄 시리즈의 네번째이 있었 기대한다는 댓글을 달았습니다. 우리 모두가보고에 다시 확인해야겠습니다!

파트 1은 클라이언트에서 몇 제공된 자원, 포토샵에서 절대 처음부터 시작됩니다. 우리는 사이트의 홈페이지 및 피부를 디자인합니다.

파트 2는 포토샵에서 XHTML / CSS로 디자인을 썰어하는 방법을 보여줍니다.

3 부에서는 워드 프레스 템플릿으로 변환하는 방법을 보여줍니다.

몇 주 전에 디자이너와 블로거는 제가 다음뿐만 아니라 매우 활성되어 Twitterer 의 그레이엄 스미스, imjustcreative은 , 그가 게시되었습니다 로고 원형 UPS의 시리즈를 발표했다. 내가 살펴보고 다른애 다음 단어를 찾았습니다

이것이 로고 디자인 라운드 업 시리즈의 Part 10. 이것은 지속적인 시리즈는 로고와 브랜드 마크의 컬렉션을 전시, 자기는 프리랜서 디자이너와 많은 창의적인 분야에서 창의적인 민속의 무리에 의해 제출되었습니다. 이러한 디자이너들은 다양한 기술을 판매 촉진, 브랜드와 시장에 로고를 사용합니다. 이 로고 디자인 시리즈의 일부가되고 싶다면, 세부 사항은 해당 게시물의 하단에서 찾을 수 있습니다.

그럼 나는 흥분했고 제 사생활에 대한 로고 치료에 대한 빠른 개요 제출하고 작성하는 사양에 따라 작동해야 아누비스 크리에이 티브를 . 안녕하세요, 잘 알려진 블로그 사이트에서 무료 광고 및 링크, 누가하지 않았 맞죠?

직장에서의 긴 하루 후에 나는 어떤 이메일을 확인하기로 결정, 내가 제일 좋아하는 블로그 몇 가지를 읽고 디자인 커뮤니티에 몇 가지 유용한 정보를 Retweet 그리고 ... 에 그럼 내 놀랍게 그레이엄의 최신 제출에 대한 공지를 게시! 아누비스 크리에이 티브가 살아있는 색상의 부품 11 블로그 게시물에 있더군요 . 나는 친구를 texted 단 사람들이 좋은 의견을 기대 기대. 어쩌면 새로운 프로젝트가 좋을 것 같습니다 가시는 끝내 등을 평가 - 따라서 여기에 게시 일으켜 이야기!

그레이엄 그것을 그리듯 것이지만 외우는 것은 : "이것은 그것의 제일 아니라, 경쟁이 아니야, 그것이 최고의 로고가있는 사람이 아니고, 내가 선택한 로고 모음 아니라 그들이되고 싶어했던 분들 제공한 로고. 이 게시물의 일부가 될. 그리고 거대한이 제출한 모든 사람에게 감사합니다. "

다음은 제가 프런트 엔드 개발자 및 코딩 관행에 관한 블로그를 읽고 난 그 말을 전할 줄 알았는데 기사입니다. 그것은 덕 Neiner 사이트에서 편집하는 것입니다 연료 귀하의 코딩 및 사장 픽셀 그래픽 디자인 스튜디오 . 그는 새로운 기술에 중독, 그리고 구체적으로 레일과 jQuery에 워드 프레스, 루비와 함께 시간을 보내고 사랑합니다.

여기서 다음은 각 웹 개발 프로젝트를 기억하고 연습할 수있는 10 가지의 연속이다. 나는 서로를 빌드 단계의 많은로서의 중요성의 순서로 그들을 여기 나열했습니다. 니가 그 책을 읽고 다른 일은 아무것도 없다면, 심장에 규칙에게 # 1과 # 2를 가지고 그들을 연습하시기 바랍니다. 그 두 가지 문제가 인터넷을 통해 더 나은 디자인과 웹사이트에보다 잘 구현으로 이어질 것입니다 해결 같아요.

1. 일부 그런 다음 충분히 충전하고,

특히 어려운 경제 시대, 기업 및 개인에 모두 비용을 절감하고 최소로 프로젝트를 낮춰하려고합니다. 이 지식으로 인해, 우리는 웹 개발자로 가능한 빨리 각 단계 사이를 이동하려고합니다. 프런트 엔드 개발 그러나, 제대로 할 경우에는 시간이 상당한 양의 가져가라. 적절하게 그 시간에 대한 비용을 청구하지 않는 것은 우리가 알고있는 것들을 통해 건너뛸 수있는 개발자가 예산 내에서 프로젝트를 지키는 일이 중요하다 우리를 이끌고 있습니다. 규칙은 간단하다 ... 당신은 취할 시간이 없다면 정상적으로 제대로 할 시간이 소요되지 않습니다. , 개발자로서 더 많은 "시간"을 얻을 수있는 유일한 방법은 우리가 적절하게 보상되고 보내는 시간을 보장하는 것입니다. 혼자 그 시점에서 우리의 마음과 마음이 완벽하게 우리의 프로젝트에 연결하실 수 있습니다 ... 오직 그때 우리는 나머지 9 규칙을 따르도록 시간이 걸릴 수 있습니다.

2. 디자이너를 육성

디자이너 / 개발자 올인원 기계가있는 사람의 경우이 사람은 쉽습니다. 그러나이나 디자이너에 대한 작동 탄생 하였다에는 고유한 책임이 있습니다. 많은 디자이너가 인쇄 배경에서 온 바와 같이, 그것은 그들의 디자인에 사용할 가능성이 그들을 교육하는, 당신에게 개발자가 달려있다. 아뇨, 제가 그들에게 태그를 일련의 대 UL / LI 콤보 사용에 대한 150 + jQuery 귀하가 사용하는 플러그인이나 의견에 대해 알려 말하지 않았어. 나는 가능성으로 그들을 교육했다. 그들의 디자인이 서로 다른 장치에서 표시할 수있는지를 이해할 수 있도록 도와줍니다. 그들은 최소 파일 크기와 멋진 디자인을 달성하는 방법을 활용하여 반복되는 배경과 타일 패턴으로 이해할 수 있도록 도와줍니다.

역시 전적으로 디자이너에게 창의성을 떠나 지마! 이것은 창작뿐만 아니라 디자이너의 요구를 충족하는 완벽한 기술 솔루션을 찾는 작품입니다 증명할 수있는 기회입니다. 모든 요청에​​ 대해 "그것은 단지 그렇게하지 ​​않습니다"그것을 말하는 것은 양쪽의 좌절감을 일으킬 수있는 확실한 방법입니다. 장애물 주위 방법을 찾는 작동하도록 마음을 써.

참고 : 규칙 3 10이 처음 두 규칙을 구축을 통해. 다음 규칙 중 일부는 디자이너에서 추가 그래픽을 필요로하고, 모든 규칙을 따라야 할 시간이 걸립니다. 규칙 1과 2에 대한 의지를 확인하고 나머지 규칙을 모두 이해하고 그 훨씬 더 당신의 완성된 제품을 만들 것입니다.

3. 레이어, 아니라 조각에의 생각해

지금도 우리는 여전히 문구 일러스트 레이터이나 포토샵에서 완성된 HTML / CSS 레이아웃으로 디자인을 이동하는 과정을 설명하기 위해 "디자인을 파멸"을 사용합니다. 이것은 여전히​​ 대부분 정확하지만, 그 이름은 조각으로 디자인을 깔끔히하고 다시 HTML 페이지에 (주로 테이블)을 reassembling의 전 개념 거짓말을 했지.

그것은 오래된 웹했습니다. 새로운 웹은 스태킹, layering의 개념을 사용하고, Z-인덱스 깊이와 디자인을 달성하기 위해. 코더로서, 평면 디자인 대 디자이너에서 계층 PSD 파일이나 계층 AI 파일을 받아보실 수 있습니다. 이것은 당신이 웹 사이트를 함께 넣어 방식에 많은 유연성을 가지고있게됩니다. 기억하세요, 레이어에서 근무하면 추가 divs와 지속 기간을 추가로 resorting 전에 구조에 필수적인 HTML 요소를 고려합니다. 당신의 반복 수직 패턴 사용할 수있는 html 요소와 대한 반복 수평 배경 body 겁나는 가져없이 요소를 div#wrapper 귀하의 배경 불황을 해결하기 위해 관련.

읽는 계속

자, 여기서 제가 물건을 찾는 방법의 예입니다 ...

1. 처음에 난 내에서 삐이하는 소리를 들었 TweetDeck 과에서 제가 가장 좋아하는 블로거 크리스 Coyier에서 짹짹 본 의 CSS 트릭을 .
그는 단지이 다른 사이트에서 CSS의 트릭을 다시 만드는 방법에 대한 screencast을 게시 언급했다.
2. 나는 비디오를 봤는데 그게 멋있다고 생각하고, 다른 게시물 / 댓글을 보시려면 게시물의 끝까지 스크롤.
3. 그리고 나는 그가 누군가에게 다시 댓글을 한시 스크롤과 코가 나에게 무슨 일이 있었는지 알고 싶었어요.
4. 나는 모두를 읽고 이걸 보게 됐어

잭 프랭클린은 말합니다 :

감 크리스.

난 당신이 어디에서 해당 프로그램을 얻을 수, 전 연령대를 찾는다고 너의 메뉴 막대에있는 HTML Ipsum 아이콘이 있고 그것을 찾을 수없는 발견

감사합니다

잭

크리스 Coyier는 말한다 :

fluid.app를 사용하여이 URL에서 메뉴 표시줄 응용 프로그램을 http://html-ipsum.com/fluid/

5. 그래서 애플 리케이션을 구글에서 그리고 ... 이 문제를 확인하고 사이드바에서 최초의 1 분 비디오를 검토합니다. 매우 쿨 ...

http://fluidapp.com/

6. 그가 얘기했던 HTML ipsum 애플 리케이션 멋진뿐입니다

이것은 제가 밖으로 이런 것들을 찾는 방법이며, 한 가지는 항상 다른 단서 ...