The Modern Developer

Developer
Matt Cowley
Size
2,390 Kb
Views
113,344
  1. The Modern Developer Previews
  2. The Modern Developer HTML Codes
  3. The Modern Developer CSS Codes

How do I make an the modern developer?

Copyright Unreal Designs 2016. You are free to use to this but please do not remove the Unreal Designs branding from the bottom of the page.. What is a the modern developer? How do you make a the modern developer? This script and codes were developed by Matt Cowley on 12 June 2022, Sunday.

The Modern Developer Previews
IQ Test

The Modern Developer - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Modern Developer</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="frame"> <div class="output"> <h1>The Modern Developer<span>_</span></h1> <h2>Creating a Site</h2> <h3>[Matt Cowley]<br/><small>Unreal Designs &copy; 2016</small></h3> </div> <div class="scanlines"></div>
</div>
</body>
</html>

The Modern Developer - Script Codes CSS Codes

@import url(//fonts.googleapis.com/css?family=VT323);
html { background: #222;
}
body { color: #14fdce; font-family: 'VT323'; font-size: 24px; -webkit-font-smoothing: none; line-height: 1.2;
}
.frame { width: 100vW; height: 100vH; max-width: 100vW; max-height: 100vH; min-width: 100vW; min-height: 100vH; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.output { -webkit-animation: crt-output 10ms infinite; animation: crt-output 10ms infinite; padding: 3rem 2rem; pointer-events: auto; z-index: -1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
@-webkit-keyframes crt-output { 0% { opacity: 0.85; } 100% { opacity: 1; }
}
@keyframes crt-output { 0% { opacity: 0.85; } 100% { opacity: 1; }
}
.scanlines { pointer-events: none; background: -webkit-linear-gradient( left, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.3) 70%, rgba(255,255,255,0.75) ); background: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.3) 70%, rgba(255,255,255,0.75) ); background-size: 0.5rem 100%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15;
}
.scanlines::before { background: rgba(129, 243, 253, 0.75); content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
h1, h2, h3 { text-align: center; font-weight: 200; text-transform: uppercase;
}
h1 span { -webkit-animation: crt-blink 1s infinite; animation: crt-blink 1s infinite;
}
@-webkit-keyframes crt-blink { 0% { opacity: 0; } 50% { opacity: 0; } 50.1% { opacity: 1; } 100% { opacity: 1; }
}
@keyframes crt-blink { 0% { opacity: 0; } 50% { opacity: 0; } 50.1% { opacity: 1; } 100% { opacity: 1; }
}
h1 { color: rgba(129, 243, 253, 1); text-shadow: 0rem 0.1rem 1rem rgba(129, 243, 253, 0.75); letter-spacing: 0.1em; font-size: 4em;
}
h1::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h1::selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h1::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h1 span::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h1 span::selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h1 span::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h2 { color: rgba(239, 253, 255, 1); text-shadow: 0rem 0.1rem 1rem rgba(239, 253, 255, 0.95); letter-spacing: 0.0em; font-size: 2em;
}
h2::-moz-selection { color: #111; background: rgba(239, 253, 255, 1);
}
h2::selection { color: #111; background: rgba(239, 253, 255, 1);
}
h2::-moz-selection { color: #111; background: rgba(239, 253, 255, 1);
}
h3 { color: rgba(129, 243, 253, 1); text-shadow: 0rem 0.1rem 0.5rem rgba(129, 243, 253, 1); letter-spacing: -0.01em; font-size: 0.75em; opacity: 0.75;
}
h3::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h3::selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h3::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h3 small::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h3 small::selection { color: #fff; background: rgba(129, 243, 253, 1);
}
h3 small::-moz-selection { color: #fff; background: rgba(129, 243, 253, 1);
}
The Modern Developer - Script Codes
The Modern Developer - Script Codes
Home Page Home
Developer Matt Cowley
Username MattCowley
Uploaded June 12, 2022
Rating 4.5
Size 2,390 Kb
Views 113,344
Do you need developer help for The Modern Developer?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Matt Cowley (MattCowley) Script Codes
Name
NerdSports Landing Page
Simple Landing Page
Unreal Designs Server Default Page
Unreal Quote Page
Matilda the Musical Landing Page
CurrentShoe.com
Infinite Reloading...
UD System - Domain Not Found
Unreal-Designs.co.uk Client Area Email
Personal Site v2000000
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!