전체태그 보기

#CSS (45개의 포스트)

decody

sticky 내비게이션 만들기

2019년 8월 13일0개의 댓글
sticky 내비게이션은 스크롤시 페이지 상단에 고정되는 내비게이션이다. css의 postition:sticky 속성을 이용해 간단히 해당 내비게이션을 만들 수 있다. IE는 지원하지 않으며, Edge 16+, Firefox 32+, Chrome 56+ 지원한다. ~js const agent = navigator.userAgent.toLowerCase()...
haileyself

TIL - CSS LAYOUT

2019년 8월 11일1개의 댓글
안녕하세요~ 현재 프론트엔드 개발자를 꿈꾸며 개발공부를 하고 있는 학생? 입니다 제가 공부한 내용을 여기에 조금씩 정리해보려고 합니다! CSS Layout 1. the position property position property는 element의 위치를 정하는데 사용함 기본적인(statcic)을 제외하고 나머지 부분 정리 1. re...
coding_ending

TIL - Tues 30 July 2019

2019년 8월 4일0개의 댓글
1. CSS 1) Semantic & Non-semantic CSS 스타일에서 element 요소 중에서는 자체적으로 의미를 가지는 semantic elements와 아무런 의미를 내포하지 않고 id() 또는 class(.)에서 해당 요소의 이름을 부여한다. - non-semantic elements: div and span - semanti...
위코드 1일차 TIL - CSS 2탄!
dooreplay

위코드 1일차 TIL - CSS 2탄!

2019년 8월 2일0개의 댓글
DOM으로 빨리 넘어가야 하는데... DOM 너무 무섭고요..... 그래서 정리해보는 wecode 1일차 TIL - CSS 2탄! 오늘로 벌써 5일찬데 임시저장 해놓은 1일차 쓰고있슴다..OTL... 시간 넘나 빠른것.... 오늘의 명언 : 무슨일이 있어도 블로깅은 절대 밀리지 말자! - List list에서 기억할 것은 li 그리고ol과 ul입니...
coding_ending

<7월 29일 BootCamp D-day>

2019년 8월 1일0개의 댓글
The First Day of Coding BootCamp at WeCode 부트캠프 첫 날이 지나갔다. 고대하고 고대하던 코딩 부트캠프 첫 날이어서 그랬는지 설레임으로 밤잠을 설쳤다. 3개월간의 여정에 함께 동참하는 14명의 WeCoder분들을 만나서 간단한 오리엔테이션을 진행 한 후 바로 JS 알고리즘 문제와 CSS 스타일링 문제를 풀었다. 간단한...
alchemist718

TIL - Day2: CSS-Flex

2019년 7월 31일6개의 댓글
CSS3는 2011년 6월 7일 최초 Color 모듈이 발행된 이후로 꾸준히 업데이트 되고있는 최신 CSS 기능이다. 현재도 꾸준히 업데이트가 되고 있으며, CSS3의 등장으로 인해 기존에 사용되던 Bootstrap과 같은 CSS 라이브러리는 J-Query와 함께 레거시가 되었다. 레거시- 신규 기술 등장으로 인해 기존 기술이 도태되는 현상. 그 중에서,...
위코드 1일차 TIL - CSS 1탄!
dooreplay

위코드 1일차 TIL - CSS 1탄!

2019년 7월 31일0개의 댓글
켈로그 말고 벨로그~ 좋은것만 드려요~ 썸네일은 저의 당충전을 위한 것덜.... 코딩할 때는 꼭. 옆에 먹을것을 꼭 두시오 안그럼 나는 죽쏘.... 원래도 배가 잘 고픈데 머리를 써서 그런지 하루종일 공복상태였던 내 배... 간식과 함께 열심히 달려봅시다! 여튼 포스팅 스타트~! - CSS(Cascading Stytle Sheet) Casca...
alchemist718

TIL - Day1: HTML & CSS

