CSS Mask 이용하기

CSS Mask 이용하기

스크롤을 내려 확인해보세요!페이지 링크 위 데모처럼 특정 오브젝트 뒤로 글자가 넘어가게 하고 싶을 때 쓸 수 있는 CSS의 마스크(mask)입니다.아이러니하게도 CSS보단 포토샵에 능해야 깔끔하게 만들 수 있긴 합니다. 포토샵 글자 아래에 표시될 부분만 선택해줍니다.글자 위에 표시될 부분을 선택하는 게 편하시면 그 부분을 선택하시고 우클릭 > 반전 선택하셔도 무관합니다. 우클릭 > 작업 패스 만들기 > 허용치 1픽셀위

200131 블로그 제작일지

200131 블로그 제작일지

1월 5일에 작성하고 한 번도 작성하질 않았네요…;;그동안 자잘하게 수정은 많았는데, 수정한 거 캡처한 폴더를 지워버리는 바람에…남은 거라곤 최근에 한 수정사항뿐입니다. 😥 404 페이지 등 이미지 수정 인덱스 페이지나 404 페이지 등에 있던 이미지들을 조금씩 수정했습니다. T 전화 휴대폰 색상 수정 T 전화 올릴 때 사용하는 휴대폰이 검은색이라 어두운 모드에선 보기 힘들던 문제가 있었습니다.이젠 어두운 모드에서

[우분투] 워드프레스 발송용 이메일 만들기

[우분투] 워드프레스 발송용 이메일 만들기

우분투에서 돌아가는 워드프레스에 발송용 메일 계정을 추가하는 방법입니다. postfix 설치 sudo apt-get update && sudo apt-get install postfix 업데이트를 진행한 후 postfix를 설치합니다. 설치 도중에 설정 창이 뜹니다. Internet Site를 선택해주세요. System mail name을 입력하라고 나옵니다.위 설명에 적혀있지만 root@example.com이 발신자 메일이라 치면, example.com을 입력하시면 됩니다. 전 no-reply@marshallku.com을 이용할 예정이기에, marshallku.com이라 작성했습니다. 위 과정이 모두 끝나면

[자바스크립트] 구구단 문제

[자바스크립트] 구구단 문제

자바스크립트 강의 볼만한 거 없나 싶어서 여기저기 기웃거리다 구구단 문제를 구현하는 강의가 있길래 재밌겠다 싶어서 만들어봤습니다. 한 5분 만에 써내려간 코드라 좀 허술합니다…HTML로 넘기기 귀찮아서 자바스크립트의 prompt()와 alert()를 이용했습니다만, 아주 못난 디자인이라 어지간하면 html로 넘기시는 걸 추천합니다.심지어 prompt()를 쓰다 보니 모바일에선 훨씬 문제 풀기 불리하더라고요.

디씨에 vlive 링크 넣기

디씨에 vlive 링크 넣기

V LIVE - 소이 브이앱이라 부르는 - 의 비디오 링크 구조는https://vlive.tv/video/(비디오 ID)이런 형식입니다. 디씨인사이드에선 video가 금칙어라, 위 링크를 첨부하면 https://vlive.tv//(비디오 ID)만 남게 됩니다.결과적으론 없는 링크가 되는 거죠. 그래서 vlive.gq란 무료 도메인을 받아, video란 단어 없는 링크를 첨부하면 V LIVE로 리다이렉트되는 사이트를 만들었습니다.https://vlive.gq/(비디오 ID)를 입력하면 https://vlive.tv/video/(비디오 ID)로 접속합니다. 예시) https://www.vlive.tv/video/5204 => https://vlive.gq/5204 <!doctype html> <html lang="ko">

200105 블로그 제작일지

200105 블로그 제작일지

이미지 뷰어 이미지를 클릭했을 때 새 창에서 열리지 않고 현재 페이지에서 새로운 레이어 위에 이미지가 표시되도록 변경했습니다. 확대 / 축소가 새 창에서 열릴 때 훨씬 편해서 어떤 방식을 써야 할지 고민입니다. 비디오 포스트 추가 이 포스트에 임시로 적용해뒀습니다. 문자 그대로 비디오 중심의 포스트를 작성할 때 쓸 수 있는 양식입니다. [임시]인 이유는, 모바일 기기에서 렉 /

웹 개발과 관련된 내용을 다룹니다.

GitHubLinkedInmarshall@kakao.com

Since

ⓒ 2024 Marshall K