GithubHelp home page GithubHelp logo

Nathan Lee's Projects

cohort_x icon cohort_x

This is a sample website for my friends and I. It shows examples of CSS animations and manipulation of the DOM via vanilla Javascript.

css_website_examples icon css_website_examples

This Repo includes examples of: websites that incorporate examples of Positioning (relative, absolute, etc), Display (inline, inline-block, etc.), Floats (left, right, clearfix, group class, collapsing parent divs), FlexBox (display:flex, flex-grow, space ratio, etc.), Mobile First Layout Design (media queries), Absolute Centering (center an icon img inside of a div), Basic CSS Layouts (Box-Sizing, max-widths, background: color, img, no-repeat, center/cover, etc.).

html_forms_example icon html_forms_example

An example of building forms w select, radio and checkboxes, that utilized optgroups, options, focus and more.

javascript_example_programs icon javascript_example_programs

This repo contains simple programs I've created using Javascript, Html, and CSS. They take user input and output data to the html and are styled within the CSS.

jordan11s icon jordan11s

Sample portfolio site built with jquery, JS, html, css, flexbox. Has a squarespace template site feel but built from scratch.

jquery_ajax_json_moviesapi icon jquery_ajax_json_moviesapi

Sample web app utilizing minimal HTML Flexbox for navigation, Jquery selectors, AJAX to retrieve JSON from the Movies OMDB_API.

jquery_example_programs icon jquery_example_programs

This Repo contains programs that incorporate jQuery, HTML, CSS and JS. The intent is to showcase different ways to use jQuery including: creating DOM elements, jQuery Variables, methods such as: hide, and show, selectors such as: children, parent, prev, hasClass, and much more..

myrecipes icon myrecipes

The Main project for professional ruby on rails course.

nate_sample_website icon nate_sample_website

Sample website that incorporates: basic html5 tags, google fonts, links, main wrappers, header, logo, nav bar, links: visited and hover, css, media queries, and responsive design.

rails_blog_app icon rails_blog_app

Rails Guide blog app: A sample blog app made in rails. Uses basic crud and basic http authentication.

the_g_grid icon the_g_grid

This repo contains a grid that I created following a tutorial. its columns are 65px spanned across 12 columns.. They are calculated into percentages with a 20px margin between each column except the first column. The first column has no left margin. Total px's used are 1000px except when the viewport grows to 1200px in width.. then we change total px's to 1100 so that our layout is set at that max-width and does not grow anymore.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.