any idea for a guideline,steps, suggestions and advice?
You should try static sites generators, like Jekyll (compatible with Github), Wintersmith, etc. See https://www.staticgen.com for a list of them.
I used Windows is Jekyll compatible with my OS? Thanks..
can you share some links? it would be a big help _^
If it's a blog Jekyll is fine, otherwise I'd suggest Middleman: https://middlemanapp.com/
More features, more flexible. For example it also manages blogs, but you can have an arbitrary number of them.
If you are just getting into the beginnings of building static sites, I suggest going with the bare minimum to understand the technology first.
This means, get some hosting: GoDaddy will be fine for this, bonus points if you can figure out how to hook up a URL to it.
Find a free / cheap FTP client: I suggest Transmit if you want to pony up and FireFTP (firefox extension) for the free route. Connect to your new hosted space with the FTP client. (details for connection will be within the GoDaddy account)
Start with a single index.html file. Use your favorite text editor (Sublime or TextWrangler), grab some boilerplate and put a few "Hello Worlds" using
Once you get an idea of how it works, then move on to Jekyll or some other framework.
What is the site? What is the goal? How many pages/sections? How dynamic would it have to be?
There are way too many questions to give any sort of accurate suggestions here.
actually its a project website that has a one superstar page for a single product, it has a HOME page, Product Page, Testimonial Page, and Purchase Page.
in which it needs to be dynamic for example in the Purchase page there should be a "total cost calculator that would include amount, shipping cost and other additional cost" how can these be done?
Do you have any idea how to build or create this kind of site?
Thanks Kyle in advance.
I work on a tool for doing this -- http://roots.cx. There are a bunch of tutorial videos on the homepage. It can scale into linking with a remote cms down the line if you need it, but starts out simple and static.
+1 for Jykell & Grunt, hosted on Github pages is a amazing workflow! (This video of CSS-tricks helpt me get started)[http://css-tricks.com/video-screencasts/screencast-134-tour-site-progress-built-jekyll-grunt-sass-svg-system/]
It's pretty liberating.
Maybe in 2006.
I've made a few sites where the customer required it to be static files for security reasons with minimal server maintenance (Government). They also wanted a back-end so that they can make easy edits.
I ended up using WordPress with the REST API plugin and Angular.JS to make a Single page app. When they would publish an article, PHP would curl the REST API and save the results to static .json files. These would get deployed nightly automatically.
So simple answer to your question is build it from scratch. All of the options i'll point out below require knowledge in html,css and proper static site structures and honestly all they provide is simple organization and set-up. Making static websites is easy to do manually without any of these. A CMS like Squarespace would allow you to do these things without learning how to code.
A lot of people mention Jekyll. Personally I find it too restrictive but it is good if you'd like your site to display and organize itself around a blog structure. If you want something a bit more flexible something like http://cactusformac.com/ let's you work around templates you create and the structure is up to you. Cactus uses django and offers easy set up with pre processors like sass etc.
First figure out how many pages your website will be. If it's only one page, simply write HTML/CSS/JS the old-fashioned way. If more than one page, look into something like Middleman, Hammer, or Jekyll.
If you find your site getting too complex, maybe then you'd want to try a flat-file CMS such as Kirby, Stacey, Statamic, or Craft - I believe these are all PHP-based. My personal favorites are Kirby and Statamic.
I'd definitely go with Statamic.
I've been using CodeKit's .kit format, along with the grunt-codekit compiler. (You could of course use CodeKit for Mac OS instead of Grunt.) This format gives you includes, partials, and variables. That's about all it does.
If you just need the basics - or if you want something that you can slot into an existing Grunt/CodeKit workflow - the Kit format is pretty handy.
Depends on the site you're making, I've made a few simple websites just by throwing together a few PHP scripts (no framework, nothing) and they were enough for the job. You have to know what you need.
This doesn't answer the question, but in case you find you need a CMS, I really like Kirby, it's one that doubles as a development framework too, pure pleasure to work with.
+1 Jekyll + Github Pages
Keep it as simple as possible. I'd suggest Middleman or literally just start with a HTML5BP and code it up (if you're not familiar with middleman, jekyll, octopress workflows).
How big of a site are we talking?
i'm just building a purely website of portfolio.. is Jekyll that cool?
+1 for Jekyll.
A bit of set-up is required but once you have done one site, its a walk in the park.
Is this just a conceptual challenge or is there a reason not to use a CMS? I'd say Jekyll but technically that is a CMS… of sorts.
I'm interested to know the story behind this question :)
I think I understand. Well in that case I'd suggest just doing some research into other programming languages. I would say PHP but the cool devs seem to shun that these days, for things like Ruby and Node. If you want more of a challenge then learning these might be a good place to start.
Other than that I'd go down the route everyone is saying and try Jekyll, but bare in mind it's very easy to pick up and it might not be enough of a challenge for you ;)
I'm a front-end & Wordpress dev building my own personal site at the moment and I can vouch for the combination of Jekyll + Bourbon (with Neat for the grid) + Grunt. Very powerful!
Go for a jekyll website if it's a simple marketing site or blog. It's a little more technical than using a CMS like wordpress, but there are huge benefits such as fast editing of content and easy deploys on github. Once you get the hang of it it's much nicer than using a proper CMS, and how I build all my sites now including my own.
Also, https://ghost.org/ might be a good in-between solution to check out, too.