본문 바로가기

전체 글481

css 마우스 오버 버튼 효과들 See the Pen Untitled by 진격의 IT (@zsrcvkwa-the-animator) on CodePen. 2022. 10. 11.
CSS 따라다니는 배너 만들기 위 소스는 우측 상단쯤에 항상 따라다니는 배너를 만드는 소스입니다. 홈페이지 제작할때 엄청 많이 사용하곤 하는데 항상 소스를 찾아서 하다가 걍 이곳에 뒀다가 쓰려고 이렇게 블로그에 남깁니다. ㅎㅎ;; 필요하신분들 가져가서 사용하시길요!~ 2022. 10. 7.
CSS, JS 등 소스를 정렬해주는 사이트 HTML, CSS 소스 깔끔하게 정렬해주는 사이트 https://tools.arantius.com/tabifier Tools - Tabifier (HTML and CSS code beautifier) - arantius.com Tabifier The tabifier is a tool to properly indent computer code. The style it produces is a mix of my personal preferences for indentation plus what I could manage to make a program produce from dirty source. The tabifier currently supports CSS, HTML, and tools.arantius.. 2022. 10. 6.
CSS 마우스 오버 이미지 확대 Hover Effect 2022. 10. 5.
Bootstrap3 , Bootstrap4 , Bootstrap5 차이점 항상 궁금했었는데 이제 진지하게 찾아봤습니다. 부트스트랩이란? "Bootstrap은 웹 디자인 및 UI 개발을 위한 HTML5 기반 Mobile First Front-End Framework입니다. 부트스트랩은 HTML , CSS 및 Javascript 를 사용하며, 부트스트랩은 2011년 8월 Twitter 개발자 에 의해 개발되었습니다 . 오픈 소스 이며 사용하기 쉽습니다."라고 하는데... 쉽기도 어렵기도 한거 같은데... 반응형 홈페이지 제작에 많이 사용되고 있는 툴입니다. 이글을 읽고 계신다면 대부분 부트스트랩에 대해서 아실텐데 그래도 모르는 분들을 위해 아주 약간 설명하면 PC, 태블릿, 모바일 등등 화면 사이즈가 각자 개성이 있죠. 언놈은 크고 언놈은 작고... 그래서 이걸 화면에 맞게 CS.. 2022. 9. 29.
화장실, 주방 하수구덮개로 냄새를 잡았네요! 안녕하세요. 오랜만에 제품관련 리뷰를 써보네요. 소개할 제품은 내돈내산 하수구덮개입니다. ​ 사실 화장실이나 주방에서 올라오는 하수구 냄새 많이들 겪을듯 생각됩니다. 저희도 주방이나 화장실에서 좋지않은 하수구 냄새가 많이 올라옵니다. 그런데 한번도 저 냄새를 어떻게 해야하나 진지하게 고민해본적이 없었는데 인터넷을 돌아다니다 우연히 이 제품을 보게되었습니다. ​ 화장실덮개의 모습은 단순합니다. 재질은 고무인듯 보이고 모서리가 둥근 사각형 모양입니다. 아래 사진은 뒷면의 모습인데 뭐랄까.... 이미지에서는 느껴지지 않는데 직접 만져보면 찰싹 달라붙는 느낌의 촉감입니다. 중요한것은 제품의 기능이 아닐까 하는데 위에서도 설명했듯이 저희 집이 조금 오래된 아파트라서 화장실 하수구 냄새가 좀 올라옵니다. 화장실덮개.. 2021. 4. 27.
청주 홈페이지제작 (주)이씨온플러스 이번 포스팅은 저희 피플홈에서 기존에 제작했었는데 다시 리뉴얼을 한 홈페이지 입니다. ​ (주)이씨온플러스는 기업행사, 문화행사, 기념행사, 학교행사, 체육대회 등 이벤트 전문 주식회사 입니다. ​ 사이트 주소는 http://econplus.co.kr/ 홈페이지의 특이점은 스크롤형식의 홈페이지 입니다. 스크롤형식이란 메뉴를 클릭하게 되면 해당 내용으로 한페이지 내에서 이동하는 형식입니다. ​ 하지만 위 홈페이지는 페이지 이동 과 스크롤 형식이 혼합된 홈페이지 입니다. 포트폴리오의 경우 더보기라는 버튼을 두어 페이지를 이동하게 됩니다. ​ 아래 이미지처럼 포트폴리오 페이지를 따로두고 관리자페이지에서 등록하는 방식의 홈페이지 입니다. 그리고 반응형 홈페이지 입니다. 반응형이란 모바일, 태블릿, PC 등의 기.. 2021. 4. 20.
부트스트랩에 대해서 안녕하세요! 오늘은 반응형 홈페이지를 제작하기 위해서 부트스트랩에 대해 먼저 알아보겠습니다. 부트스트랩의 등장 이유는 개발이 진행될 때 개발자의 취향에 따라 도구도 다르고 자신만의 라이브러리를 사용하기도 해서 개발을 시작할 때 미리 어느 정도의 표준을 정해서 진행하는 경우가 많이 있습니다. 그러나 이런 작업이 진행되지 않은 경우 각 개발자의 소스코드 작성 형태 등이 제각각이기 때문에 디자인까지 달라질 수 있죠. 이런 경우 심지어는 다시 작업에 들어가기도 합니다. 트위터의 개발자인 마크 오토(Mark Otto)와 제이콥 쏜튼(Jacob Thornton)은 이러한 다른 생각과 환경에서 오는 여러가지 어려운 점을 개선하기 위해서 정형화된 인터페이스를 만들었습니다. 처음에는 주말과 가외 시간을 이용해서 1년동안.. 2017. 5. 19.
반응형 홈페이지란? 안녕하세요! 반응형 홈페이지 제작관련 블로그를 발행해보려 메뉴를 하나 만들었습니다. 저는 지금 홈페이지 제작 사업을 하고 있습니다. 사실 홈페이지 제작사업 홍보를 목적으로 블로그 포스팅을 하는것은 아니지만 조금이라도 도움이 되었으면 하는 바램은 있습니다 ^^;; 요즘 홈페이지 만들어지는것을 보면 보통 반응형 홈페이지로 제작을 많이 진행하고 있습니다. 업체를 방문해보면 사실 반응형 홈페이지에 대해서 모르시는 분들이 대부분입니다. 그래서 항상 아래 내용들을 설명드리고 있습니다. 반응형 홈페이지란 쉽게 설명드리면 해상도 즉 PC, 태블릿, 모바일 마다 화면의 크기가 틀린데 어떤 기기의 화면에 따라 자동으로 반응하여 사이즈를 조절해주는 홈페이지를 말합니다. 아래 이미지를 보시면 더 이해가 될것입니다. 위 이미지.. 2017. 5. 18.
php summernote 에디터 설치 오랜만에 프로그램에 대해서 포스팅 하네요. 시간이 여유가 있으니 이제 슬슬 포스팅을 다시 시작을 해볼까 합니다. ㅎㅎ;; 이번 포스팅 내용은 SUMMERNOTE 입니다. 반응형 웹에서 사용하는 에디터 입니다. 우리나라 개발자가 만들었다고 하니 왠지 더 정감이 갑니다. 그리고 굉장히 깔끔하게 잘 만들었다고 생각합니다. 요즘 반응형 웹이 대세인데 딱 맞는 에디터가 이렇게 존재하고 있다니 그것도 우리나라 개발자들이 모여서 만든 솔루션이니 정말 대단하다 생각합니다. 설치가 잘 안되어서 1~2일 고생했네요. 이 고생을 다른 누군가 또 반복하지 않게 하기위해 이렇게 내용을 씁니다. 설치 방법은 우선 SUMMERNOTE 홈페이지 http://summernote.org/ 에서 프로그램을 다운받으면 됩니다. summer.. 2016. 7. 22.
[서평] 티모스 실종 사건 또 한번 이렇게 오랜만에 글을 씁니다. 사실 사람이 게을러지면 끝도없이 게을러 지는것을 느낍니다. 게을러지니 운동도 안하게 되고 만사가 귀찮고.... ㅎㅎㅎ;; 이제 다시 마음을 다잡아야 겠습니다. 그래서 이렇게 다시 서평을 한번 써봅니다. 이번에 읽은 책은 우종민 지음의 "티모스 실종 사건" 입니다. 이 책의 작가(우종민)는 인제대학교 서울백병원 정신건강의학과 교수이며, 서울대 의과대학을 졸업하였고, 미국 존스홉킨수대학교 보건대학원에서 보건학석사를 취득했습니다. 그리고 현재 직장인의 마음을 가장 잘 이해하는 정신과 의사 "리더들의 심리주치의"로 불린다고 합니다. 아래 줄거리를 이야기 하겠지만 작가께서 직접 겪은 경험담을 이야기 하는게 아닌가 싶기도 합니다. 제목이 티모스 실종 사건인데 책에서 말하길 티.. 2015. 3. 9.
[서평] 나는 서른에 비로소 홀로 섰다 정말인지 오랜만에 블로깅을 합니다. 3개월만에 포스팅을... 내 자신이 무심한 생각까지 든다는... 2015년 부터는 마음을 가다듬고 다시 블로깅을 열심히 해야할듯...파이팅!! 어쨋든 오늘 블로깅의 주제는 책!!! 책의 제목은 글제목에서도 나와있듯이 "나는 서른에 비로소 홀로 섰다" 입니다. 처음 책의 제목을 보았을때 언뜻 들었던 생각은 30에 무언가를 해야하는건가 라는 생각이 들었는데, 책을 계속 읽다보니 그 내용이 아닌것을 알았습니다. 이 책의 글쓴이는 고전 연구가 조광수님 입니다. 굳이 모든 경력을 다 나열하진 않겠지만 공자에 대한 철학이 깊은 분인듯합니다. 책을 읽어보면 알겠지만 대부분의 내용이 공자의 30대에 대한 내용으로 구성되어 있습니다. 그리고 공자에 대한 이야기와 현실에 대한 이야기를 .. 2015. 1. 13.
자전거 깔 맞춤 블루투스 스피커!!! 오랜만에 또 이렇게 블로깅을 합니다. 요즘은 물리적으로 바쁜건 그다지 없는거 같은데 심(心)적으로 왜이리 여유가 없는지.... 이번에 블로깅할 내용은 정말 괜찮은 녀석이 있어서 소개할까 합니다. 저는 주말에 시간이 되면 항상 자전거를 즐겨 탑니다. 그리고 자전거를 타면서 항상 라디오를 듣습니다. 별도의 라디오는 들고 다니지 않기 때문에 스마트폰을 통해서 라디오를 듣습니다. 라디오를 들을때마다 항상 느끼는것이 있습니다. 소리가 작아서 잘 들리지 않는다는 점이죠. 그런데 이번에 가격도 저렴하고 사이즈도 괜찮은 블루투스 스피커를 만났습니다. 이름하여 JD-X1 블루투스 스피커 입니다. 생긴건 아래와 같습니다. 이녀석의 가격은 만육천원대에 형성되어 있습니다. 하이킹을 즐기는 분들께 정말 추천해드리고 싶은 녀석입.. 2014. 10. 4.
[서평] 블루 먼데이 알코올 또 이렇게 오랜만에 블로깅을 합니다. 늘 그랬지만 오랜만에 블로그를 쓰면 제가 만든 이 블로그에 왠지 미안한 마음이 듭니다. 최소한 일주일에 두 개씩은 해야 되는데 말이죠... 이번에도 서평 블로그 입니다. 한결 작가의 장편소설 "블루 먼데이 알코올"인데 줄여서 블먼알이라 칭하겠습니다. 전반적인 이야기의 흐름은 서울 마포 와우산로에서 헌책방, 부동산, 수족관 등 다양한 분야의 자영업자들이 월요일마다 가벼운 음주모임등을 가지며, 하루하루 살아가는 모습을 그려낸 소설입니다. 책을 다 읽고 잔잔한 감동과 행복한 여운이 남습니다. 간략하게 책의 내용을 소개해 보겠습니다. ​ ​ 목차는 위와 같은데 모두 설명은 하지 않겠습니다. "우선 마크툽이라는 헌책방에서 일하는 미자를 중심으로 이야기는 전개됩니다. 미자는 알.. 2014. 9. 13.
[서평] 불타는 투혼 이번에 읽은 책은 이나모리 가즈오라는 일본의 교세라 창립자인 인물입니다. 사실 교세라라는 기업이 책을 읽기전까지 그렇게 대단한 기업인지는 몰랐습니다. 물론 이나모리 가느오 라는 인물도 몰랐구요. 그런데 이 책을 읽다 보니 일본과 전 세계에서 알아주는 기업이더군요. 세라믹에 대해선 전 세계에서 가장 유명한 업체라 볼 수 있겠네요. 일본에서 가장 존경받는 경영자 중 한 사람이며, 파나소닉, 혼다 와 더불어 일본의 3대 기업가에 손 꼽히는 인물이라 합니다. 위에서 이야기한 3대 기업가라는 사람들은 공통점이 있습니다. 스스로 창업해서 세계 굴지의 기업이 되었다는 것이죠. 혼다의 소이치로라는 회장은 자동차 수리공장의 경영자로 출발했고, 교세라의 이나모리 가즈오는 돈이 조금 많았는지 28명의 직원을 데리고 창업을 .. 2014. 8. 8.
[서평] 폰더 씨의 위대한 하루 아이들도 방학에 여름휴가에 기타 여러가지 상황때문에 책을 읽는 시간은 잠들기전 한 시간 정도입니다. 대부분의 아빠들이 그렇듯이 주말엔 또 아이들과 추억을 만들기 위해서 열심히 밖을 돌아다녀야 되지요. 그래서 도서관에 갈 시간도 사실 별로 없습니다. 그래도 한달에 최소한 책을 2권은 읽어야 한다는 저 자신과의 약속이 있기 때문인지는 몰라도 여기 저기서 책을 구할 수 있습니다. 이번에 읽은 책은 저의 본집에 갔다가 동생방에서 우연히 발견한 책입니다. 약 10여년 전에 나왔던 아주 유명한 베스트셀러입니다. 10여년전엔 제가 책을 그다지 많이 보지않던 시기이기에 베스트셀러든 뭐든 거의 책을 읽지 않았습니다. ㅎㅎ; 어쨋든!!!! 이번에 읽은 "폰더 씨의 위대한 하루" 라는 책은 자는 시간까지 줄여가며, 2일만에.. 2014. 7. 27.
신문별 사설 링크 모음 한겨레신문 http://www.hani.co.kr/kisa/section-008001000/home01.html 국민일보 http://news.kmib.co.kr/article/list.asp?sid1=opi 경향신문 http://news.khan.co.kr/kh_news/khan_art_list.html?code=990101 조선일보 http://news.chosun.com/svc/list_in/list.html?catid=617 노컷뉴스 http://www.nocutnews.co.kr/news/?c1=282 중앙일보 http://article.joinsmsn.com/news/list/list.asp?mc=2000001 프레시안 http://www.pressian.com/news/opinion.html.. 2014. 7. 15.
[서평] 어떻게 의욕을 끌어낼 것인가 오랜만에 또 이렇게 블로깅을 합니다. 블로그 관리를 좀더 열심히 해야 하는데 이렇게 소흘하게 관리해서 개인적으로 제 자신이 안타깝네요 ^^; 어쨋든 서평 관련해서 블로깅을 하나 할까 합니다. 이번에 읽은 책은 동기부여 관련된 책인데 요즘처럼 지친 저에게 꼭 필요한 책이 아닐까 생각합니다. 그런데 이 책은 약간 과학적인 분석을 토대로 동기부여를 일으키려 노력을 많이 한것 같습니다. 저자들은 그동안의 연구를 토대로 사람의 성향을 두 분류로 나눕니다. 성취시향과 안정지향으로 말이죠. 그리고 나의 성향 또는 지인, 직장동료 등 성취지향적인 사람들은 어떻게 대하고 안정지향적인 사람들은 어떻게 대하는지 세부적으로 분석을 해놓았습니다. 그리고 어떻게 하면 의욕을 끌어낼 것인지에 대해서 설명합니다. 위 저자들의 경력을.. 2014. 6. 20.
[서평] 문어별 아이 료마의 시간 이번에 읽은 "책은 문어별아이 료마의 시간" 이라는 책입니다. 아마도 자식을 둔 부모라면 꼭 한번 읽어볼 책이라 할 수 있겠습니다. 그리고 힐링에세이로 정말 좋은 책입니다. 책의 전반적인 내용은 모두 실화로 이루어져 있으며, 자폐증에 걸린 아이 료마의 커가는 모습과 힘들지만 긍정적인 마음을 가지고 열심히 아이를 응원하고 용기를 북돋아주는 아빠이자 작가인 신보 히로시가 틈틈히 자신의 홈페이지에 글을 올린 내용을 정리하여 약 20여년 료마의 성장과정을 나타낸 작품입니다. 사실 저도 두 아이를 키우고 있는 아빠이지만 아이를 키운다는게 얼마나 어려운건지 잘 알고 있습니다. 그런데 자폐증을 가진 아이를 키운다는것은 글로 표현하기 어려울 정도로 힘들거라 생각합니다. 그럼에도 불구하고 열심히 아이를 돌보는 아빠의 모.. 2014. 5. 7.
[서평] 마음세탁소(하루 20분 내 마음때 씻어내기) 요즘 가장 큰 이슈는 다름아닌 세월호 침몰 사건입니다. 수 많은 학생들이 배와함께 가라앉고 말았고 아직도 많은 잠수부들께서 실종된 사람들을 찾기 위해 물에 뛰어들고 ​있습니다. 그리고 대한민국 정부의 무능한 대처, 자기들만 먼저 살겠다고 남아있는 수 백명의 사람들을 뒤로한채 빠져나온 선장 및 선원들, 또 그 회사의 사장, 회장들, 아이 및 소중한 가족을 잃은 분들을 홍보용으로 하려는 사람들 등 이러한 모습을 보면서 현재 우리나라는 사상 최대의 우울증에 빠져 있지 않나 생각해 봅니다. 비단 저만 그렇게 생각하는것이 아닐거라 생각하는데 이러한 우울한 마음을 달래기 위해 많은 것들이 있습니다. 저는 그 중에서 책을 선택했습니다. 책의 제목은 "마음세탁소" 입니다. 마음을 세탁한다? 개인적으로 제목을 참 잘 지.. 2014. 4. 25.
[서평] 난쟁이 피터(인생을 바꾸는 목적의 힘) 안녕하세요!! 또 이렇게 오랜만에 서평을 남깁니다. 사실상 지금 서평을 남기려는 이책 "난쟁이 피터" 는 책을 받자마자 이번주 월요일 저녁을 먹고 소화좀 시키고 8시 30분 부터 읽기 시작하여 12시 30분에 책한권을 다 읽었습니다. 그만큼 몰입을 하게 만드는 책이라 생각합니다. 255page 이고 책속에 그림도 조금 들어있기는 하지만 이렇게 하루에 책한권을 그것도 저녁에 읽기 시작하여 잠들기전까지 다읽은 책은 이번책이 평생 처음이네요. 난쟁이 피터라는 책을 쓴 작가는 우리에게 "마시멜로 이야기"로 세상에 널​리 알려진 베스트셀러 작가 "호​아킴 데 포사다" 의 최신작입니다. 역시 명성에 걸맞게 이번 책도 잘 쓰신듯 합니다. 마시멜로 이야기도 정말 재미있게 잘 읽었었는데 마침 또 난쟁이 피터를 읽게 되네.. 2014. 3. 28.

티스토리툴바