frontendmastery.com

The evolution of React APIs and code reuse

Trace the evolution of React APIs and the mental models behind them. From mixins to hooks, to RSCs, understand the tradeoffs along the way.

dracure

i-boss.co.kr

마케터의 업무 생산성 높여주는 이것 list 4

보스님은 어떤 브라우저를 이용하고 계신가요? 저는 메인 브라우저로 구글 크롬(Chrome)을 이용하고 있는데요. 아마 저를 비롯한 많은 분들이 크롬을 이용하고 계실 듯해요.제가 크롬을 이용...

김새롬

nesslabs.com

AI and I: The Age of Artificial Creativity

A new generation of AI tools is taking the world by storm. The advent of such powerful AI tools begs the question: what does it mean to be a creator or knowledge worker in the age of artificial creati

AriRaNg

icunow.co.kr

프로덕트 디자인과 관련된 다양한 자료를 제공하는 노션 페이지

오늘 소개할 서비스는 한 디자이너가 직접 제작한 노션 페이지로, 프로덕트 디자인과 디자인에 대한 다양한 리소스를 제공합니다. 커버 이미지를 일관성 있게 구성해 보기 좋게 정리되어 있으며 등록된 자료도 토글과 태그를 적절하게 활용해 원하는 주제에 내용을 빠르게 찾아볼 수 있다는 점이 가장 큰 장점입니다.

김새롬

mobiinside.co.kr

[UX디자인 아티클] 모션 디자인 원칙

모션은 디지털 제품의 사용자 경험에 큰 영향을 주지만 인터페이스 요소가 기본적인 모션 디자인 원칙을 지키지 않으면 않으면 사용성이 저하된다. 사용자 인터페이스의 맥락에서 모션은 시각적인 장식 이상이다. 제품 참여를 강화하고 디자인 커뮤니케이션의 범위를 확장하는 강력한 힘이라고 할 수 있다.

김새롬

skhynix.co.kr

AI 기술의 다양한 응용 분야_AI 반도체의 현황과 미래전망

AI는 일상의 다양한 부분을 학습하며 자율주행(Automotive), AI 비서부터 인간의 뇌를 본뜬 뉴로모픽(Neuromorphic) 반도체까지 전 영역에서 빠르게 적용되고 있다. 이러한 AI 기술이 활약하고 있는 대표적인 응용 분야를 알아보자.

딜아이트

tistory.com

[ruby on rails] Kaminary로 js.erb 렌더링을 통한 페이지네이션

 Rails에는 페이지네이션을 쉽게 구현할 수 있도록 하는 Kaminary gem이 있다. 레일즈 특성상 일일히 페이지값, 전체페이지, 현재페이지.. 등을 넘겨주던 NodeJs개발자에겐 신박했지만.. 아쉽게도 특정 포맷을 벗..

dracure

venturesquare.net

현업 투자자가 알려주는 스타트업 투자자 500명 찾기 꿀팁

벤처스퀘어 대표가 직접 큐레이션해주는 스타트업 북마크 시리즈 세번째.  창업자들에게 받는 질문 가운데 가장 빈도수가 높은 것이 ‘투자’와 관련된 것이고 그중에서 도대체 투자자들은 어디에 있고 어떻게 연락해야 하느냐는 것이다. 창업자에게 사업계획이 있고 팀으로 모였으며

엔트앙트

brunch.co.kr

위메이드, ‘미르M’ 전용서체 ‘전쟁과 모험체’ 만들다

[자료제공: 위메이드] 인터뷰이: 윤디자인그룹 타이포디자인센터 정유권, 이찬솔, 김미래, 김류희 위메이드가 MMORPG (이하 미르M)만을 위한 전용 서체 ‘전쟁과 모험체’를 개발했다. 전쟁과 모험체는 부드러운 붓글씨 형태의 서체로 의 게임 분위기와 조화를 이루어 게임 몰입감을 높였을 뿐만 아니라 UI 배치와

GwonYeong

brunch.co.kr

구매를 유발하는 제품정보 구성 6가지 원칙

UX 디자인 배우기 #17 | 전민수 UX 컨설턴트 소개 안녕하세요. 전민수 UX 컨설턴트입니다. 지난 23년간 수행했던, UX 컨설팅 경험과 강의 이력을 소개합니다. 전민수 UX 샘의 [인프런] 인터넷 강의 안내입니다 [클럽하우스] 전민수 UX 샘의 재능 기부 UX 공개 수업 [UI/UX/리서치/방법론] 우리 모두 함께 공부해요~ 클럽하우스에서 [전민수 샘의 UX 공개 수업]을

yuli_kim

brunch.co.kr

모바일 앱 필드 UX 가이드 13가지 원칙

UX 디자인 배우기 #12 | 전민수 UX 컨설턴트 소개 안녕하세요. 전민수 UX 컨설턴트입니다. 지난 23년간 수행했던, UX 컨설팅 경험과 강의 이력을 소개합니다. 전민수 UX 샘의 [인프런] 인터넷 강의 안내입니다 [클럽하우스] 전민수 UX 샘의 재능 기부 UX 공개 수업 [UI/UX/리서치/방법론] 우리 모두 함께 공부해요~ 클럽하우스에서 [전민수 샘의 UX 공개 수업]을

yuli_kim

youtube.com

Create A Responsive Multipage E-Commerce Website Design Using HTML / CSS / SASS / JavaScript

how to make a complete responsive multipages e-commerce website desing using html css / sass and javascript from scratch.
create a complete responsive multi-page ecommerce / online store / electronic store / electronic commerce website design template using html css / sass and vanilla javascript step by step from scratch.

