https://github.com/jswesterfield/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.
https://github.com/jswesterfield/psdtohtmlproject
Last synced: 11 months ago
JSON representation
📸 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.
- Host: GitHub
- URL: https://github.com/jswesterfield/psdtohtmlproject
- Owner: JSWesterfield
- Created: 2018-03-06T03:59:07.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-16T19:26:10.000Z (almost 8 years ago)
- Last Synced: 2025-01-07T13:12:10.345Z (about 1 year ago)
- Language: CSS
- Homepage:
- Size: 55.7 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PSDtoHTMLProject
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](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/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](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3) - a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.
* [Webkit](https://webkit.org/status/) - 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](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.
## Versioning
We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags).
## Authors
* **Jacob Westerfield** - [Porfolio Page](http://jakewesterfield.herokuapp.com/)
See also the list of [contributors](https://github.com/JSWesterfield/PSDtoHTMLProject/graphs/contributors) who participated in this project.
## License
This project is licensed under the MIT License - see the [LICENSE.md](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