목록분류 전체보기 (41)
웹아틀리에 - Web atelier
출처 - http://www.kimdirector.co.kr/bbs/view.php?id=favorites&no=133 컬러는 GUI 분야 뿐만 아니라 다양한 분야의 모든 디자이너들에게 중요한 디자인의 필수요소입니다. 컬러의 범위는 매우 넓고, 광범위하며 무궁무진한데요. 하늘 아래 같은 색은 없다는 얘기가 있을 만큼 세상엔 다양한 컬러가 존재합니다. 특히 시각적인 매개체를 다루는 디자이너들에게 컬러는 가장 중요한 요소인 동시에 어렵기도 한 문제이기도 합니다. 컨셉에 따라 밝은 컬러와 어두운 컬러, 난색과 한색, 유사과 대비색 등 컬러 선택에 따라 디자인의 분위기와 전체 톤이 달라지기 때문에 디자인 작업 시 많은 고민이 되기 마련이지요. 이번 포스팅에서는 GUI 디자이너들에게 꼭 필요한 컬러 레퍼런스 사이..
크롬 input 태그등에 자동생성 백그라운드 색 제거하는 방법 크롬 브라우저를 사용하여 input 태그등을 사용하면 나중에 페이지를 로딩할 경우 배경색이 다른 경우가 발생한다. 이런 경우는 로그인 페이지를 만들거나 기타 입력폼을 작성할 때 나타나는데 문제는 input 폼이 다수인 경우 모두 바뀌는 것이 아니라 일부만 바뀌어 이상해 보이기 때문이다. 자동완성기능 속성을 off해도 백그라운드가 노란색으로 나타나는 이 스타일을 제거하기 위한 방법은 어떻게 해야하는가? background 속성을 변경해도 적용이 안되는데 그 이유는 해당 백그라운드 칼라는 box-shadow 속성과 관련이 있기 때문이다. 이를 제거하기 위해 아래의 방법을 사용해야 한다. # input 입력폼의 자동완성 백그라운드 제거 방법 inp..
IT동아 - 강일용 윈도우10 1주년. 새 운영체제 못지 않게 많은 것이 변합니다. 윈도우10이 출시된지 어느덧 1년이 되어간다. 마이크로소프트(MS)는 윈도우10 출시 1주년을 맞이해 올해 여름 대규모 기능 업데이트를 제공할 예정이다. 예전으로 치면 '서비스팩'이다. 하지만 서비스팩과 비교할 수 없을 만큼 많은 기능이 추가된다. MS는 윈도우10을 그대로 유지하면서 매년 신 기능을 추가할 것이라고 공언했다. 경쟁사 애플의 맥OS와 유사한 전략이다. 이번 1주년 업데이트에선 어떤 기능이 추가될까. 격변이라고 부를만큼 많은 것이 변한 윈도우10 1주년에 대해 자세히 알아보자. 1. 윈도우 라이선스 관리 방식 변경: 하드웨어에서 아이디 중심으로 윈도우10 1주년의 가장 큰 변화는 윈도우 라이선스 관리 방식이..
오늘의 유머 - 밀덕덕 갑자기 왜 리뷰 제목에 슈퍼 노바가 떠올랐는지 모르겠다. 진짜 먼 생각이지. 하여튼 또 오해영에 대한 남은 이야기들을 시작해보도록 하자. 솔직히 이제 편히 볼 일만 남은지라. 리뷰할 게 없는 거 같아서 이전에 조금씩 써놓았던 거 짜집기 한 것이라 내용이 좀 뒤죽박죽이다. 1. 새드 엔딩 - 불변 박도경은 이미 한 번 죽었다. 서해영을 밀어낸 박도경이 결국 교통사고로 인해 사망했다는 미래의 사실은 변하지 않는다. 지금 시청자들이 보고 있는 내용은 서해영을 밀어내지 않은 박도경의 모습일 뿐이다. 사실 필자는 박도경이 죽어버린 미래가 어떻게 흘러간 건지 미궁으로 남을 거라 생각하고 14화 리뷰를 작성했었는데 작가는 사실 친절하게 힌트를 주고 있었다. 그냥 필자의 추리력이 모자랐던 것 뿐..
속을 들여다 보면 겉면과는 또 다른 이야기가 숨어있다. 모든 사람들에겐 이유가 있으며 상황과 사정이 있다. 그래서 오늘은 박도경을 들여다 본다. 11화는 딱히 내용적으로 분석하거나 어려운 내용이 없으므로 리뷰를 작성하지 않으려고 했는데... 박도경의 행동에 너무 답답함을 느끼시는 분들이 많은 것을 보고... 약간이나 참고하실만한 내용을 올리는 것으로 대신하고자 한다. 솔직히 이하의 내용은 혹시 나중에 드라마 다 끝나고 총론을 써야할 일이 있을까 싶어 적어놓았던 것이라... 이렇게 빨리 등판시키게 될 줄은 몰랐다. 드라마가 끝났을 때를 전제로 쓴 글이라 중간 이후의 내용은 매끄럽지 않을 수 있으니 많은 양해를 바란다. 또한 이하의 글은 어디까지나 필자 개인의 사견일 뿐이며 괜한 선입견을 만드는 것은 필자나..
[또오해영]1~12화 심층분석 / 리뷰 이 글은 '오늘의 유머' 커뮤니티 사이트에서 '밀덕덕'님이 작성하신 글입니다. 공감하는바가 깊어 공유해요. 허가를 받진 못했지만 출처 명시합니다. 오늘의 유머 - 밀덕덕 (http://www.todayhumor.co.kr/board/view.php?table=drama&no=45624#memoWrapper78340890) 마음이 편안해졌다. 8화부터 11화까지 고구마를 박스채로 우겨 넣어주던 작가와 감독이 드디어 정신을 차렸는지 아니면 2화 이상 극적 갈등을 강제로 이어나가면 제대로 망하는 테크라는 걸 이제야 깨닳았는지 모르겠지만 하여튼 이제 좀 편안하게 볼 수 있게 될 것 같다. 너무 편안해서 갈등해소를 위해 등장한 장치들이 식상하게 느껴질 정도라는 게 문제라면 ..
사실 나는 서현진을 사랑한다!!! 최근 또 오해영이 화제다. 사실 나도 서현진의 열렬한 팬이다. 그 표정.. 너무 사랑스럽다.. ㅠㅠ 그래서 오늘은 또오해영 편이다. 서현진은 사실.. 모두 알고 있는지는 모르겠지만 서현진은 사실 아이돌 출신이다. 2001년 sm의 여자 아이돌로 데뷔를 했지만 앨범 한장을 출시 한 후, 제 2의 SES라는 찬사를 받다가 멤버 한 명의 탈퇴와 함께 해산했다. 그 후 그녀는 소속사를 옮기며 연기를 시작했다. 여러 드라마와 영화를 찍으며 내공을 쌓은 그녀는 2015년에 '식샤를 합시다2'의 주연을 맡으며 로코의 가능성과 함께 사랑스러운 모습을 내보였다. 그리고 바로 올해. '또!오해영'으로 그동안 쌓아왔던 연기력을 뽐내기 시작했다. 좀 더 성숙해지고 여성스러워졌으며 비참한 심정..
웹 개발에는 많은 단계들이 존재한다. 웹 디자이너, 퍼블리셔, UI/UX개발자, 서버언어 개발자, DB 개발자 등등.. 심지어 부르는 곳 마다 명칭이 조금이 다르기도 하다. 이 구분을 크게 분류하자면 프론트-엔드 개발자, 그리고 백-엔드 개발자. 이렇게 나뉘기도 한다. 명확한 구분도 기준도 없으니 부르는 곳 마다 명칭도 다르고 당연히 혼란이 올 수 밖에 없다. 퍼블리셔라는 이름은 한국에서만 통하는 명칭이다. 사실 굉장히 의견이 분분하고 혼란스러운 것은 최근 떠오르는 프론트 엔드 개발자의 경계다. 이 프론트-엔드라는 것은 어디서 어디까지라고 선을 그어야 할까? 많은 사람들이 의견을 내고 있지만 명확하게 정해진 것은 없다. Front-End 너희집은 어디니? 사실 프론트 엔드와 백엔드를 나누는 것은 쉽다. ..
매번 방문할때마다 느끼는 거지만 네이버 D2 Hello world는 정말 좋은 곳 인것 같습니다. 평소에 별 의미를 느끼지 못하고 사용하던 것들이 알고보면 매우 복잡하고 다양한 로직을 수행하고 있더랍니다. 오늘도 후진 개발자를 위해서 지식을 나누어 주신 분들께 감사를 표하며 글을 읽습니다. 전문출처 - 손찬욱 | 네이버AU개발랩 ( http://d2.naver.com/helloworld/0265052 ) 웹 개발에서 가장 많이 사용하는 JavaScript 프레임워크는 단연 jQuery일 것입니다. 2006년 6월 30일 존 레식(John Resig)이 jQuery 1.0a를 공개한 이후 jQuery는 꾸준히 발전해 지금은 업계의 현실적인 표준이라고 말해도 손색이 없을 만큼 성장했습니다. jQuery는 D..
모던 벡터 UI 아이콘 팩 앱용 아이콘이지만 svg를 호환하므로 웹에서도 사용에 무리가 없을 듯 합니다. 영리목적으로도 이용 가능 합니다. 하지만 정확하게는 아래를 읽어보는것이 좋겠죠? ㅎㅎ CC BY-ND 3.0 Modern UI Icons 약 1290개로 상당히 많은 종류의 아이콘들이 있습니다. 게다가 벡터를 지원하네요. 상업적으로 이용하는데도 무리가 없습니다. 웹폰트로도 제공을 해주는군요. 아이콘들이 상당히 깔끔하고 예쁩니다. 개인적으론 만족하네요. Font Awesome도 자주 사용하지만 이것도 앞으로 사용빈도가 높아질것 같네요. ㅎㅎ 제작자 분들께 언제나 감사합니다.
네이버 D2 페이지의 글을 퍼옵니다. 기본적인 하드웨어 스펙이 나날이 발전하는 요즘, 하드웨어 가속은 굉장히 좋은 스킬입니다. 전문출처 - 박재성 | 네이버AU개발랩 ( http://d2.naver.com/helloworld/3618177 ) 하드웨어 가속에 대한 이해와 적용2015.08.20|11514전통적으로 브라우저는 웹 페이지 콘텐츠의 렌더링을 대부분 CPU에 의존했습니다. 하지만 최근에는 휴대용 기기에도 GPU(graphics processing unit)가 기본으로 포함되고 비디오나 3D 그래픽과 같은 콘텐츠의 사용이 늘면서 GPU를 활용해 웹 페이지의 콘텐츠를 렌더링하는 방법을 고민하게 됐습니다. GPU를 렌더링에 활용하는 하드웨어 가속을 사용하면 성능 향상이라는 이점을 얻을 수 있지만 무분..
기본적인 내용 정렬가운데 정렬을 알아보기 앞서, 가장 간단한 정렬방법을 알아봅니다.내용 가로 정렬내용을 같은 종결 블록 요소의 왼쪽, 중앙, 오른쪽, 양쪽에 정렬한다.CSS.align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } 내용이 든 종결 블록 요소에만 적용된다.인라인 요소에 적용되지 않으며, 구조 블록 요소에는 제대로 적용되지 않는다.구조 블록 요소에 text-align 속성을 지정하면 그 속성값은 자식 요소로 상속된다.내용 세로 정렬인라인 요소를 부모 요소의 네 폰트라인 중 하나에 맞추려면 ..
오늘의 CSS! 를 쓰면서 버튼이 싫으신 분들은 그동안 고통스러우셨을꺼라고 생각합니다..(아닐수도 있습니다 ㅎㅎ) 저 버튼을 없애버리는 css를 들고 왔습니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } css에 이렇게 적어주시면 이렇게! ㅎㅎ 깔끔하게 됩니다.
와 굉장하네요.. 이런 방법이 있었을 줄은... 이제 더이상 inline-block의 공백때문에 속이 터지지 맙시당.. ㅎㅎ 출처 링크 I've seen this come up a couple of times lately on Twitter and then an interesting Dabblet so I figured it would be an important thing to document. Here's the deal: a series of inline-blockelements formatted like you normally format HTML will have spaces in between them. In other words: One Two Three nav a { display: inl..
지난 포스팅엔 a태그 까지 작성을 했었네요. 오늘은 이어서 관련 태그들을 포스팅 하도록 하겠습니다. 이미지 태그 이미지 태그 사용법 입니다. 1. 경로 절대경로 절대 경로는 이름 그대로 변하지 않는 절대적인 경로 입니다. 이것은 a 태그 경로와도 똑같은데요. 이렇게 사용하는 것이죠. 이 경로는 불변이기 때문에 작성되고 있는 페이지가 어디로 이동이 되든지 링크가 변할 일은 없습니다. 상대경로 상대경로는 조금 이해가 필요한데요. 실제 링크가 사용되어지고 있는 위치에 따라 변하게됩니다. 이렇습니다. 좀 더 간단하죠? 이 경로에 대해 설명을 드리자면.. 현재 이 링크가 작성되고 있는 페이지에서 "../"를 이용해 상위 폴더로 나온다음 "/images"를 이용해 images폴더로 들어갑니다. 그리고 그 안쪽에 있..