Archive

html, css 배우고 싶은데 강의만 듣기 너무 지루하다는 당신! - https://growingooj.tistory.com/m/228html, css 배우고 싶은데 강의만 듣기 너무 지루하다는 당신!www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ Coder Coder Practical tips for the beginner web developer. www.youtube.com Thanks for Coder Coder! coder-coder.com/learn-web-development/ Learn web d..growingooj.tistory.com지난 9월 16일에 갑자기 html과 css에 빠져가지고 (꽂혀서) 끌리는 강의를 찾아다니다 급! 식었는데 포스팅..

blog.naver.com/sicle_official/222071769230 [TIP] 개발 실력을 향상시켜줄 IT기업 기술 블로그 45곳 모음 (2020.08 Update) 최근 국비교육, 부트캠프 등의 교육을 수강하고 개발자로 커리어를 전환하신 비전공자분들을 쉽게 볼 수 있... blog.naver.com

youtu.be/gjS9w7oTAUc 이분 병맛(!) 에 날것의 vlog가 너무 취향저격이라 계속 구독하고 있는데, 문득 이분의 요 시리즈가 생각나서 추천하는 글을 쓰고 있다. 개발자의 입장에서 기획자의 수준(!)에 맞게 알차게 잘 설명해주셔서 도움이 되었다. 그냥 브이로그도 왕 재미있고 유익한 것 많으니 구독을 추천 (광고 아님..) 무려 시리즈물로 3가지가 있다. 영상을 보고 나면 그래도 개발자와의 소통이 조금은 쉬워지지 않을까! youtu.be/ev3bcx4yvow youtu.be/d6jdWFKwaww blog.naver.com/june7hyun/222088963324 [책 추천_100세 인생] 나는 앞으로 몇 번이나 다시 학생이 될까 100세 인생이라는 책 제목만 보면 전국노래자랑의 송해 할아버지..

www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ Coder Coder Practical tips for the beginner web developer. www.youtube.com Thanks for Coder Coder! coder-coder.com/learn-web-development/ Learn web development as an absolute beginner (2020) - Coder Coder Trying to learn web development, but feeling lost? Check out this beginner's guide! It's full of the information you need to start learning to c..

표정이랑 목소리 인식으로 아바타를 만들어주는 프로그램? 어도비 캐릭터 애니메이터 프로그램 www.adobe.com/kr/products/character-animator.html?gclid=Cj0KCQjwhvf6BRCkARIsAGl1GGhJdG4I_vhzYVMsz5jDpaP-aTgTkqKiG-YAorKLETMAhbqauFD5YMIaAo6eEALw_wcB&sdid=WKRCJF2C&mv=search&ef_id=Cj0KCQjwhvf6BRCkARIsAGl1GGhJdG4I_vhzYVMsz5jDpaP-aTgTkqKiG-YAorKLETMAhbqauFD5YMIaAo6eEALw_wcB:G:s&s_kwcid=AL!3085!3!460585319162!e!!g!!adobe%20character%20animator https:..

https://youtu.be/2mIQTxRyn-0 아래는 freecodecamp에서 CSS 속성값에 대한 설명에 나오는 em과 rem The two main types of length units are absolute and relative. Absolute units tie to physical units of length. For example, in and mm refer to inches and millimeters, respectively. Absolute length units approximate the actual measurement on a screen, but there are some differences depending on a screen's resolution. Relat..

https://brunch.co.kr/@hijinnyjinny/19디자이너의 UX writingUX writing을 시작하는 3가지 원칙 | 디자이너가 UX writing을 잘하는 것은 중요하다. 아이콘이나 버튼 등의 시각적인 요소를 사용하여 화면을 그리는 것만큼이나 사용성을 높이는 데 큰 영향을 끼치��brunch.co.kr

youtu.be/8-uJ_4136uI원래 기존에 디자인에 대해서만 공부했을 때, 디자인을 어떤 디바이스에 맞춰서 해야 하느냐는 질문을 했었고그때 찾았던 답은 각각 기기별로 해야 한다는 것이었다.그렇다면 코딩을 하는 개발자 입장에서는 이걸 어떻게 구현하는지 궁금해져서 찾아본 것! 깃허브 예시로 컨테이너 사이즈가 달라짐에 따라 글자와 컨텐츠 레이아웃이 달라짐.(예시) 예전에는 유동적인 레이아웃 구현을 위해 (fluid layout).left {float: left;width: 50%}.right {float: right;width: 50%} 요즘에는 박스를 만들 때 고정된 px 픽셀 단위를 사용하지 않고!flex gridflex box%vwvh 를 이용해 사이즈를 구성하게 된다. (vw, vh가 뭐야? 하는..

material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io 늘 여기를 보라고 ^^ 수십번도 더 이야기를 들었으나 영어라서 보기 싫다는 이유만으로 계쏙- 미뤄왔던 읽기. 머테리얼 측정 머테리얼 디자인 레이아웃은 시각적으로 균형을 이룬다. 대부분의 측정은 8배수 그리드에 맞춰 정렬된다, 전체적인 레이아웃과 간격 모두! 더 작은 컴포넌트 (아이콘과 타입같은) 은 4배수 그리드에 맞춰 정렬될 수 있다. 반응형..

어떤 식으로 디자인 시스템을 잡았는지 볼 수 있어서 좋다! zbrunch.co.kr/@milliedesign/5millie Design Library밀리의 서재 디자인 시스템 | 밀리 디자인 라이브러리 (a.k.a. 밀디라) 밀리 디자인 라이브러리는 개발자와 디자이너뿐만 아니라 디자이너 사이의 협업을 수월하게 해 주며, 시각 및 경험 자산의 �brunch.co.krwww.figma.com/file/SRvwU2CSrqLjV7y1huHh2P/millie-Design-Library_v1?node-id=0%3A1FigmaCreated with Figmawww.figma.com Material Guide의 8 Grid System을 유연하게 따른다고 되어있다. 그리드 시스템이 궁금하다면 아래 참고 👇 구글 머테리..