/PSDtoHTMLProject

📸 Taking Photoshop .psd, and breaking splicing this into smaller parts, and recreating these into pure HTML/CSS, without bootstrap and CSS Grid. Tough but fun project.

Primary LanguageCSS

PSDtoHTMLProject

alt text

One Paragraph of project description goes here

Getting Started

PSDtoHTML was my project to create a PSD or Photoshop document into a single page application(SPA).

To start making changes to this repo you first have to clone the repo.

Prerequisites

git

You would need to install git prior to cloning this repository.

Installing

Steps to Install:

First install git here: https://git-scm.com/downloads

On GitHub, navigate to the main page of the repository. Under the repository name, click Clone or download. In the Clone with HTTPs section, click to copy the clone URL for the repository. Open Git Bash. Change the current working directory to the location where you want the cloned directory to be made.

cd path/to/my/directory/where/I/want/to/clone/repo

Type git clone, and then paste the URL you copied in Step 2.

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY

Press Enter. Your local clone will be created.

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY

Built With

  • HTML5 - is the latest evolution of the standard that defines HTML. The term represents two different concepts. It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications. This set is sometimes called HTML5 & friends and often shortened to just HTML5.
  • CSS - a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.
  • Webkit - the web browser engine used by Safari, Mail, App Store, and many other apps on macOS, iOS, and Linux. Used for animation within CSS3

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • Most Conversion into PSD components not refined, might have to edit and modify some pictures within photoshop.
  • Mozilla MDN Docs
  • Thanks to my my dev team at Techtonic Group