개발자의 정보/Web12 그래픽 디자인에 그라디언트를 활용하는 5가지 방법 출처: https://dribbble.com/stories/2020/01/28/get-creative-with-gradients 그라데이션이 처음 트렌드가 된 이후로, 디자이너들은 자신들의 작업에서 새롭고 혁신적인 방법으로 그라데이션을 활용하는 방법을 끊임없이 찾아냈습니다. 사실 그라데이션이 UI 세상을 지배하던 시절은 지나갔습니다. 하지만그라데이션은 그래픽 디자인은 물론이고, 일러스트레이션과 패키징 등 디자인의 수많은 분야에서 여전히 다양한 방식으로 사용되고 있다는 것을 알 수 있습니다. 여러분이 그라데이션에 조금 더 흥미와 관심을 가질 수 있도록 도와드리기 위해서, 위시켓은 그라데이션으로 작업을 할 때, 사용할 수 있는 몇 가지의 간단한 팁과 기술을 공유하고자 합니다. 이 기술을 사용하면, 기존의 다.. 2020. 4. 17. JS history API pushState 함수로 주소 바꾸기 pushState를 사용하여 크롤링 가능하고 링크 친화적 인 AJAX 웹 사이트 만들기 by moz.com blog AJAX를 사용하여 콘텐츠를 페이지에로드하는 웹 사이트는 훨씬 빠르고 사용자 경험을 향상시킬 수 있습니다. 그러나 이러한 웹 사이트는 Google이 크롤링하기 어렵거나 불가능할 수 있으며 AJAX를 사용하면 사이트의 SEO가 손상 될 수 있습니다. 왜 지금 이것에 대해 이야기합니까 2011 년 초 트위터에서 명백한 내부 의견 불일치가 발생한 후 (참고 : 트위터 엔지니어 한 사람이 잘못 게시 한 게시물다음에 다른 사람이 현명한 반응을 보임) 그들은 끔찍한 URL을 모두 교체한 결정과 트위터를 훌륭한 구현의 모범으로 삼아서는 안되지만, 많은 똑똑한 웹 사이트 (Twitter 포함)가 사용할 .. 2020. 3. 31. 왜 스타트업에서 프론트엔드 개발자를 구하기가 어려운가 오래된 이야기라 지금은 좀 달라졌을 수도 있겠지만 동의되는 부분이 많아 옮겨 본다. 이 글은 2014년 3월 19일에 발행되었던 글이다. 다만 지금은 글이 지워졌는지 404 오류가 난다. 하지만 다행히도 이글을 옮겨 놓은 이가 있어 그 글을 인용하였다. 원문: Why can't we find Front End developers? by 옮긴글: https://taegon.kim/archives/4810 프론트엔드 개발자는 왜 구하기 어렵나요? Why can't we find Front End developers?를 번역한 글입니다. 저 스스로가 프론트엔드 개발자이기도 해서 재밌는 주제라 옮겨봤습니다. ^^ 어느날 우연히 Quora에서 프론트엔드 엔지니어링과 스타트업에 관련된 “Why is it that .. 2020. 3. 26. font-awesome 팀의 코로나 퇴치 응원 메시지 그들이 보낸 메시지를 번역한 내용은 다음과 같습니다. Font Awesome 5.13 출시 이 버전은 COVID-19 바이러스 예방 및 퇴치 방법에 대한 인식 제고를 위해 아이콘 세트 에만 중점을 둡니다. 세계 보건기구 (WHO)의 권고 등을 바탕으로, 당신은 좋은 위생 및 사회적 거리두기를 전달하는 문자를 찾을 수 있습니다. 전 세계의 용감한 의료 전문가와 같은 최전선에 올 수는 없지만이 아이콘이 사람들이 자신과 지역 사회를 보호하기 위해 할 수있는 가장 중요한 일을 전달하는 데 도움이되기를 바랍니다. 모든 solid COVID-19 Font Awesome 아이콘들은 무료이고 Open Source 입니다. 간판, 보고서, 사이트, 앱 및 프로젝트에서 원하는대로 사용하십시오. 여러분의 노력을 공유하십시오.. 2020. 3. 25. highlight.js 문법강조 이용하는 방법 블로그에 글을 남기는 것은 그냥 생각 나는데로 쭉 적어 나간다고 끝나는 일은 아닙니다. 글을 적고 글에 적합한 이미지를 찾아보고 오타를 비롯한 글의 오류를 찾아보기도 하고 이리저리 신경 쓰이는 부분이 많지요. 그중에 특히 글을 좀더 가독성 좋고 예쁘게 꾸미고자 하는 욕심도 많이 들게 됩니다. 관련해서 저처럼 코딩에 관련된 내용을 포스팅 하고 싶다거나 할 때는 우리가 사용하는 에디터 혹은 IDE에서 처럼 문법 강조를 해서 보여주면 참 좋겠다는 생각을 많이 하게 됩니다. 여러가지 방법이 있겠지만 그중에 저는 티스토리에서 제공되고 있는 문법강조 플러그인 사용 법을 간단히 포스팅 해보려고 합니다. 글의 순서는 아래의 두 단계로 나뉘어 있습니다. 클릭하시면 필요하신 부분으로 바로 가실 수 있어요. 티스토리 문법강.. 2020. 3. 12. 블로그에 keyboard 느낌 code 느낌 CSS로 살려주기 이곳 블로그는 티스토리 입니다. 티스토리는 마크다운 모드를 지원해 주고 있지요. 마크다운을 활요하면 글쓰기가 좀 더 편하고 태그를 중간 중간에 활용하기가 더 편해지지요. 그렇게 삽입된 태그를 좀더 예쁘게 꾸며주면서 전달력을 높이기 위해 kbd 태그와 code 태그를 활용합니다. 하지만 그냥 입력해서는 전혀 느낌이 오지 않죠. 안이쁘니까요. 그래서 예쁘게 꾸며줌과 동시에 가독성을 올리기 위해 css를 추가해 주기로 합니다. /* 코드 span CSS 효과 */ code { color: #900; background-color: #ddd; padding: 0 0.5em; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-.. 2020. 3. 9. 이전 1 2 다음
