전체태그 보기

#CSS (41개의 포스트)

TIL 6월 11일 - text-align과 정렬, css 잡다한 내용들
ktseo41
text-align과 정렬 body tag의 style에 text-align: center;를 하면 대부분의 텍스트가 정렬이 잘 된다.(일단 수평정렬) 아래와 같은 이유들이다. 1. text-align: center; 은 자식 요소들에 상속 된다. * 상속? css의 property들은 기본적으로 상속되는지 아닌지 정해져있다고 한다. MDN의 Inh...
jasonkang14
주말 양일간 휴식을 취하고 월요일부터 다시 시작 이번 과제는 간단한 게임을 만드는 것이었다. 1. 하늘에서 enemy가 떨어지면 hero를 이동시켜 enemy를 없애야한다. Class를 사용하여 Object를 아래와 같이 형성하여 object 내 method를 사용했다. 4. backgroundPosition 스크린샷 2019-06-...
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...
jasonkang14
CSS 추가 학습내용 - 화면만 만들면 되는줄 알고 이것저것 막 다 때려박았는데, 그렇게 하면 안된다는 피드백을 받았다. - 실제로 멘토님이 내가 작성한 CSS에서 여러 항목들을 뺐는데, 화면에 전혀 변화가 없었다. - 필요한 기능만 가지고 화면을 구축할 수 있는 능력이 필요하다. - 일단 생각보다 간단해서 놀랐고, 단어가 완전 straig...
jasonkang14
생각보다 하루에 배우는 양이 많아 그때그때 정리하는 것이 더 편할듯 1. float: 이미지 주위를 텍스트로 감쌀 때 사용. 근데 이미지 뿐만 아니라 한 태그를 다른 태그들이 감쌀 때 사용한다고 보는 것이 맞는듯. - left: 이미지를 왼쪽에 두고, 텍스트가 이미지를 감싼다. - right: 이미지를 오른쪽에 두고, 텍스트가 이미지를 감싼다. - no...
jasonkang14
form tag 의 중요성 - 미니터(유사 트위터)과제를 하다가 아래와 같은 에러 메세지를 발견했다.
jasonkang14
CSS: background- properties - 이미지 출력 시 HTML에서 img 태그를 활용할 것인지 혹은 CSS에서 background-image를 사용할 것인지 고민하다, background-image는 사용한 경험이 없어서 적용해 보고자 했다. - 원하는대로 이미지를 구현하기 위해 다양한 background- property를 사용했다. ...
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는 어떤가요!
jasonkang14
개발자도구 사용법 - 웹 구현을 위해 HTML이 어떻게 사용되었는지 볼 수 있으며 실시간으로 수정하여 변화를 확인할 수 있음. - 회사의 Coding Convention을 따르는 것이 중요하며, 연습할 때 Airbnb Convention을 참고하여 익숙해질 수 있도록 할 것 (세계적으로 많이 씀/따름) 2. 개발자도구 사용법 (계속) - Appl...
jasonkang14
CodeStates Immersive과정 수강을 위한 IAT에 모두 합격했으나, 해당 과정에 참여하지 않고, (왜 수강하지 않기로 했는지는 메세지? 댓글? 등으로 연락주시면 상세히 답변 드리겠습니다) 인스타그램: @jkang14 WeCode의 Main Course를 수강하기로 했다. 1일차에 새롭게 배운 내용들을 정리했다. (앞으로 매일 할 계획) ...
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 폴더의 내용과 동일합니다. - JS 질문 4 프론트엔드 면접 질문 - JS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [동기, 비동기 함...
체크박스 디자인
rhesus2016

체크박스 디자인

2019년 5월 7일0개의 댓글
체크박스 디자인 - html / css
💻 프론트엔드 면접 질문 - JS #3
chris
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - JS 질문 3 프론트엔드 면접 질문 - JS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [JavaScrip...