the main feature of this website are:
✅ responsive header section with search bar using vanilla javascript.
✅ responsive side-bar menu section using vanilla javascript.
✅ responsive home section with touch slider suing swiper.js.
✅ responsive banner section css grid.
✅ responsive arrivals section css grid.
✅ responsive about section css flexbox.
✅ responsive FAQ / accordion section using vanilla javascript.
✅ responsive reivews section css with touch slider using swiper.js.
✅ responsive category section css grid.
✅ responsive products section css grid.
✅ responsive product banner section css flexbox.
✅ responsive contact info section css grid.
✅ responsive contact section css flexbox.
✅ responsive newsletter section css flexbox.
✅ responsive login and register section.
✅ responsive shopping cart section css grid.
✅ responsive footer section css flexbox.

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1t1ToCp_CayI3taP8IJiW4D77jZU3jOR9/view?usp=sharing

*How To Download*

Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.html ) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.

swiper.js link:
https://swiperjs.com/

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Poppins

clip-path generator:
https://bennettfeely.com/clippy/

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
Images / Video / SVG : -
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://undraw.co/
04 - https://pixabay.com/
05 - https://unsplash.com/
06 - https://pixabay.com/
07 - https://www.flaticon.com/

New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw

Timestamp:
0:00 demo
5:43 file structure
8:09 header & side-bar section
33:36 footer section
43:41 home section
54:58 banner section
59:29 arrivals section
1:10:42 about section
1:3:57 faq section
1:22:08 reviews section
1:28:43 category section
1:34:29 products section
1:46:29 product banner section
1:50:55 contact info section
1:55:03 contact section
2:00:23 newsletter section
2:05:46 login
2:12:09 register
2:13:53 shopping cart
2:24:19 final demo


#FrontEnd
#eCommerce
#MultiPages

yuli_kim

youtube.com

1 Design Trend in 2022 That I Think will be BIG! (7 Examples)

https://designcourse.com - Learn UI/UX with my Interactive Platform!
-- Today, I'm going to examine 7 fantastic websites to identify a key trend that I think we'll see more of in 2022. Let's just say, it has to do with movement!

0:00 - Introduction
0:25 - Learn UI Design
1:06 - Example 1
3:55 - Example 2
5:06 - Example 3
5:45 - Example 4
6:32 - Example 5
7:05 - Example 6
8:29 - Example 7
9:19 - Final Thoughts

Let's get started!

#ui #trends #2022

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!

yuli_kim

youtube.com

디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버

안녕하세요, 존코바입니다.

제가 현재 유튜브 하면서 계속 사용하고

크리에이터, 유튜버에게 필수인

상업적, 저작권 무료 폰트 소개입니다!



1.검은고딕 https://github.com/zesstype/Black-Han-Sans
2.에스코어드림 http://www.s-core.co.kr/who-we-are/font/
3.몬소리체 https://brunch.co.kr/@creative/32
4.Noto Sans https://fonts.google.com/specimen/Noto+Sans+KR
5.잉크립퀴드체 http://www.thefaceshop.com/event/lipquid/main.jsp#FontDownload
6.tvn 즐거운 이야기체 http://tvn10festival.tving.com/playground/tvn10font
7.스웨거체 http://www.swagger.kr/font.html
8.주아체 http://font.woowahan.com/

☞ 눈누 https://noonnu.cc/
☞ 구글폰트 https://fonts.google.com/



▶ Similar Tutorials

Typography Tip Tutorials → http://bit.ly/2YhBltr



- Photoshop CC 2017

- Wacom Tablet Intuos 3



▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com


--------------------------------------------------------------------------------------------
COPYRIGHT ⓒ 2015 JOHNKOBA ALL RIGHTS RESERVED.
본 영상의 저작권은 존코바에게 있습니다.
--------------------------------------------------------------------------------------------
강의를 보고 만든 이미지나 영상에 대한 출처는
처음 사용하실 때만 밝혀주시면 됩니다.
--------------------------------------------------------------------------------------------


#무료폰트 #폰트 #폰트추천

yuli_kim

youtube.com

전문가가 알려주는 이쁜 그라디언트의 모든 것! // Gradient // 존코바 // 포토샵, Photoshop Tutorials

안녕하세요, 존코바입니다.

디자인에서 정말 중요한 그라디언트를

쉽고 이쁘게 사용하는 법에 대해 알려드려요!



▶ Similar Tutorials

Simple Design Tip Tutorials → http://bit.ly/2V3b2Fj
Color Tip Tutorials → http://bit.ly/2DUBWJM
Typography Tip Tutorials → http://bit.ly/2YhBltr



- Lecture Source Link : http://bit.ly/2VlK8gH

- Photoshop CC 2017

- Wacom Tablet Intuos 3



▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com


--------------------------------------------------------------------------------------------
COPYRIGHT ⓒ 2015 JOHNKOBA ALL RIGHTS RESERVED.
본 영상의 저작권은 존코바에게 있습니다.
--------------------------------------------------------------------------------------------
강의를 보고 만든 이미지나 영상에 대한 출처는
처음 사용하실 때만 밝혀주시면 됩니다.
--------------------------------------------------------------------------------------------


#그라디언트 #Gradient #포토샵

yuli_kim

brunch.co.kr

북마크가 꼭 필요한 UX 사이트 29개 소개

UX 디자인 배우기 #38 | 전민수 UX 컨설턴트 소개 안녕하세요. 전민수 UX 컨설턴트입니다. 지난 23년간 수행했던, UX 컨설팅 경험과 강의 이력을 소개합니다. 전민수 UX 샘의 [인프런] 인터넷 강의 안내입니다 [클럽하우스] 전민수 UX 샘의 재능 기부 UX 공개 수업 [UI/UX/리서치/방법론] 우리 모두 함께 공부해요~ 클럽하우스에서 [전민수 샘의 UX 공개 수업]을

yuli_kim