Front-end Web Development

Netlify

Netlify

Netlify (netlify.com) is a free “serverless” website hosting service that offers a wide range of powerful services that make site deployment super easy and static sites super powerful. Known for the term Jamstack, a modern way to build lightning-fast websites and web apps, Netlify prioritizes performance via its CDN network and improves the developer experience by offering …

Netlify Read More »

ScrollOut

ScrollOut is a small, lightweight JS library for scroll-triggered events, such as reveal and parallax. CDN: <script src=”https://unpkg.com/scroll-out/dist/scroll-out.min.js”></script> Init <script> ScrollOut(); </script> HTML <section data-scroll=”out”> <h1>Section</h1> <p>Lorem ipsum et dolorem.</p> </section> CSS: [data-scroll] { transition: opacity 1s; } [data-scroll=”in”] { opacity: 1; } [data-scroll=”out”] { opacity: 0; } Example:

Github

GitHub is a web-based Git version control repository hosting service. It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project. GitHub …

Github Read More »

Codepen

CodePen

CodePen is a browser-based code-sharing platform for front-end web designers and developers. It is great for inspiration, education, and sharing code. You can quickly and easily conduct tests, show off your latest creations and get feedback from your peers, and find coded examples of design patterns. Codepen Links Codepen.io Instructor’s pens (kccnma) Some instructor pens …

CodePen Read More »