2.98 score from hupso.pl for:
naradesign.net



HTML Content


Title - naradesign

Length: 13, Words: 2
Description pusty

Length: 0, Words: 0
Keywords 나라디자인, 웹표준, 웹접근성, 유니버설디자인, 드림위버, xhtml, css, web standards, web accessibility, universal design, dreamweaver
Robots
Charset UTF-8
Og Meta - Title pusty
Og Meta - Description pusty
Og Meta - Site name pusty
Tytuł powinien zawierać pomiędzy 10 a 70 znaków (ze spacjami), a mniej niż 12 słów w długości.
Meta opis powinien zawierać pomiędzy 50 a 160 znaków (łącznie ze spacjami), a mniej niż 24 słów w długości.
Kodowanie znaków powinny być określone , UTF-8 jest chyba najlepszy zestaw znaków, aby przejść z powodu UTF-8 jest bardziej międzynarodowy kodowaniem.
Otwarte obiekty wykresu powinny być obecne w stronie internetowej (więcej informacji na temat protokołu OpenGraph: http://ogp.me/)

SEO Content

Words/Characters 283
Text/HTML 29.82 %
Headings H1 1
H2 2
H3 11
H4 0
H5 0
H6 0
H1
naradesign
H2
css flexible 레이아웃: flex item의 방향과 순서.
사이트 메뉴
H3
flex-direction
flex-wrap
flex-flow
order
관련 글
참고
글 분류
최근 글
최근 댓글
바로가기
기타
H4
H5
H6
strong
flex container
flex container
flex container
flex items
b
i
em
Bolds strong 4
b 0
i 0
em 0
Zawartość strony internetowej powinno zawierać więcej niż 250 słów, z stopa tekst / kod jest wyższy niż 20%.
Pozycji używać znaczników (h1, h2, h3, ...), aby określić temat sekcji lub ustępów na stronie, ale zwykle, użyj mniej niż 6 dla każdego tagu pozycje zachować swoją stronę zwięzły.
Styl używać silnych i kursywy znaczniki podkreślić swoje słowa kluczowe swojej stronie, ale nie nadużywać (mniej niż 16 silnych tagi i 16 znaczników kursywy)

Statystyki strony

twitter:title pusty
twitter:description pusty
google+ itemprop=name pusty
Pliki zewnętrzne 5
Pliki CSS 1
Pliki javascript 4
Plik należy zmniejszyć całkowite odwołanie plików (CSS + JavaScript) do 7-8 maksymalnie.

Linki wewnętrzne i zewnętrzne

Linki 70
Linki wewnętrzne 6
Linki zewnętrzne 64
Linki bez atrybutu Title 68
Linki z atrybutem NOFOLLOW 0
Linki - Użyj atrybutu tytuł dla każdego łącza. Nofollow link jest link, który nie pozwala wyszukiwarkom boty zrealizują są odnośniki no follow. Należy zwracać uwagę na ich użytkowania

Linki wewnętrzne

본문 건너 뛰기 #nav
flex-direction #flex-direction
flex-wrap #flex-wrap
flex-flow #flex-flow
order #order
css 예제 /css/

Linki zewnętrzne

naradesign http://naradesign.net/wp/
css flexible 레이아웃: flex item의 방향과 순서. http://naradesign.net/wp/2017/04/24/2440/
css flexible 레이아웃: flex item의 수축과 팽창. http://naradesign.net/wp/2017/04/20/2363/
css flex ‘flex-direction’ property test. https://codepen.io/naradesign/pen/wdzblz/
@naradesign http://codepen.io/naradesign
codepen http://codepen.io
css flex ‘flex-wrap’ property test. https://codepen.io/naradesign/pen/jnrdoz/
@naradesign http://codepen.io/naradesign
codepen http://codepen.io
css flex ‘flex-flow’ property test. https://codepen.io/naradesign/pen/jmmpma/
@naradesign http://codepen.io/naradesign
codepen http://codepen.io
css flex ‘order’ property test. https://codepen.io/naradesign/pen/emgkad/
@naradesign http://codepen.io/naradesign
codepen http://codepen.io
css flexible 레이아웃: flex item의 수축과 팽창. http://naradesign.net/wp/2017/04/20/2363/
css flexsible box layout module level 1(candidate recommendation) https://www.w3.org/tr/css-flexbox-1/
caniuse.com http://caniuse.com/#search=flexible
css http://naradesign.net/wp/category/css/
웹 표준 http://naradesign.net/wp/category/webstandard/
댓글: 13개 http://naradesign.net/wp/2017/04/24/2440/#comments
뒷 페이지 » http://naradesign.net/wp/page/2/
css http://naradesign.net/wp/category/css/
생활의 발견 http://naradesign.net/wp/category/mylife/
웹 기획 http://naradesign.net/wp/category/planning/
웹 디자인 http://naradesign.net/wp/category/webdesign/
웹 접근성 http://naradesign.net/wp/category/accessibility/
웹 표준 http://naradesign.net/wp/category/webstandard/
자바스크립트 http://naradesign.net/wp/category/javascript/
편집기 http://naradesign.net/wp/category/editor/
css flexible 레이아웃: flex item의 방향과 순서. http://naradesign.net/wp/2017/04/24/2440/
css flexible 레이아웃: flex item의 수축과 팽창. http://naradesign.net/wp/2017/04/20/2363/
html5 개요(outline) 알고리즘 이해. http://naradesign.net/wp/2017/04/18/2382/
wcag 2.1 working draft 제안된 성공 기준 리뷰.(수정/삭제 가능성 높음) http://naradesign.net/wp/2017/04/13/2265/
구글 스프레드시트 데이터를 웹 문서에 출력하기. http://naradesign.net/wp/2017/03/31/2320/
wcag 2.1 working draft 새로운 성공 기준 리뷰. http://naradesign.net/wp/2017/03/16/2253/
sublime text 설정. http://naradesign.net/wp/2017/02/17/2216/
atom 편집기 설정. http://naradesign.net/wp/2016/10/12/2212/
<button> 요소와 <label> 요소의 커서는 어떤 형태이어야 하는가? http://naradesign.net/wp/2016/09/07/2197/
html5 new elements. http://naradesign.net/wp/2016/06/30/2161/
znajdziesz to na stronie - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187629
wayne dyer » 사용자 경험의 조삼모사. - naradesign http://naradesign.net/wp/2009/02/10/612/#comment-187625
online department store credit card applications - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187567
cheap sleeper sofa bed - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187495
john lewis congressman contact info - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187488
http://nicedate4u.com/ - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187474
www.mrgrevis.com - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187466
view it now - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187449
john lewis outlets in london - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187423
john lewis partner card services - naradesign http://naradesign.net/wp/2017/04/24/2440/#comment-187407
드림위버 웹 표준 가이드 http://naradesign.net/open_content/lecture/dw&css/
실전 ui 개발 가이드 http://naradesign.net/open_content/lecture/wp/
wcag 2.0 http://naradesign.net/wcag/
html 읽기 http://naradesign.net/doc/html.reading.html
ouif http://naradesign.net/ouif/
xeui http://naradesign.net/xeui/
css3 소개 http://naradesign.net/css3/
소개 http://naradesign.net/wp/about/
방명록 http://naradesign.net/wp/guestbook/
트위터 http://twitter.com/naradesign/
페이스북 http://www.facebook.com/naradesign
3.0 라이센스 http://creativecommons.org/licenses/by-nc-sa/3.0/deed.ko
로그인 http://naradesign.net/wp/wp-login.php
rss http://naradesign.net/wp/feed/

Zdjęcia

Zdjęcia 0
Zdjęcia bez atrybutu ALT 0
Zdjęcia bez atrybutu TITLE 0
Korzystanie Obraz ALT i TITLE atrybutu dla każdego obrazu.

Zdjęcia bez atrybutu TITLE

empty

Zdjęcia bez atrybutu ALT

empty

Ranking:


Alexa Traffic
Daily Global Rank Trend
Daily Reach (Percent)









Majestic SEO











Text on page:

naradesign 웹표준, 웹접근성, 유니버설디자인, html, css, ui, ux, ud css flexible 레이아웃: flex item의 방향과 순서. 본문 건너 뛰기 며칠 전 “css flexible 레이아웃: flex item의 수축과 팽창.” 이라는 포스트를 작성했는데요. 오늘은 flex item의 방향과 순서를 설명합니다.  오늘 설명할 속성은 flex item의 방향을 제어하는 flex-direction, 줄 바꿈을 제어하는 flex-wrap, 그리고 방향과 줄 바꿈을 단축 속성으로 제어하는 flex-flow, 배치 순서를 제어하는 order 라는 속성에 대하여 설명합니다. 예제를 보면서 이해하기에 충분하므로 자세한 설명은 생략합니다. flex-direction flex-wrap flex-flow order flex-direction flex-direction 속성은 flex item이 흐르는 방향(상하좌우)을 제어합니다. name: flex-direction value: row | row-reverse | column | column-reverse initial: row applies to: flex container see the pen css flex ‘flex-direction’ property test. by jeong chan-myeong (@naradesign) on codepen. flex-wrap flex-wrap 속성은 flex item의 줄 바꿈 성질을 제어합니다. name: flex-wrap value: nowrap | wrap | wrap-reverse initial: nowrap applies to: flex container see the pen css flex ‘flex-wrap’ property test. by jeong chan-myeong (@naradesign) on codepen. flex-flow flex-flow 속성은 flex item의 flex-direction 속성과 flex-wrap 속성의 값을 한꺼번에 작성할 수 있는 단축 속성입니다. name: flex-flow value: || // 둘 중 하나 또는 둘을 선언해야 한다. initial: row nowrap applies to: flex container see the pen css flex ‘flex-flow’ property test. by jeong chan-myeong (@naradesign) on codepen. order order 속성은 flex item의 배치 순서를 제어하는 속성입니다. 기본값은 ‘0‘이며 flex-direction 속성의 방향값(row, row-reverse, column, column-reverse)을 기준으로 낮은 숫자를 먼저 배치하고 높은 숫자를 나중에 배치합니다. name: order value: // ‘0, 양의 정수, 음의 정수’를 사용할 수 있음. initial: 0 applies to: flex items and absolutely-positioned children of flex containers // 절대값으로 처리된 flex-item에도 적용 가능하다고 하는데 어떤 상황에서 쓰이는지 정확히 알 수 없음. see the pen css flex ‘order’ property test. by jeong chan-myeong (@naradesign) on codepen. 관련 글 css flexible 레이아웃: flex item의 수축과 팽창. css flexible 레이아웃: flex item의 정렬과 간격.(준비중) 참고 css flexsible box layout module level 1(candidate recommendation) caniuse.com 분류: css,웹 표준 | 2017년 4월 24일, 18:49 | 정찬명 | 댓글: 13개 | 트랙백uri - http://naradesign.net/wp/2017/04/24/2440/trackback/ 뒷 페이지 » 사이트 메뉴 글 분류 css (76) 생활의 발견 (30) 웹 기획 (44) 웹 디자인 (71) 웹 접근성 (87) 웹 표준 (121) 자바스크립트 (32) 편집기 (21) 최근 글 css flexible 레이아웃: flex item의 방향과 순서. css flexible 레이아웃: flex item의 수축과 팽창. html5 개요(outline) 알고리즘 이해. wcag 2.1 working draft 제안된 성공 기준 리뷰.(수정/삭제 가능성 높음) 구글 스프레드시트 데이터를 웹 문서에 출력하기. wcag 2.1 working draft 새로운 성공 기준 리뷰. sublime text 설정. atom 편집기 설정.

Words density analysis:

Numbers of all words: 509

One word

Two words phrases

Three words phrases

flex - 10.22% (52)
- 4.52% (23)
naradesign - 3.14% (16)
css - 3.14% (16)
wrap - 2.55% (13)
item의 - 2.16% (11)
- 1.96% (10)
flex-direction - 1.77% (9)
- 1.77% (9)
pen - 1.57% (8)
flex-wrap - 1.57% (8)
order - 1.18% (6)
row - 1.18% (6)
flex-flow - 1.18% (6)
레이아웃: - 1.18% (6)
flexible - 1.18% (6)
- 1.18% (6)
속성은 - 0.98% (5)
제어하는 - 0.98% (5)
the - 0.79% (4)
html - 0.79% (4)
see - 0.79% (4)
to: - 0.79% (4)
container - 0.79% (4)
now - 0.79% (4)
표준 - 0.79% (4)
applies - 0.79% (4)
(@naradesign) - 0.79% (4)
jeong - 0.79% (4)
codepen. - 0.79% (4)
test. - 0.79% (4)
property - 0.79% (4)
chan-myeong - 0.79% (4)
initial: - 0.79% (4)
배치 - 0.79% (4)
name: - 0.79% (4)
value: - 0.79% (4)
방향과 - 0.79% (4)
column - 0.79% (4)
팽창. - 0.59% (3)
순서를 - 0.59% (3)
wcag - 0.59% (3)
naradesignjohn - 0.59% (3)
lewis - 0.59% (3)
- 0.59% (3)
기준 - 0.59% (3)
수축과 - 0.59% (3)
바꿈 - 0.59% (3)
- 0.59% (3)
nowrap - 0.59% (3)
리뷰. - 0.39% (2)
설정. - 0.39% (2)
댓글 - 0.39% (2)
라는 - 0.39% (2)
성공 - 0.39% (2)
working - 0.39% (2)
draft - 0.39% (2)
card - 0.39% (2)
제어합니다. - 0.39% (2)
가이드 - 0.39% (2)
column-reverse - 0.39% (2)
소개 - 0.39% (2)
순서. - 0.39% (2)
row-reverse - 0.39% (2)
css, - 0.39% (2)
2.1 - 0.39% (2)
예제 - 0.39% (2)
html5 - 0.39% (2)
and - 0.39% (2)
어떤 - 0.39% (2)
- 0.39% (2)
숫자를 - 0.39% (2)
- 0.39% (2)
설명합니다. - 0.39% (2)
속성입니다. - 0.39% (2)
바꿈을 - 0.39% (2)
분류 - 0.39% (2)
최근 - 0.39% (2)
속성의 - 0.39% (2)
편집기 - 0.39% (2)
접근성 - 0.39% (2)
- 0.39% (2)
디자인 - 0.39% (2)
단축 - 0.39% (2)
flex item의 - 2.16% (11)
css flex - 2.16% (11)
- naradesign - 1.96% (10)
css flexible - 1.18% (6)
flexible 레이아웃: - 1.18% (6)
레이아웃: flex - 1.18% (6)
속성은 flex - 0.98% (5)
property test. - 0.79% (4)
flex container - 0.79% (4)
see the - 0.79% (4)
on codepen. - 0.79% (4)
applies to: - 0.79% (4)
chan-myeong (@naradesign) - 0.79% (4)
by jeong - 0.79% (4)
pen css - 0.79% (4)
test. by - 0.79% (4)
the pen - 0.79% (4)
jeong chan-myeong - 0.79% (4)
to: flex - 0.79% (4)
(@naradesign) on - 0.79% (4)
- naradesignjohn - 0.59% (3)
수축과 팽창. - 0.59% (3)
웹 표준 - 0.59% (3)
줄 바꿈 - 0.59% (3)
container see - 0.59% (3)
item의 방향과 - 0.59% (3)
wcag 2.1 - 0.39% (2)
working draft - 0.39% (2)
방향과 순서. - 0.39% (2)
기준 리뷰. - 0.39% (2)
배치 순서를 - 0.39% (2)
nowrap applies - 0.39% (2)
initial: row - 0.39% (2)
| wrap - 0.39% (2)
글 css - 0.39% (2)
제어합니다. name: - 0.39% (2)
순서를 제어하는 - 0.39% (2)
css flexible 레이아웃: - 1.18% (6)
flexible 레이아웃: flex - 1.18% (6)
레이아웃: flex item의 - 1.18% (6)
pen css flex - 0.79% (4)
(@naradesign) on codepen. - 0.79% (4)
jeong chan-myeong (@naradesign) - 0.79% (4)
by jeong chan-myeong - 0.79% (4)
applies to: flex - 0.79% (4)
property test. by - 0.79% (4)
속성은 flex item의 - 0.79% (4)
see the pen - 0.79% (4)
flex item의 방향과 - 0.59% (3)
- naradesignjohn lewis - 0.59% (3)
item의 수축과 팽창. - 0.59% (3)
flex item의 수축과 - 0.59% (3)
container see the - 0.59% (3)
to: flex container - 0.59% (3)
2.1 working draft - 0.39% (2)
배치 순서를 제어하는 - 0.39% (2)
글 css flexible - 0.39% (2)

Here you can find chart of all your popular one, two and three word phrases. Google and others search engines means your page is about words you use frequently.

Copyright © 2015-2016 hupso.pl. All rights reserved. FB | +G | Twitter

Hupso.pl jest serwisem internetowym, w którym jednym kliknieciem możesz szybko i łatwo sprawdź stronę www pod kątem SEO. Oferujemy darmowe pozycjonowanie stron internetowych oraz wycena domen i stron internetowych. Prowadzimy ranking polskich stron internetowych oraz ranking stron alexa.