2019년 7월 30일0개의 댓글
새로운 부트캠프에서 새로운 과정을 시작하였으니, 새롭게 시작한다는 마음으로 velog를 시작하게 되었다. 사족은 이쯤에서 끝내도록 하고, 어제 배운 HTML과 CSS중, 새롭게 알게된 부분에 대해 정리 해 보고자 한다. + Indentation & Non-breaking Space(&nbsp or &160) + Non-breaking Space - 줄...
06.12 ~ 07.24 무얼했을까요? [이야기나 해봅시다.]
kjs100184
음... 잡담 아닌 잡담을 해봅시다. 이 글은 생각보다 유익할 수 있습니다(?) 초보개발자로써.. 아직 개발자라고 하긴 그렇지만요!! 무엇을 했는지 돌아보는 시간입니다. 개발 일지정도 되겠군요.. 의식의 흐름대로 작성하였습니다. ( 잡담이니깐요(?) ) 썸네일은 어느 호텔 프론트.. 1. 프로젝트 Rpaca (Chatting Web App) ...
TIL 6월 11일 - text-align과 정렬, css 잡다한 내용들
ktseo41
text-align과 정렬 body tag의 style에 text-align: center;를 하면 대부분의 텍스트가 정렬이 잘 된다.(일단 수평정렬) 아래와 같은 이유들이다. 1. text-align: center; 은 자식 요소들에 상속 된다. * 상속? css의 property들은 기본적으로 상속되는지 아닌지 정해져있다고 한다. MDN의 Inh...
TIL 6월 10일 - CSS 3d Button (box-shadow)
ktseo41
완성모습 codepen.io 링크 * html * 주요사항 1. a tag를 이용 1) mouse hover시 mouse cursor가 pointer 모양으로 바뀐다. 2) button tag를 이용하면 기존 button tag에 초기화된 사항들 때문에 바꿔줘야하는 것이 많다. a tag를 사용하면 :active pseudo-class...
george

[CSS]_Pixel 이슈

2019년 6월 5일0개의 댓글
css를 학습하던 중, 멘토분께 물어보지 않았다면 알 수 없었던 이슈가 있었다. 바로 pixel값이었는데, 상황은 다음과 같다. 1. HTML상에 span 태그를 생성 후 밑줄효과를 내기 위해 아래쪽 테두리를 그림. 스크린샷 2019-06-05 오전 10.40.52.png 2. 테스트에서 자꾸 실패하길래 원인을 봤더니, 3px이 아니라 ...
Styling? with Linaria!
asdhugh1

Styling? with Linaria!

2019년 6월 4일3개의 댓글
styled-components에 질렸다면 linaria는 어떤가요!
chading

CSS Transform 2D / 3D

2019년 6월 1일1개의 댓글
실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 ...
맨 위로 올라가는 버튼#2
rhesus2016

맨 위로 올라가는 버튼#2

2019년 5월 24일0개의 댓글
맨 위로 올라가는 버튼#2 - html / javascript
맨 위로 올라가는 버튼#1
rhesus2016

맨 위로 올라가는 버튼#1

2019년 5월 24일0개의 댓글
맨 위로 올라가는 버튼#1 - html / javascript
geonhwi

코드스테이츠 4~5주차 [ToDo]

2019년 5월 21일0개의 댓글
HTML & CSS & JavaScript를 활용한 ToDoList Twittler 과제를 하기 전에 NomadCoder님의 ToDoList를 복습하고 시작하려한다. 물론, 지금 내 실력으로 과제를 완성하기 힘든 것도 있으며, 좀 더 완성도 있는 과제를 만들기 위해서이다...!👏🏻👏🏻👏🏻 사실 벌써 3번들었는데 또 까먹었다.그렇다. (Youtu...
큐브 슬라이드
rhesus2016

큐브 슬라이드

2019년 5월 17일0개의 댓글
큐브 슬라이드 - html / css / javascript
탭
rhesus2016

2019년 5월 17일0개의 댓글
탭 - html / css / javascript
💻 프론트엔드 면접 질문 - JS #4
chris
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다.