WBDSGNR - Real Life Implement

All muhaza's note in developing website. Front-end & uiux method. Real life implementation for webdesigner.

Tuesday, 15 July 2025

SEO: Trik Terbaik

›
Lebih 30 Trik Carian Google untuk SEO GraphicLab Gunakan kombinasi carian ini untuk: Mengesan sebutan jenama Mencari peluang backli...
Friday, 27 June 2025

Auto select after redirect to the contact page SELECT JAVASCRIPT

›
 https://domain.my/contact/?startup_package=UltimateImpact         <select name="startup_package" class="form-select"...
Thursday, 22 May 2025

https://jsfiddle.net/muhazastudio/sxpry723/22/

›
https://jsfiddle.net/muhazastudio/sxpry723/22/

Hover overlay on card or any image

›
<//style> .card {   position: relative;   width: 300px;   height: 200px;   overflow: hidden;   border-radius: 10px;   cursor: pointer;...

CSS for next project

›
https://htmlstream.com
Monday, 7 October 2024

email mailto: pretext

›
 <a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebi...
Friday, 23 August 2024

CSS FIT NO X SCROLLBAR THE HTML IN SCREEN EVENTHOUGH IMAGE OVERSIZE

›
  CSS FIT NO X SCROLLBAR THE HTML IN SCREEN EVENTHOUGH IMAGE OVERSIZE /* Apply box-sizing to all elements */  *, *::before, *::after { ...

Wordpress tunneling localhost

›
1.  https://theboroer.github.io/localtunnel-www/ 2.  https://loca.lt/mytunnelpassword
Friday, 14 June 2024

Responsive Media Query

›
 /* Responsive Styles */     @media (max-width: 768px) {         add ccs here     }     @media (max-width: 480px) {        add css here     ...
Thursday, 25 January 2024

Woocommerce My Account Better Look

›
 /* Change WC Acct Page Column Widths */ @media only screen and (min-width: 769px) {   .woocommerce-account .woocommerce-MyAccount-navigatio...
Wednesday, 6 December 2023

JS: TOGGLE HIDE + ARRAY

›
  <style>         .ET1, .ET2, .ET3 {             display: none;         }     </style>  <script>         // Define an arra...
Friday, 27 October 2023

CSS: display grid of card 3 in a row

›
         .product-list-container {             display: grid;             grid-template-columns: repeat(3, 1fr); /* Three cards per row */  ...

SVG + JAVASCRIPT + CSS : CLICK AREA, OPEN CLOSE TOGGLE CLASS ELEMENT TO SHOW CONTENT

›
SVG TOGGLE OPEN AREA #SVG  SVG TOGGLE OPEN AREA #SVG  <style> .toggle-path.grayarea {   fill: purple !important; /* Add !important to ...
Friday, 24 March 2023

Laravel Model CRUD

›
Step 1: Create the 'Task' model Open your command prompt or terminal and navigate to your Laravel project's directory Run the fo...
›
Home
View web version
Powered by Blogger.