أحدث منشورات Reham B. على لينكدإن

this may break your UI 😉 The line?   * { box-sizing: border-box; } Why? That * selector hit EVERYTHING - including Stripe's payment iframe, Google Maps, and our chat widget. Their CSS assumed default box model. We just nuked it globally. The fix:  /* Don't */ * { box-sizing: border-box; } /* Do */ .app * {…

CSS finally has a parent selector—and it's more powerful than you think. 🤩 :has() isn't just "select parent." It's a relational query engine in CSS /* Style form based on validity state */ form:has(:invalid) {  border: 2px solid red; } /* Card with image vs without */ .card:has(img) {  grid-template-columns: 20…

Nice login && sign up from with JavaScript: 1-nice animation switch between login signup 2-responsive design 3-validation form -validation name [ required + length] - validation email -validation password [ required + length] - confirm password -show and hide password i hope enjoy this app : #frontend #typescr…

this may break your UI 😉 The line?   * { box-sizing: border-box; } Why? That * selector hit EVERYTHING - including Stripe's payment iframe, Google Maps, and our chat widget. Their CSS assumed default box model. We just nuked it globally. The fix:  /* Don't */ * { box-sizing: border-box; } /* Do */ .app * {…

Nice login && sign up from with JavaScript: 1-nice animation switch between login signup 2-responsive design 3-validation form -validation name [ required + length] - validation email -validation password [ required + length] - confirm password -show and hide password i hope enjoy this app : #frontend #typescr…

simple landing page (js): 1-responsive 2-nice animation #frontend #typescript #reactjs #frontenddeveloper #js #html #webdev #javascript #backend #css3 #html5 #webdeveloper #webdevelopement #nodejs #webdesigner #developer #css #webdevelopment #webdesigns #webdesigns #webdevelopment #websitecreation #webdesigning #gr…