Posts

30 Days of Code Challenge

30 Days of Code Challenge 30 Days of Code Challenge Rules #1 Code or Learn at least 1 hr per day for 30 Days. #2 Read at least 1 code created by someone else each day. #3 Copy this code and keep the journal current. #4 Post your progress daily on your feed. #5 Have Fun! This should be Rule #1. Daily Log Day Progress: Project Notes Code Read Posted Day Progress Project Notes Code Read Posted Click new code below to Copy to Clipboard and Paste in HTML between Example Feed Post Challenge Day #10 Worked on Website Project link: https://www.freecodeexamples.com Read: https://code.sololearn.com/We45394i2fZ8/?ref=app Had fun learning today accomplished a lot Log link: https://code.sololearn.com/WK97excHSJj4/?ref...

Happy Holidays Panda

Image
Seasons Greetings with 🐼Panda🐼 Fauxy's Panda Season greetings to all of you. Let's rejoice and celebrate 🎆🎇🎉🎊🎁 This is my first Coded Panda🐼. Don't forget to Upvote if you like it.By fauxy hammawa *Featured Code Created by Fauxy Hammawa Source Code HTML with CSS body{ background:-webkit-linear-gradient(left, #622569, #da70d6); width:270px; height:600px; } .head{ background-color:white; width:120px; box-shadow: inset -2px 2px 3px 0px #696969, inset 2px -2px 3px 0px #696969; height:105px; border-radius:55px;  margin-left:90px; margin-top:50px; position:relative; z-index:2; } .ear1{ background-color:black; width:60px; height:45px; border-radius:30px 30px 3px 3px;  transform:translate(75px, -120px) rotate(-45deg); box-shadow: inset 1px 1px 2px 0px white, inset -1px -...

A Compilation of Articles for Aspiring Programmers

This is a great article i found in one of my FB groups i wanted to share...  *Featured Article written by Lambert Antonio A compilation of articles for aspiring programmers LAMBERT ANTONIO · SUNDAY, DECEMBER 9, 2018 I’ve been reading the same thing over and over so I thought I’d make a list which I can point beginners to, but before that here’s a bit of a disclaimer: Scroll if you want to skip my babbling and just find the links. Parts of this compilation are some articles that I strongly believe should be read specially if you aspire to be programmers. Some of my comments may sound like a rant but believe me it is not, it is better that you get the bad habits out now before it becomes part of you permanently. Now, you may ask “Why do this when people can ask questions and get answers from willing people”. Well, it’s not just because I and some others think you are being lazy, it’s just that your laziness is out-of-place. A good programmer needs to b...

DNA Animation Canvas Example

*Featured Code Created by  D_Stark D_Stark Source Code Javascript <!DOCTYPE html> <html>     <head>         <title>D_Stark</title>     </head>     <body>         <canvas id = "c"></canvas>        <script>      //Canvas setup       ctx = document.getElementById("c").    getContext("2d");    w = ctx.canvas.width = window.innerWidth;    h = ctx.canvas.height = window.innerHeight;      var incan = 0;      function Dna(move,inc,posY,rad,col,col2,size){      //Dna object setup    this.move = move;    this.inc = inc;    this.posY = posY;    this.rad = rad;    this.col = col; ...

Free Flexbox Website Layout 1

Image
Flexbox Website Layout 1 Source Code <!doctype html> <title>Example</title> <style>   * {     box-sizing: border-box;    }   body {     display: flex;     min-height: 100vh;     flex-direction: column;     margin: 0;   }   #main {     display: flex;     flex: 1;   }   #main > article {     flex: 1;     order: 1;   }   #main > nav,    #main > aside {     flex: 0 0 20vw;   }   #main > nav {     background: #D7E8D4;     order: 3;   }   #main > aside {     background: beige;     order: 2;   }   header, footer {     background: yellowgreen;     height: 20vh;   }   header, footer, article, nav, aside { ...

Fetch Webpage HTML Source Code

Image
Use this helpful Program to Fetch and view the HTML Source Code from a Website *Featured Code Created By Calvin Fetch webpage HTML Get webpage HTML Loading... 2017© Source Code for this Program HTML with CSS and JavaScript <!DOCTYPE html> <html>     <head>         <title>Fetch webpage HTML</title>         <meta name="description" content="Fetch webpage HTML">         <meta name="keywords" content="">         <meta name="author" content="Calvin - https://www.sololearn.com/Profile/4354920">         <meta name="copyright" conte...

Free Clothing Store Website Template

Image
Free Clothing Store Website Template from W3 "W3.CSS Website Templates We have created some responsive W3.CSS website templates for you to use. You are free to modify, save, share, and use them in all your projects." Source Code <!DOCTYPE html> <html> <title>W3.CSS Template</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .w3-sidebar a {font-family: ...