본문 바로가기
반응형

it backup13

카카오스토리 공유버튼 (Share버튼)으로 웹 링크 보내기 API [SNS공유버튼] 카카오스토리 공유버튼 (Share버튼)으로 웹 링크 보내기 API여러분은 지금 티스토리 블로그를 보고 계신데요. 티스토리에서는 아래와 같은 SNS공유 버튼이 있죠. 이 중에서 트위터나 페이스북은 워낙에 오래 됐으니, 이 버튼의 구현 방법은 인터넷에 많이 검색되고 있죠. 반면에 카카오스토리에 대한 정보는 아직 그리 많지가 않은 편인데요. 별 것도 아닌데 꽁꽁 싸매두고 공개가 되지 않는 듯한 느낌이예요. 아니면 공개들을 많이 해놨는데 죄다 네이버 검색에서 저품질 먹고 뒤에 가서 처박혀 있는건지도 모르겠네요. 아무튼 티스토리는 카카오와 같은 회사기 때문에, 티스토리 관리자에서 플러그인 설정만으로 간단하게 저 버튼이 생기게 되죠. 하지만 일반 웹사이트에서는 저 부분을 직접 구현을 해주어야 하는.. 2015. 7. 13.
[웹표준/웹접근성] table css caption, legend, label, .hidden 안보이게 처리. table 코딩할 때 caption, legend, label, .hidden CSS 처리로 안보이게 할 때 웹접근성을 위해 표준 코딩을 하고자 할 때, 디자인의컨셉과 맞지 않는 테이블의 캡션,폼필드의 legend, label등을 보이지 않게 처리해줄 필요가 있다. 이럴 때 보통 display:none을 쓰는 경우가 많은데, display:none을 쓰면 validator는 인정을 하지만, 장애인들을 위한 스크린 리더는 텍스트를 읽지 못한다. 아무튼 이러한 경우에는 다음과 같이 visibility를 조정하는 것이 합당하다. caption, legend, label, .hidden {visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px.. 2015. 7. 7.
[웹표준] UTF-8 파일에서 Byte-Order 표시[BOM ]가 발견되었을 때 해결 방법 w3c validator를 돌리다보면 오래된 사이트들에서 UTF-8 파일의 "Byte-Order" 표시가 발견되었다는 문구가 나올 때가 있다. 비단 사이트가 오래되지 않았더라도, 울트라 에디터나 에디터 플러스의 구버전 혹은 최근 버전이라도 설정 잘못으로, UTF-8로 된 문서 앞에 이 문서가 "UTF-8문서요~"라고 알려주는 코드 바이트가 들어가는 모양이다. 해결방법은 울트라 에디트와 드림위버 두가지만 설명해 두겠다. 울트라 에디터의 경우 해결 방법은 다음 이미지에서 보다시피 "모든 UTF-8파일이 저장될 때 UTF-8 BOM 헤더 기록을 해제하면 된다. 에디터 플러스에서라면, UTF-8식별기호 제거를 체크해두면 UTF-8 BOM이 들어가 있는 문서에서 BOM을 제거할 수 있다. 2015. 6. 30.
신갈저수지에서 루어 낚시로 낚은 메기 -메기 손질법. 메기 매운탕 레시피 신갈저수지에서 루어 낚시로 낚은 메기 -메기 손질법. 메기 매운탕 레시피사라진 블로그 글을 복원 중입니다. 2009년 5월 16일 신갈저수지 골프장포인트에서 루어 스푼으로 메기를 낚았다. 생애 처음으로 루어낚시로 낚은 메기였기에, 신기하고 기뻐서 맛있게 요리해서 냠냠... 요리 특히 메기 매운탕은 처음 끓여봤기 때문에, 사실 맛은 없었다. 맛은 둘째치고, 메기 매운탕을 해먹은 다음에 신갈저수지에 대해 검색하다가 당시 신갈저수지 오염이 심하다는 글을 읽고 신경성 장염을 앓았다. -_-; 중금속에 오염된 것 같지는 않다. (아직 살아서 이 글을 쓰고 있으니...ㅋ) 메기...크기가...크지 않았다. 참 귀여운 녀석이었지...살이 야들했어...헉 어머 나 뭐래니? 메기 손질법: 살아있는 메기는 일단 죽이거나 .. 2015. 6. 9.
[웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 [웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 팝업창의 접근성. 사용자의 입장에서 서핑을 할 때 어떤 사이트에 접속하는 순간 수많은 팝업창들이 마구잡이로 뜨는 것이 결코 달갑지 않다. 오죽하면 마이크로소프트사도 IE에 팝업창 제거 기능을 기본으로 탑재를 했을까? 그러함에도 불구하고, 공무원들은 팝업창을 엄청나게 좋아한다. 그러한 고로. 결국엔 접근성이니, 시각 장애우들의 리더기가 개판을 치건...접근성 마크만 따면, 당연하다는 듯이 팝업을 띄워댄다. 팝업이 접근성에 위배되는 이유. 접근성 가이드라인에서 팝업은 사용자의 의지와 관계없이 새로운 창이 뜨게 되는 경우를 접근성에 위배된다고 본다. 컨텐츠 내에서 링크를 클릭해서 새창이 뜨거나 팝업이 뜨는 경우에는 "새 창 열림" 이나 "새 창으.. 2015. 6. 3.
[HTML5] 트렌디한 웹디자인 바람 Parallax Scrolling 관공쪽의 일을 하다보면느껴지는 관공의 특성은 보수적이면서도 튀려하는 특징을 보인다. 관공 즉 정부관련 홈페이지들은 하나같이 레이아웃 디자인이 천편일률적으로 같다. 헤더-컨텐츠-푸터 로 이루어지고 좌측 상단에 로고, 상단 메뉴, 좌측 메뉴, 중앙과 우측에 컨텐츠 영역. 적어도 한국에서는 이 디자인에서 벗어난 정부산하의 홈페이지는 거의 없다. 이런 갑들이 스마트폰을 끼고 살더니 진화하고 있다. 어디서 줏어 들었는지 responsive web을 슬슬 꺼내는 공무원들이 생기고 있다. 앵무새처럼 그게 뭔지도 모르고 지껄이는 소리지만...해달란다. 유치원생 마냥 이유도 논리도 없다. 무조건 해달랜다. 그러면서도 보수적인 틀은 버리지 못한다. 그리고 그걸 자기들의 겁나게 방치해둔 PC의 IE6에서도 제대로 똑바로 보.. 2015. 4. 29.
반응형

티스토리툴바