Astrokitastrokit.uk·Nov 18, 2024Responsive Login & Register Form Page FreeCrafting Seamless User Experiences with a Responsive Login & Register Form Page In today’s digital landscape, an efficient and visually appealing responsive login & register form page is paramount for creating engaging user experiences across platfor...account
OBULIPURUSOTHAMAN Kobulipurusothaman.hashnode.dev·Oct 25, 2024Applications / ServicesApplication / Services Here we can take example of client – server architecture In Client side the piece of code is running , and the Server side piece of code is running these both will I tract to each other and provides the required data Client App...Applications
Rishi Bakshirishibakshi.hashnode.dev·Oct 10, 2024Mastering Loading States in Next.js: Effective Use of Suspense and loading.tsxWhen dealing with server components and fetching data in Next.js, a common mistake is neglecting to handle the loading state effectively. Imagine you're loading product data in a server component, and while the API request is being processed, the pag...12 likes·115 readsYou Don't Know Next.jsNext.js
Abeer Abdul Ahadabeer.hashnode.dev·Sep 5, 2024Lazy Loading, Suspense and Error Boundary in React ExplainedLazy Loading and Suspense Lazy loading and suspense both could have been separate concepts and thus it seems the explanations should be separate. But in real world apps most of the time you will see they works hand-in-hand. So, this is why I am cover...ReactReact
MIZZUmizzu-creations.hashnode.dev·Aug 17, 2024큰 이미지가 왜 필요할까? 해상도와 ppi의 이해1. 글의 목적 웹 개발을 하다 보면, 실제로 표시될 크기보다 훨씬 큰 이미지 파일을 준비해야 하는 상황이 자주 발생한다. 예를 들어, 800px 너비의 배너 이미지를 표시할 때 1600px 이상의 이미지를 사용하는 경우가 있다. 이런 상황에서 ‘왜 딱 맞는 이미지를 사용하지 않을까? 용량만 커지지 않을까?’라는 의문을 가져본 적이 있을 것이라고 생각한다. 이 글에서는 이미지 크기, 해상도, PPI에 대한 개념을 이해하고, 웹에서 일관된 품질...UX
Jakegcee.hashnode.dev·Jul 9, 2024프론트엔드 반응형 테스트 도구모음💡 프론트엔드 개발을하면서 반응형 테스트를 좀 더 쉽게하기위해서 찾아본 것들입니다. Responsively APP 첫번째는 Responsively App입니다. 아래 화면처럼 모바일, 패드, 데스크탑을 3개의 화면을 동시에 키고 테스트해 볼 수 있습니다.그리고 오른쪽 상단에 있는 카메라 버튼을 누르면 각각의 화면을 캡쳐하는 기능도있습니다.개발하면서 혼자서 반응형 기기별로 테스트 해보기 좋습니다.홈페이지에 들어가서 각 pc환경에 맞게 다운로...Programming studyresponsive
MIZZUmizzu-creations.hashnode.dev·Apr 12, 2024타이어픽 메인페이지 제작기해당 작업은 타이어픽 공식사이트의 페이지 구조를 참고해 만들었습니다. 모바일, 태블릿, 웹 반응형 100% 대응 🛞 Tire Pick 사이트명: 타이어픽 제작기간: 2024.03 ~ 2024.04 주요 기술 스택: HTML, SCSS, JavaScript 주요 라이브러리: Swiper.js, Lottie.js 대상 플랫폼: PC 및 모바일 반응형 🔗 LINK site | https://tire-pick.vercel...HTML5
Leilanleilan.hashnode.dev·Mar 9, 2024Bento Responsive Grid Design with CSS GridFirst creating a container element that will serve as our grid container. Inside, we'll have items named item1,item2 and... . <div class="container"> <div class="item item1">item1</div> <div class="item item2">item2</div> <div c...2 likes·37 readsbento grid
md3bmmd3bm.hashnode.dev·Feb 7, 2024Mastering Responsive Typography: Best Practices of the CSS SASS MixinIn today's digital landscape, responsive design has become a fundamental aspect of web development. Ensuring that our websites adapt seamlessly to different screen sizes and devices is crucial for delivering an optimal user experience. One key elemen...32 readsCSS
Ugbuku Oghale Michelledevmichelle.hashnode.dev·Jan 26, 2024What I learnt this week: Thinking responsively✓ Making your webpage fit into any screen size is one of the very important jobs of a web developer. If a webpage developed is not made to be responsive to different screen sizes, it causes a whole lot of weirdness to the view in other sized screens....webdev
