긍정적 사고, 음식의 절제, 규칙적인 운동

8 jQuery Form Label (HTML5 Placeholder) Plugins

http://www.jquery4u.com/plugins/8-jquery-form-label-html5-placeholder-plugins/

HTML5 Placeholder Example

Let’s take a look at the plugins!

1. Sticky Placeholders jQuery Plugin

Tested works IE7+

SourceDemo

2. jQuery Form Labels Plugin

The jQuery FormLabels Plugin is a result of working with hundreds of different clients, sites, and especially forms. Every form is different, so building a uniform label generator was not an easy task.

SourceDemo

3. jQuery Placeholder Plugin

This is a simple plugin for jQuery that provides support for the HTML5 placeholder attribute in browsers that do not already support it.

Source + Demo

4. jLabel

A jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions.

Source + Demo

5. Sign in Form Placeholders

Tested works IE7+

Source + Demo

6. In-Field Labels jQuery Plugin

A simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins.

Source

7. movinglabels

A jQuery Plugin, presented by Ape Unit GmbH, coded by Paul Lunow.

Source + Demo

8. Advanced jQuery Placeholder Plugin (cross-browser support)

Plugin that enables you to use the Placeholder attribute inside your input fields.

Source

1.운영체제 및 프로그램을 다시 설치한다.

2.재설치는 동시에, 그리고 전체적으로 이루어져야 한다.

3.백업된 데이터 중 악성코드가 숨어 있을만한 동영상이나 개인용 프로그램을 배제시킨다.

4.네트워크를 닫은 상태에서 재설치를 수행한다.

서버, 내부 보안을 강화하려면

1.정기적으로 보안 패치를 하라.

2.웹 방화벽을 믿지 말고 기본적인 방어 코딩을 하라.

3.불필요한 포트를 막아라.

4.사무실 인터넷 망과 개발자의 네트워크를 분리하라.

highcharts.com

d3js.org

Bootstrap

JetStrap

http://www.highcharts.com/ 

 : 비영리목적에만 사용할 수 있다.

   커스터마이징이 불가하다.

D3 (Data-Driven Document )  http://d3js.org/ 

: 다양한 데이터를 HTML과 SVG에 기반을 두고 쉽게 표현할 수 있도록 제작된 라이브러리

  매우 다양한 그래프와 시각화 기법들을 그릴 수 있다.

  커스터마이징이 가능하다.

Bootstrap - http://twitter.github.io/bootstrap/

 : 화면의 영향을 조금 덜 받고 알맞은 화면을 구성할 수 있도록 한다.

   메뉴나 내비게이션과 같은 웹에서 자주 사용하는 요소들도 쉽게 구현할 수 있다.

   Start - http://twitter.github.io/bootstrap/getting-started.html

Bootstrap이 어렵다면 JetStrap (https://jetstrap.com/) 도 있다. - MockUp

 : HTML태그가 아닌 웹 UI상에서 쉽게 웹페이지를 구성할 수 있도록 도와준다.

프로젝트는 요구사항을 분석하고, 업무의 우선순위를 결정하는 것으로 시작된다.

기업의 생명과 직결된 0순위 업무, "기업에 이익을 가져다줄 확실한 업무"를 정의해야 한다.

필요없는 일은 과감하게 버려야 한다.

일반적인 개발업무의 대부분은 저품질 업무가 80% 정도이다.

고품질 업무 20%에 집중하고, 저품질 업무에 에너지와 시간을 낭비해선 안된다.

개발자들에게 여유를 주고, 테스트와 품질은 품질관리팀이 접근해 문제의 요인을 추적하고

통보하는 방식으로 품질관리 책임을 분리하는 것이 최선이다.

가장 중요한 고려사항은 커뮤니케이션이다. 이런 업무의 대부분은 신뢰가 전제돼야 하기 때문이다.

업무의 우선순위가 정치적,심리적 변화에 따라 변화된다면 이는 제대로 되는 업무가 아닐것이다.

우선순위를 정의할 때 핵심요소는

1.업무의 가치

2.업무의 원천 - request

3.기업의 가치추구

4.직원상호간의 가치추구

5.고품질이 요구되는 업무의 구분

dic.daum.net 에서 글자검색 -  http://dic.daum.net/word/view.do?wordid=ekw000055763&q=enhance

모바일, 패드, PC웹 구분으로 나누어 진다.

CSS 파일은 페이지 위에서 아래로 Override 된다.

모바일 - max-width : 686px

패   드 - 686px < width <= 1000px

PC웹   - 1000px 이상

Pad

   : <link rel="stylesheet" media="screen and (min-width: 687px) and (max-width: 1000px)" type="text/css" href="http://s1.daumcdn.net/svc/attach/U0301/cssjs/language/4905/css/mediaq_pad.css">

mobile

  : <link rel="stylesheet" media="screen and (max-width: 686px)" type="text/css" href="http://s1.daumcdn.net/svc/attach/U0301/cssjs/language/4905/css/mediaq_m.css">

40+ Seriously Creative 404 File Not Found Pages

http://creativecan.com/2013/04/creative-404-file-not-found-pages/

404 에러 페이지를 각 사이트의 특성에 맞게 디자인한 것들 중 좋은 것들.

When a requested page is not found and it typically means there is a link with a broken URL somewhere. In this case, it is best practice for a website to show a 404 page to the visitor. The 404 – page not found error is common and every Internet user get it now and then. Reason is that most websites change regularly, while external links remain the same. It is hard if not impossible to maintain external links and require a lot of work so the best thing you can do is to make 301 permanent redirects when you change an URL for a page. In WordPress you can automate this using plugins like Redirection. This plugin detect changes and create redirects to avoid links to be broken.

Even if you maintain your links like this you cannot avoid situation where a visitor types in a wrong URLs or clicks on a broken links to your website. It is possible to look into website stats, find typical 404 pages, and then redirect these to meaningful pages. Still you can expect some visitors to hit your 404, probably every day, and I am sure you want to give them the best experience and try to keep them on the site. Therefore, it is a good idea to have a fun illustration and some options for the visitors to move on into your site.

In this article, I am sharing some really creative examples of how 404 pages can be designed. Check them out and use them as inspiration for your own site.

TattooSales – MORE INFO

Suspended Animations – MORE INFO

Be Right Back – MORE INFO

Funned – MORE INFO

Seecoy – MORE INFO

Twurn – MORE INFO

Fuelly – MORE INFO

Huml – MORE INFO

GDZLLA – MORE INFO

Lileks – MORE INFO

b3ta – MORE INFO

Deviantart – MORE INFO

Abduzeedo – MORE INFO

Scar.atspace – MORE INFO

Dilbert – MORE INFO

CSS – Tricks – MORE INFO

CSS Remix – MORE INFO

Geek Squad – MORE INFO

Amorphia Apparel – MORE INFO

Open Ended Adventure – MORE INFO

Pattern Tap – MORE INFO

Urban Outfitters – MORE INFO

D20srd – MORE INFO

The Web Motel – MORE INFO

Soocial – MORE INFO

Blizzard – MORE INFO

Home Star Runner – MORE INFO

South Park Studios – MORE INFO

I Folder Links – MORE INFO

Henrik Hedegard – MORE INFO

Limp Fish – MORE INFO

Tele2 – MORE INFO

Klaus – MORE INFO

Kidmondo – MORE INFO

DDZ – MORE INFO

Agens – MORE INFO

Ferdaze – MORE INFO

Lark News – MORE INFO

Cuoma – MORE INFO

Club Penguin – MORE INFO

Github – MORE INFO