전체 글336 특정 UI 효과 구현하기 (소스 코드, 튜토리얼 사이트) 웹이나 앱에서 UI 효과를 구현하려면, 기본적으로 HTML과 CSS, JS를 어느 정도는 알아야 합니다. 그러고 나서 구체적인 UI 효과들이 어떻게 작동하는지 소스코드를 참고하면 좋습니다. 이 글에서는 제가 특정 UI 효과를 구현할때 자주 참고하는 사이트는 코드롭스, 코드펜을 소개하겠습니다. 1. 코드롭스 코드롭스는 CSS, JS로 할 수 있는 모든 효과들을 배울 수 있는 사이트입니다. 원하는 효과를 검색하면 직접 실행해볼 수 있고, 튜토리얼로 설명된 글과 소스까지 얻을 수 있습니다. 코드롭스(페이드인아웃 반응형 소스) 코드롭스(3D로 클릭하면 물리력 행사 박스) 코드롭스(버튼 호버 효과들) 코드롭스(밑줄 효과들) 코드롭스(자석같이 붙는 버튼) 코드롭스(피아노) 코드롭스(3D로 구성된 쇼핑몰 맵) 코드롭.. 2021. 12. 26. 인터렉티브한 웹사이트를 만드는 방법, 참고할만한 사이트 인터렉티브한 웹사이트를 모아봤습니다! 버튼을 누르거나, 마우스를 드래그 또는 스크롤했을때 어떤 반응이 나타나는 것을 좋아하시나요? 대화형 UI는 사이트의 참여도를 높이는데에 아주 효과적이고, 게임을 만들 수도 있습니다. 참고할만한 사이트 목록을 확인하고 영감을 얻어보세요. 누르면 반응하는 것들을 좋아하시나요? 저는 좋아합니다. 인터렉티브한 웹사이트를 만드려고 할 때 알아두면 좋을 사이트들을 정리해보았습니다. 인터렉티브한 웹사이트를 만드는 방법 1. 인터렉션 관련 소스, 플랫폼 깃허브를 통해 소스를 분석할 수도 있지만, 여러가지 실험들을 보면서 프로젝트 아이디어를 생각하기에도 좋습니다! Chrome 실험(크롬에서 할수있는 여러 시청각적 실험) 구글크리에이티브랩_깃허브 구글크리에이티브랩_텍스트를 음성으로 변.. 2021. 12. 24. 웹&앱 서비스 기획 커뮤니티와 공부 참고, 도구 목록 웹&앱 등의 서비스를 기획 커뮤니티와 공부할 때 참고가 되는 사이트, 도구 등을 정리해보았습니다. 어떤 일이든 인터넷에서 자료를 찾지 못하는 분야는 드문데요. 기획은 정답이 없는 분야 중의 하나이기 때문에, 그만큼 많은 것을 보고 느끼고 생각을 나누는 것이 중요하다고 생각합니다. 따라서 제가 기획을 공부할 때 알아보았던 사이트들을 소개합니다. 기획을 공부하시거나 기획 관련 직무를 하실때 참고하셔서, 이 글이 도움이되었으면 합니다! 웹&앱 서비스 기획 커뮤니티 웹만사. www를 만드는 사람들(네이버 카페) 기마사. 기획과 마케팅을 하는 사람들(네이버 카페) 웹/모바일 기획자 그룹(페이스북 그룹) 힙한 서비스들의 비밀(페이스북 그룹) 기획 공부에 참고하면 좋은 블로그&사이트 노노니(웹만사 운영진 블로그) I.. 2021. 12. 24. 메타마스크 지갑 설치! 5분안에 PC와 모바일 모두 깔기(+동기화 안되는 이유) 메타마스크 설치를 시작으로, 메타마스크 사용법을 안내해드리려고 합니다. 이 글에서는 데스크탑과 모바일에 메타마스크를 간단하게 설치하는 방법을 소개하겠습니다. 더불어 PC와 모바일 앱의 동기화가 중단되었다는 소식도 안내해드립니다. 메타마스크는 이더리움 및 기타 ERC-20 토큰을 저장하는 인기 있는 크롬 확장 프로그램입니다. 각종 P2E게임이나 NFT거래를 할 때 필수적인 프로그램이죠. 자 그럼 지금부터 메타마스크를 설치해보겠습니다. 먼저 PC부터 해볼게요. 메타마스크 설치 PC에 하는 방법 1. 메타마스크 크롬에 추가하기 새 메타마스크 지갑을 만들려면 확장 프로그램을 설치해야 합니다. 브라우저에 따라 마켓플레이스에서 메타마스크를 찾을 수 있습니다. 크롬, 파이어폭스, 오페라 등 대부분의 브라우저는 메타마.. 2021. 12. 23. 양평 쉐르빌 온천호텔 가족탕, 주변 가볼만한 곳과 맛집 정리! 서울 근교 가족탕 시리즈 4번째! 양평 쉐르빌 온천호텔 가족탕을 소개합니다. 도심을 떠나 한적한 호텔에서 여유롭게 온천을 즐기고 싶으신 분들에게 추천해드리는 곳입니다. 지난 글에서는 화성 율암 온천, 월문 온천과 이천 설봉온천을 소개해드렸었습니다. 3곳 모두 도시에서의 온천욕이라고 한다면 이번에는 도시를 떠나 한적한 느낌을 주는 온천을 소개해드리겠습니다. 쉐르빌 온천 관광호텔 소개 위치와 소요시간 주소 : 경기도 양평군 개군면 신내길 7번 길 37 서울시 관악구를 기준으로 1시간 16분(73km) 거리로, 서울과 가까운 서울 근교 온천 가족탕이 있는 호텔입니다. 양평 쉐르빌 특징 먼저 쉐르빌 온천수의 특징은 유황온천이라는 것입니다. 양평 쉐르빌 유황온천은 온천욕의 기본인 혈액순환은 물론 신경통, 당뇨, .. 2021. 12. 22. 보령 해저터널 개통! 통행료와 길이, 맛집 총정리 (서해안여행참고) 국내에서 가장 긴 해저터널, 보령 해저터널 개통! 터널 소개와 통행료, 터널 길이, 맛집 등을 정리해보았습니다. 해저터널을 이용하시면 대천항에서 안면도까지 기존 90분에서 10분으로 크게 단축되었으니 서해안 여행하실 때 참고하시면 좋겠습니다. 보령 해저터널 개통 개통일은 2021년 12월 1일이며, 현재 차량 통행이 이루어지고 있습니다. 국내에서 최장 길이를 자랑하는 해저터널이자, 세계에서는 5번째로 깁니다. 11년 만에 개통된 것입니다. 어떻게 연결되었나? 이제 대천항에서 원산도까지 터널로 주행할 수 있으며 원산도는 육지와 연결되었습니다. 이에 따라 서해안 관광객이 크게 늘어날 것으로 기대됩니다. 이달 개통한 해저터널은 파주에서 부산까지 이어지는 국도 77호선이 완성된 뜻깊은 터널이기도 합니다. 어떻게.. 2021. 12. 20. 스파이더맨 시리즈 순서, 간단 줄거리 요약! (스포없음) 스파이더맨 시리즈 순서와 간략한 줄거리를 정리해보았습니다. 스파이더맨 영화는 버전이 여러가지가 있습니다. 스파이더맨 영화를 처음 보시는 분들은 이 점을 알고 보시는 것이 헷갈리지 않으실 수 있습니다. 스파이더맨을 봤었던 분들도 기억을 되살릴 겸, 못 본 영화가 있는지 이번 기회에 한번 쭉 돌아보면 좋을 거예요. 스파이더맨 영화 시리즈는 크게 Sam Raimi 감독의 스파이더맨, Marc Webb 감독의 어메이징 스파이더맨으로 나눌 수 있습니다. 거기에 '어벤져스'에 등장한 스파이더맨과 존 와츠 감독의 스파이더맨 : 노웨이홈(2021)을 보시면 되겠습니다! ※ 애니메이션 스파이더맨은 영화와는 세계관이 다른 경우가 많기 때문에 이번 글에서는 소개하지 않겠습니다. 그럼 지금부터, 스파이더맨 시리즈 순서와 줄거.. 2021. 12. 19. 이천 설봉온천 가족탕 2인실, 4인실 소개(+ 쌀밥 맛집, 도예촌) 서울 근교 온천 가족탕 시리즈 3번째! 이번엔 이천 설봉온천 가족탕을 소개합니다. 목욕탕 같으면서도 프라이빗한 온천을 찾고 계신 분들은 주목해주세요~ 지난 글에서는 경기도 화성에 위치한 두 군데 온천단지(율암 온천, 월문 온천)와 가족탕을 소개해드렸었는데요. 오늘은 좀 더 본격적으로 목욕탕스러운(?) 서울 근교 가족탕을 소개해드리려고 합니다. 1. 이천 설봉온천랜드 소개 위치 이천 설봉온천(설봉온천랜드)은 경기도 이천시 안흥동 애련정로 67-16에 위치해 있습니다. 서울시 관악구를 기준으로 1시간(60km) 거리로 서울 근교 온천 여행으로 안성맞춤입니다. 이천 설봉온천의 특징 이천 설봉온천은 600년 전통을 가진 ‘약수 영천(온천)’입니다. 세종대왕님께서 가셨다는 기록이 있으며, 이천 9경 중 하나인 이.. 2021. 12. 19. 이전 1 ··· 33 34 35 36 37 38 39 ··· 42 다음
