Skip to content

Latest commit

 

History

History
94 lines (66 loc) · 2.58 KB

File metadata and controls

94 lines (66 loc) · 2.58 KB

Development in Practice

Frontend

Use Bower package manager for most front-end libraries (JS, CSS, images, etc.). Configure its directory option to point to appropriate folder.

Use Gulp to process your assets. You can compile CSS and JS, optimize code, add browser prefixes to CSS, lint, compress and organize files, etc. You can also create Gulp task to run local web server. See gulp-connect-php as an example.

Contacts Forms:

Frameworks

Graphcs:

Tours:

CSS

Pick a set of conventions for all your class names. Keep number of rules to minimum. Some ideas:

  • use short prefix, ex. acronym of the company
  • use 2-3 words
  • -button suffix for buttons, ex. close-button
  • -input suffix for inputs, ex. name-input
  • -heading for h1-h6, ex. large-heading
  • website- suffix for header and footer, ex: website-logo
  • -container suffix for reusable elements, ex: news-container
  • single adjective for boolean properties, ex: active
  • -style suffix for style variations, ex: green-style

Show element hierarchy in class names. For example, use the same prefix message- for all ements in a container:

<div class="message-container warning-style">
  <h1 class="message-heading">Sorry...</h1>
  <p class="message-body">This product is no longer available.</p>
</div>

Python

Frameworks:

Libraries:

  • pip - Python Package Manager
  • Requests - HTTP for Humans
    • Always use timeout

Deployment

Linux:

Hosting:

  • aws.amazon.com
  • godaddy.com
  • rackspace.com
  • digitalocean.com $60 / year
  • namecheap.com $210 / year

Domain:

  • domains.google.com

SSL:

  • letsencrypt.org