profile
웹퍼블리셔

Laravel 스타일시트 캐시삭제

참고:https://www.nicesnippets.com/blog/laravel-get-current-timestamp-example

6일 전
·
0개의 댓글
·

css grid 이슈

https://dev.to/timhecker/grid-cell-issue-with-white-space-nowrap--text-overflow-ellipsis-52g6

2023년 5월 3일
·
0개의 댓글
·

url에 따라 인트로페이지 숨기기

/일때만 인트로페이지가 보이고,/현재 인트로페이지가 별도의 파일에 있는게 아니라 메인페이지파일인 index.html에 있고, z-index\`를 높여서 레이어팝업처럼 떠있는 상태.홈페이지에 처음 진입하면 fragment가 없어서 window.location.hash값이

2023년 4월 11일
·
0개의 댓글
·

반응형 css 폰트사이즈

2023년 4월 5일
·
0개의 댓글
·

svg 이미지 색을 현재 color로 설정하기

자주 구경하는 SANKOU에서 효과나 모션이 예쁜 곳들을 북마크를 해 놓는다. 그중에 桜十字病院 이 병원 사이트의 호버 효과들이 예뻐서 따라해보려고 북마크해 놨었다. 웹사이트의 장점은 브라우저 개발자도구로 소스코드를 확인할 수 있는 것 아닌가.호버할 때마다 (분명 SV

2023년 3월 24일
·
0개의 댓글
·

퍼블리싱 폰트사이즈 rem 단위 깨달음

지금까지 이런식으로 root에 폰트 사이즈를 16px로 고정해놓고 나머지 엘리먼트들의 폰트 사이즈를 rem 단위를 사용했었는데, 이러면 브라우저 시스템에서 폰트사이즈를 크게 하거나 작게 설정했을때 폰트가 고정된다는 사실을 이제 알았다. 물론 지금까지 rem단위를 사용하

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

CSS 종이 접힌 효과(clip-path) + shadow(filter)

아래처럼 .item::before를 border로 삼각형을 만드는 방법도 있는데,

2023년 3월 14일
·
0개의 댓글
·

css text gradient animation

도움받은 사이트: https://orangeable.com/css/text-gradient

2023년 3월 8일
·
0개의 댓글
·

locomotive-scroll.js 사용하면서 aos.js, anchor 링크 사용하기

코드 출처: https://github.com/locomotivemtl/locomotive-scroll/issues/175https://github.com/michalsnik/aos/issues/654

2023년 3월 8일
·
0개의 댓글
·
post-thumbnail

6. Sass - Values

Sass는 여러 가지 값 유형을 지원하며, 대부분은 CSS에서 직접 제공됩니다. 모든 식은 값을 생성하고, 변수는 값을 유지합니다. 대부분의 값 유형은 CSS에서 직접 가져옵니다:Number : 12 또는 100px와 같이 단위가 있을 수도 있고 없을 수도 있습니다.S

2023년 3월 2일
·
0개의 댓글
·

Laravel url 파라미터 가져오기

활용: 파라미터가 있으면 on 클래스 추가참고: https://stackoverflow.com/questions/31324801/lumen-get-url-parameter-in-a-blade-view

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

safari table col width 이상하게 되는 문제

크롬에서:사파리에서:

2023년 2월 7일
·
0개의 댓글
·

fullpage.js 내가 자주 하는 실수

이 옵션값으로 설정한 너비 이하가 되면 fullpage가 해제되고 일반 스크롤 사이트가 되는데내가 푸터를 두개 만들어놓고 fullpage가 해제되면 fullpage 섹션 안에 있는 푸터를 숨기기위해 해당 섹션 자체를 display: none했었다. 이러면 일반스크롤이

2023년 2월 6일
·
0개의 댓글
·

javascript 스크롤 방향 감지해 헤더 보여주기

스크롤 방향을 감지해서 헤더를 보여주거나 감추거나 해보자.

2023년 2월 3일
·
0개의 댓글
·

CSS vw에서 스크롤바 width 뺀 값 구하기

나는 주로 영역의 배경이 반만 차지하거나 1/3만 차지하는 경우에 absolute: position; width: 50vw;이런식으로 했었는데 이렇게 width를 50vw로 하면 영역의 width에 딱 맞지 않고 더 크길래 찾게된 방법이다. 참고: https:

2023년 2월 1일
·
0개의 댓글
·

swiper loop모드에서 activeIndex 찾기

Swiper 버전 8.4.5

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

5. Sass -At-rules CSS At-rules

Sass는 CSS 고유의 모든 at-규칙을 지원합니다. Sass는 미래 버전의 CSS와 유연하고 전방 호환성을 유지하기 위해 기본적으로 거의 모든 규칙을 다루는 일반적인 지원을 제공합니다. CSS at-규칙은 @<이름> <값>, @<이름> { ... }

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

5. Sass -At-rules 흐름 제어 규칙

Sass는 스타일의 방출 여부를 제어하거나 작은 변형으로 여러 번 방출할 수 있는 여러 가지 @-5규칙을 제공합니다. 또한 Sass를 더 쉽게 작성할 수 있도록 작은 알고리즘을 작성하는 믹스인 및 함수에 사용할 수 있습니다. Sass는 네 가지 흐름 제어 규칙을 지원합

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

5. Sass -At-rules (@-규칙) @error, @warn, @debug, @at-root

인수를 갖는 믹스인 및 함수를 작성할 때, 일반적으로 API가 예상하는 유형과 형식을 갖는 인수인지 확인해야 합니다. 그렇지 않은 경우 사용자에게 알림을 보내고 믹스인/함수의 실행을 중지해야 합니다.Sass는 @error <표현식>으로 작성되는 @error 규칙을

2022년 12월 19일
·
0개의 댓글
·