유틸리티, 정보 134

유용하고 자주쓰이는 스타일시트(css) 속성 정리

나는 전문가가 아니라서 어쩌다 한번씩 홈페이지를 수정하려면 막상 단어나 구문이 생각이 안나서 매번 검색을 하거나 다른 스타일시트를열고 찾아보는 과정을 여지껏 반복했는데 이참에 생각난김에 한군데에 정리해놓고 써야지.왜 진작 이렇게 하지 않았을까. 그런데 웃기는게 막상 할일을 다 끝내놓고 정리를 하려다보니까머릿속에 다 입력이 되버린것같다. *아래 쓰여진 부분 이외에도 더 자세한 속성값들이 있으나 나는 딱히 그렇게까지 자세하게 알지 않아도 되는 사람이므로 패스. 궁금하신분들은 구글님께 문의하시고*일반 사용자들은 이정도만 이해해도 충분할것으로 생각함* 간단하게 설명은 굳이 해두었지만 개인적으로 편하게 쓰려고 정리해두는거라 타인이 보기엔 불편할수 있음. ---------------------------------..

웹디자인과 앱디자인을 위한 플랫 아이콘, 소셜 템플릿 PSD파일 FLAT ICON SET

Image By:40 Free Flat Icons from 365psd.com From:Odin - Freebie iOS Icon Pack from 365PSD.com Author:Chic Female Icons 36 from 365psd.com Source:Small Icons from 365PSD.com Image By:Social Icons from 365psd.com From:5 O'clock Shades Icon Set from 365psd.com From:Mini Glyph Icons from 365PSD.com Credit:Social Media Icons from 365psd.com Author:Simple Line Icons Set Vol.1 from 365PSD.com Author:Th..

SK브로드밴드 IPTV USB로 영화 컨텐츠 보는법

다른 통신사 셋톱박스에도 아마 있을거라 생각하지만예전부터 이게 왜있나 궁금하기만 했지 TV를 안보니까 신경을 안썼는데최근에 대형TV가 생겨서 혹시 TV로 USB를 이용해 영화를 볼수있나 싶어서 찾아보니 되더군요. 이용방법은 다음과 같습니다. 1. 리모콘의 홈버튼이나 메뉴를 눌러서 마이컨텐츠 항목으로 들어갑니다. 2. 나중에 셋톱박스 프로그램이 업데이트 되어 변경될수도 있으니TV앱 - 마이컨텐츠 항목만 찾으면 된다고 생각하시면 됩니다. 들어가면 이렇게 연결된 PC나 USB컨텐츠를 검색하여 윈도우 탐색기같은 화면이 보이며 정상적으로 연결된 USB안의 컨텐츠를 실행하실 수 있습니다. 일단 여러가지를 테스트해보진 않았지만 파일실행이 조금 제한적이라고 하더군요.AVI위주의 파일만 실행된다는 말이 있고다른 특정 포..

고급스러운 디자인을 위한 윈도우, 버튼 템플릿 FLAT PSD 16종 모음

File By:Big Green Button (PSD) from 365psd.com Graphic By:Off Button from 365PSD.com From:Branding / Identity MockUp Vol.4 from 365psd.com Graphic By:Cute Child Element Vector 3 from 365PSD.com Source:Clean Sign Up Form from 365PSD.com Author:Clean & Usable UI Kit from 365PSD.com Author:Paper Stack Login Form from 365PSD.com Vcard PSD from 365PSD.com From:Flattastic Flat User Interface Kit PSD f..

웹디자인을 위한 빈티지 페이퍼, 구겨진종이 템플릿 180여개

다양한 활용이 가능한 빈티지한 디자인의 종이, 페이퍼 이미지들로 개성있는 웹페이지를 만들어보세요. Grunge Crinkled Paper Download Vintage Paper Texture Pack Download Speckled Grunge Paper Download Plain Yellow Paper Download Destroyed Lined Paper Download Paper Texture Download Yellow Paper Texture Paper Collage Download Old Page Texture 4 High Resolution Old Paper Textures Download Vintage Paper Download Old Ripped Vintage Paper Download..

