« previous next »
Pages: [1]   Go Down

Author Topic: Starting From Scratch. Questions  (Read 2118 times)

0 Members and 1 Guest are viewing this topic.

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 2297
    • CNYWeather
Starting From Scratch. Questions
« on: November 03, 2017, 10:02:10 AM »
Now that the days are shorter, i've got my heart set on building a new responsive template for my site.
Yeah, I know, a lot of work and why?

It'll keep me busy over the late fall winter and about 75% of my site views this time of year are on a mobile device.

So, to invoke the ajax routing into the new site, what else will I need to do the updates with ajax?
Code: [Select]
<script type="text/javascript" src="ajaxWDwx.js"></script>within the <head> and do a php include of testtags.php also I assume?
Logged
Tony



Offline Jasiu

  • Forecaster
  • *****
  • Posts: 949
    • LexMAWeather
Re: Starting From Scratch. Questions
« Reply #1 on: November 03, 2017, 11:34:09 AM »
I went through this exercise over a year ago, not only looking to make the site responsive but also making HTML5 compliant, incorporating CSS3, and using jQuery for all new dynamic code. The still evolving result is at https://lexmaweather.info/

If you do a view source on the home page, you can see that I pull in the ajax code (meteobridge version) and gizmo code in the head section.

Logged
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 2297
    • CNYWeather
Re: Starting From Scratch. Questions
« Reply #2 on: November 03, 2017, 12:11:34 PM »
Very nice site you've got there.
Logged
Tony



Offline Jasiu

  • Forecaster
  • *****
  • Posts: 949
    • LexMAWeather
Re: Starting From Scratch. Questions
« Reply #3 on: November 03, 2017, 12:54:14 PM »
Thank you!
Logged
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community

Offline Jáchym

  • Meteotemplate Developer
  • Forecaster
  • *****
  • Posts: 8605
    • Meteotemplate
Re: Starting From Scratch. Questions
« Reply #4 on: November 03, 2017, 01:09:35 PM »
I recommend implementing Bootstrap, it will save you a lot of time and work
Logged

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 2297
    • CNYWeather
Re: Starting From Scratch. Questions
« Reply #5 on: November 03, 2017, 01:30:05 PM »
Quote from: Jáchym on November 03, 2017, 01:09:35 PM
I recommend implementing Bootstrap, it will save you a lot of time and work

I do have a Bootstrap template i've been playing around with in Dreamweaver. I kinda like the simplicity of it.
Logged
Tony



Offline stanleyjenkins

  • Software Developer / Forecaster
  • Member
  • *
  • Posts: 14
  • Software Developer, Forecaster
    • Fantasy Blizzard
Re: Starting From Scratch. Questions
« Reply #6 on: November 03, 2017, 08:30:20 PM »
Quote from: Jáchym on November 03, 2017, 01:09:35 PM
I recommend implementing Bootstrap, it will save you a lot of time and work

Bootstrap is amazing. I cannot stress how great it is.  It's one of those things that you learn something new everyday. HIGHLY recommended.

CNYWeather... Going back to your original post, you actually want to have all of your javascript includes immediately before the </body> . Including it in the <head> is kind of old school. The reason for that is because you don't want loading of elements (especially visual things) to be hung up because your browser is fetching the javascript files first.

Logged

Offline Bunty

  • Forecaster
  • *****
  • Posts: 2432
  • Stillwater, home of Oklahoma State University
    • Welcome to Stillwater Weather
Re: Starting From Scratch. Questions
« Reply #7 on: November 08, 2017, 01:37:47 AM »
Quote from: stanleyjenkins on November 03, 2017, 08:30:20 PM
Quote from: Jáchym on November 03, 2017, 01:09:35 PM
I recommend implementing Bootstrap, it will save you a lot of time and work

Bootstrap is amazing. I cannot stress how great it is.  It's one of those things that you learn something new everyday. HIGHLY recommended.



So what are some examples of personal weather station pages based on bootstrap?
Logged

