css로 구현가능한 코드까지 제공해주는 사이트 “uigradients”를 소개합니다.~!! 상단의 Get css 버튼을 클릭하면 그라데이션 CSS 코드를 아래와 같이 얻을수 있습니다. background: #373B44; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #4286f4, #373B44); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 사이트 이동하기 : htt..
TAB 메뉴 반응형 CSS 아래는 반응형일때 탭메뉴가 셀렉트박스로 전환 .tabWrap {max-width:930px;padding:0px 30px;} .wolfharu_tabmenu_menu { } .wolfharu_tabmenu_menu:before, .wolfharu_tabmenu_menu:after { content:""; display:table; } .wolfharu_tabmenu_menu:after {clear:both;} * html .wolfharu_tabmenu_menu {zoom:1;} .wolfharu_tabmenu_menu {zoom:1;} .wolfharu_tabmenu_menu select { width:100%; padding:8px 45px 8px 16px; -webkit-..
Search Engine Optimization (SEO) A helpful checklist / collection of Search Engine Optimization (SEO) tips and techniques. Table of Contents URL Accessibility Meta Information Keywords Content Images Videos Links Mobile Sitemap Social Media Tools & Services Webmasters Analytics Optimization Keywords Links Structured Data Bookmarklets Browser Extensions Jekyll Plugins TYPO3 Extensions WordPress P..
워드프레스 SEO 플로그인 중 Yoast SEO 사용시 사이트맵 생성이 안되는 경우가 있는데 그럴 경우 아래의 코드를 Nginx 설정 파일에 추가하면 사이트맵 파일 생성이 됩니다. # Rewrites for Yoast SEO XML Sitemap rewrite ^/sitemap_index.xml$ /index.php?sitemap=1 last; rewrite ^/([^/]+?)-sitemap([0-9]+)?.xml$ /index.php?sitemap=$1&sitemap_n=$2 last; #Yoast SEO Sitemaps location ~ ([^/]*)sitemap(.*).x(m|s)l$ { ## this rewrites sitemap.xml to /sitemap_index.xml rewrite ^/..
웹 브라우저와 OS의 수는 수없이 많다. 웹 브라우저만 해도 모질라 파이어폭스, 구글 크롬, 애플 Safari, MS 인터넷 익스플로러 등이 있고, 최근에는 OS의 다변화도 이루어져 MS 윈도우 말고도 안드로이드, iOS 등 모바일 플랫폼용 OS도 많이 출시되었다. 여기서 웹페이지에 접속할 때 각 플랫폼에 맞는 페이지, 즉 모바일 페이지나 데스크탑용 페이지로 연결하려면 거기에 맞는 정보가 필요한데, 그 정보가 바로 사용자 에이전트이다. 아래는 userAgent의 샘플이다 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 userAgent를 가져와서 ..
일부 웹 사이트는 PDF 파일의 다운로드 링크를 제공하지 않고 해당 사이트의 웹 페이지에 직접 pdf 파일을 표시하는 경향이 있습니다. HTML5 덕분에 타사 솔루션을 사용하지 않고도 간단한 HTML 코드로 동일한 작업을 수행 할 수도 있습니다. 우리가 보게 될 방법은 pdf 파일이 사용자에게 어떻게 표시되는지 제어 할 수있는 빠르고 쉬운 방법입니다. 또한 HTML5를 지원하는 모든 최신 웹 브라우저에서 작동합니다. HTML 페이지에 PDF 파일을 포함시키는 방법 HTML5는 이미지, 비디오, mp3 파일 또는 기타 멀티미디어 객체와 같은 외부 응용 프로그램의 컨테이너 역할을하는 요소를 제공 합니다. 이 태그를 사용하면 브라우저가 멀티미디어 객체에 대한 컨트롤을 자동으로 포함시킵니다 (브라우저가 특정 미..
