APNG 제작하기

라인스토어의 움직이는 애니메이션 이미지를 분석하다가 APNG에 대해 알게 되었습니다.

APNG(Animated Portable Network Graphics)는 PNG를 확장한 이미지 파일 포맷으로, Stuart Parmenter와 Vladimir Vukicevic가 제안했다. 이 포맷은 GIF와 비슷한 방법으로 애니메이션을 구현하면서 기존 PNG 파일과의 하위 호환성을 유지했기 때문에 GIF보다 더 높은 품질을 보여 준다. PNG 기반의 애니메이션 파일 포맷으로 MNG도 있지만, APNG는 MNG보다…

[HTML/CSS] 이미지 위에 글자 띄우기

요즘 포털사이트의 뉴스란이나 스타트업 사이트에 가시면 많이들 보시는 화면입니다. 사진갤러리나 포트폴리오 사이트에서도 많이 볼 수 있구요.

무료 DDNS 서비스 소개

DDNS (Dynamic DNS 란?)

DDNS(Dynamic DNS)는 말 그대로 다이나믹 한 상황에서 DNS를 작동시키기 위한 개념/서비스입니다.
웹사이트 혹은 서버에 접속하기 위해서는 14자리 ip주소 (IPV6에서는 더 깁니다.)를 외워야 하는데 이를 쉽게 하기 위해서 도메인을 도입했습니다.

UX 페르소나 템플릿이 필요할땐, Xtensio

UX에서 자주 사용되는 페르소나는, 제품을 사용하는 사용자들을 특정한 기준에 따라 분류한 뒤 이들 각각의 사용자 유형들을 가공의 캐릭터로 표현하는 방법론 중 하나입니다. 페르소나에 대해 자세히 설명하자면 다음과 같습니다.

• 사용자를 보다 면밀하게 분석하기 위해,
  ‘전형적인 사용자(Persona)를 통해 각 사용자들의 이용행태와 상품에 대한 니즈에 주목하여 이를 서술적으로 정의하는 기법이다.

CentOS 7 GUI 설치 진입 불가시 CUI로 진입하기

아는 지인으로 부터 쓰지 않는 노트북을 받아와 Linux Server을 돌려보려 Centos7 설치를 시도했습니다.

스프라이트 기법 (CSS Sprites) 쉽게 적용하기

CSS Sprites는 최신 기법들을 많이 연구하고 적용하는 포털사이트에서 자주볼 수 있는 기술입니다.

W3C validator (문법검사)가 중요한 이유

웹표준/크로스브라우징 붐이 불었던 2004년 전 후에는 W3C validator이 상당히 중요했습니다. 정확히 뭔지는 모르겠지만, 웹표준이 붐이라 하고 그걸 검사해주는 사이트에서 통과만 되면 배너를 달 수 있고 이걸로 있어보이게끔 만들 수 있었기 때문입니다.

따라서 당시 웹표준 검사기를 통과한 사이트들 하단에는 위와 같은 배너들이 달려있는 것을 많이 볼 수 있었습니다.

W3C validator에…

Adobe Xd (Experience Design CC — Beta) 후기

[CSS] 링크 Hover시, 무지개 효과 CSS3로 구현하기

Tistory 플러그인으로 제공되고 있고, 5년전만 해도 개인 블로그/웹사이트에 많이 적용되었던 마우스 오버시 링크가 무지개색으로 변하는 효과!

저 당시에는 Javascript 플러그인 Jquery가 널리 사용되지 않았습니다. 따라서 플러그인이 아닌 기본 Javascript로 구현했어야 하나 DOM에 맞춰진게 아니라 비표준으로 제작되어 MS Explorer 구버전에서만 동작한다는 한계가 있습니다.