반응형 웹페이지로 디자인하는 간단한 팁

width: 100%; max-width:1000px; min-width:450px; 반응형 웹페이지라는게 브라우저의 크기에 따라 자동적으로 컨텐츠 크기가 변형하여 브라우저 밖으로 넘어가지 않는것을 말하는데.별다른것 없이 이런식으로 사이즈를 지정하기만 하면 된다. width: 100%; 이렇게 원하는 사이즈를 %로 지정을 해준뒤에max-width: 를 px로 지정하여 컨텐츠의 최대크기를 지정min-width: 로 최소사이즈를 지정하는것이다. 사실 그냥 width사이즈를 퍼센트로만 지정해줘도 되는것이긴 하지만max 사이즈와 min 사이즈를 고정하여 내가 표현하고자하는 적절한 디자인크기를 벗어나지 않게하는것.min 사이즈도 패스해도 되긴하나 이부분을 지정하지않으면 필요이상으로 브라우저를 축소할경우가로로 늘어..

웹에서 간단하게 이미지를 아이콘으로 ico 파일로 만들기

역시나 이번에도 거창하게 쓰잘데기없는 스샷 줄줄이 늘어놓고 설명할것도 없습니다. 그냥 사이트링크를 클릭해서 접속하신 뒤에저기 보이시는 click to browse 박스부분에다가 원하는 이미지를 드래그해서 넣으면아래처럼 다양한 사이즈의 샘플이 준비되고 그 윗부분에 ICO ICNS PNG 이중에 원하는 포맷을 클릭한 뒤아래 이미지를 클릭하면 다운됩니다. 쉽지요? https://iconverticons.com/online/

포토샵으로 그라데이션 밴딩(gradient banding) 을 제거하자.

번역된 내용이므로 글이 매끄럽지 못합니다.원문을 확인하시는것이 좋을 수 있습니다.문제두 개 이상의 색이 포함 된 그라데이션을 적용하면 아래 그림에서 볼 수 있듯이, 발생 '그라데이션 밴딩'을 볼 수 있습니다.수정이 문제는 확실히 실망하고보기 위하여으로 불쾌하지만, 당신이 당신의 그라데이션을 부드럽게하기 위해 할 수있는 몇 가지가있다.포토샵 CS6 : 디더링때 포토샵 CS6가 출시 된, 더 큰 기능과 함께, 어도비는 JDI의 사용자에게 더 나은 설계 경험을 제공하기 위해 많은 작은 포함되어 있습니다. 이러한 기능의 일단 "을 디더 그라디언트 도구를 사용하는 경우, 또는 그라디언트 오버레이 레이어 스타일을 추가 할 때 찾을 수있는".당신은 지금 그라데이션을 만들 때 디더링이 ON 확인, 포토샵은 더 부드럽게..

하드디스크 기판 수리 교체

생각을 못해서 사진을 안찍어놔서 가장 비슷한 모델사진을 구해다가 올렸는데. 하드디스크가 이상하게 부팅은 잘되고 인식도 잘되는데 갑자기 렉이 걸리면서 모든 탐색기같은 관련 프로그램들이 먹통이 됩니다.재부팅을 해도 증상은 똑같으며 한번 증상이 생기면 하드디스크오류로 부팅도 수분~수십분이 걸리곤 합니다.희한하게 케이블을 제거후 바로 다시 꽂고 사용하면 또 한동안 잘되다가 증상은 반복이 됩니다. 이걸 버릴수도 없고 as기간은 지났고 어쩌나 2테라짜리 하드라 너무 아까운데그래서 까보려고 했지요.사실 까봐도 내가 할수있는게 없을거란건 알지만 혹시라도 그 구조에 뭔가 이물이나 단선등으로인한 작은 문제라면 어쩌면 해결을 할수도 있지 않을까 해서그냥 막무가내로 까보려는데본체 판은 본드로 붙어있는건지 일반적인 분해가 안되..