Also the 2nd home page using modified AltDashboard 6.95 at http://stillwaterweather.com/2ndhome.php

Offline stanleyjenkins

  • Software Developer / Forecaster
  • Member
  • *
  • Posts: 14
  • Software Developer, Forecaster
    • Fantasy Blizzard
Re: Starting From Scratch. Questions
« Reply #8 on: November 08, 2017, 07:15:00 AM »
Quote from: Bunty on November 08, 2017, 01:37:47 AM
So what are some examples of personal weather station pages based on bootstrap?

I currently don't have a personal weather page of any sort, but my fantasyblizzard.com website is Boostrap.  Furthermore, there are countless ready-to-use Bootstrap templates out there you can use as a great starting point.  Personal weather websites is a small niche so I don't think you'll find any templates specifically for that. I would start by penciling a basic layout on paper you might want and look for a template with that general structure.  Templates are very easy to change to get them to be exactly what you want if they're not perfect out of the box.

I have a lot of experience in this. Let me know if you have any questions!
Logged

Offline Jasiu

  • Forecaster
  • *****
  • Posts: 949
    • LexMAWeather
Re: Starting From Scratch. Questions
« Reply #9 on: November 08, 2017, 01:22:20 PM »
Any pointers on where to start on learning about Bootstrap (rather not just dive into a template  :grin:)?

Thanks!
Logged
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community

Offline spweather

  • Contributor
  • ***
  • Posts: 130
    • Sand Point Weather
Re: Starting From Scratch. Questions
« Reply #10 on: November 08, 2017, 01:47:37 PM »
Hi,

I have an opposing view of Bootstrap. I'm mentioning this here, not to get into a Bootstrap debate, but to suggest an alternative.

I am very fond of the quality & responsive products from Project Seven Development. Their products are Dreamweaver extensions so only useful to folks that have/use Dreamweaver.

I plan on using their Harmony Flexible Page Layout Builder for the redo of my website. A variation is their Vibrations: A Harmony Page Pack Collection.

For those who may consider the PVII products, they do have sales during the holidays.

Dennis

Note: I have no affiliation with Project Seven other than owning many of their products.
Logged
Regards,
Dennis

- Davis Wireless Vantage Pro2 Plus w/24hr FARS
- Davis (Ultra)Sonic Anemometer
- Boltek/MicroLDN TOA Lightening Detection
- Porcupine Labs LR4/Fluke 414D Laser Rangefinder snow depth measuring sensor

Offline stanleyjenkins

  • Software Developer / Forecaster
  • Member
  • *
  • Posts: 14
  • Software Developer, Forecaster
    • Fantasy Blizzard
Re: Starting From Scratch. Questions
« Reply #11 on: November 15, 2017, 07:10:01 AM »
Quote from: Jasiu on November 08, 2017, 01:22:20 PM
Any pointers on where to start on learning about Bootstrap (rather not just dive into a template  :grin:)?

Take a look at this page for an example on how to get started by just diving in: https://v4-alpha.getbootstrap.com/getting-started/introduction/

Give this a read too on exactly how the grid system works: https://v4-alpha.getbootstrap.com/layout/grid/

From there, I'd recommend taking a look at the following links. I use these all the time. There's so many great features made easy by just giving an element a particular class. There are many more you'll find linked from these pages.

https://v4-alpha.getbootstrap.com/components/navbar/
https://v4-alpha.getbootstrap.com/utilities/typography/
https://v4-alpha.getbootstrap.com/components/buttons/
https://v4-alpha.getbootstrap.com/components/modal/
https://v4-alpha.getbootstrap.com/components/alerts/
Logged

Offline Jasiu

  • Forecaster
  • *****
  • Posts: 949
    • LexMAWeather
Re: Starting From Scratch. Questions
« Reply #12 on: November 15, 2017, 08:53:39 AM »
ˇMuchos gracias!
Logged
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community
Pages: [1]   Go Up
« previous next »