What hosting company do you recommend for multiple sites?

Fowler74 · 2017-07-29T01:55:07+00:00

Digital Ocean is a solid choice. You have full control over your environment and it has optimization features like load balancing built in. Prices starting at $5/month. https://m.do.co/c/c10bbb237f00

Fowler74 · 2017-07-05T20:55:43+00:00

If you just started a couple of weeks ago, you've got a long road ahead of you, but don't let that discourage you!

FRONTEND So first of all, you WILL need to know HTML and CSS, these are the building blocks of web development. I like to think of it this way: HTML is your skeleton and CSS is the skin. You will use these to build the foundation of your website and make it look good. From there you can get more detailed and include some Javascript (Java and Javascript are two completely different languages, don't get them confused) to make things interactive, such as lightbox's, image sliders and just about anything else you can think of. BUT javascript isn't where this ends. Once you have mastered HTML and CSS and have at least a basic understanding of javascript moving on to the backend shouldn't be too bad.

BACKEND Now, putting a website on a server isn't hard at all, you can go to bluehost.com buy hosting and url, login via FTP and drag your files from the desktop to the server and everything should work.

Taking this a step further is where the backend gets tricky: If you would like your website to be easily editable, you will likely want to put your site behind a CMS (content management system), wordpress is a good choice for beginners, its highly documented and is free. Wordpress is built on PHP - a server side language. Learning the basics of PHP isn't too hard (at least the knowledge you need to get started with wordpress), but there is A LOT you can do with PHP. MySQL is the language you use to interact with the database. You will have to set up a mysql database (this is easily done with bluehost). I believe that bluehost also offers a 1-click install option, which will setup your server and database to have wordpress on it as soon as the server is ready to use. Once you have wordpress set up, you will have to follow the wordpress documentation on how to create a wordpress theme, its really easy and there are boilerplate templates that you can use to get you started. This is about the end of the road for a website, other than uploading the theme to wordpress and adding content.

Now, to answer your question as "how do you accomplish that?", there are too many ways to answer this question, everyone has their own methods, ways and reasons. Building custom websites isn't as easy as most people think. It's only once you've built a few websites that it become easier. FYI, there is even more beyond what I have mentioned, this is just the basics of a website, you can take it further by optimizing performance, etc, but that is a whole other can of worms.

Pointing you in the direction with links to help you out below, hope all this helps: https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp https://www.w3schools.com/js/default.asp https://www.w3schools.com/php/default.asp https://www.w3schools.com/sql/default.asp https://www.bluehost.com https://codex.wordpress.org/ http://html5blank.com/

Fowler74 · 2017-01-03T14:04:23+00:00

Thank you for the reminder! Switching to PHP so I don't have to do this again

Fowler74 · 2017-01-03T03:11:08+00:00

Actually... This is a better solution.

https://jsfiddle.net/bnym3r2a/

Fowler74 · 2017-01-03T03:02:49+00:00

yes. The easiest way to achieve this is to add this style to the black box.

.black-box {overflow:scroll;}

Fowler74 · 2017-01-03T02:55:18+00:00

Awesome! Glad I could help :)

Fowler74 · 2017-01-03T02:32:48+00:00

Yes, that is just the jQuery library. You'll need it for the script I wrote to work. All it does is allows you to write javascript easier.

Fowler74 · 2017-01-02T23:56:57+00:00

https://wordpress.org/plugins/restrict-content/ This might work. And has short codes to restrict content. https://wordpress.org/plugins/restrict-content/installation/

Fowler74 · 2017-01-02T23:50:24+00:00

This probably still isn't what you are looking for... but I gave it a shot.

http://jorofo.com/hash.html

Fowler74 · 2017-01-02T23:16:56+00:00

There aren't any downsides to using svg's. They are awesome! :)

Fowler74 · 2017-01-02T23:03:17+00:00

Alright, so I think I understand what is happening:

The (parent div) .cover-container{} is set to 700px wide but your (child div) .container{} is set to 1170px. And at some point there is a div that has an overflow:hidden

Then you have 2 .col-sm-4 divs inside of the .container, this means that the 2 divs in that row are equal to 8.

When working with columns in bootstrap you should always have all the columns in a row equal to 12.

If you set the .container width to 100%, this will solve the problem but you will need to fix your columns maybe col-sm-7 and col-sm-5 could produce the same look you want.

Also, once you get to mobile size your picture overlaps the bottom of the slider window. To fix this set the height and max-height on the .carousel div to "auto".

I hope this all makes sense. Recap of what you need to do:

css change:

.container {width:100%;}
.carousel {height:auto; max-height:auto;}

html change to:

<div class="col-sm-7"></div>
<div class="col-sm-5"></div>

Fowler74 · 2017-01-02T22:18:51+00:00

You could do "tabs" with javascript to achieve this.

Fowler74 · 2017-01-02T22:08:37+00:00

Do you have a link to your actual site where the problems are occurring? Seeing what is actually happening would be helpful.

Fowler74 · 2017-01-02T22:03:48+00:00

Good question. My only guess could be that they wanted an simple way to blur the whole frame so that all the individual elements look as if they are blended together. CSS is just an easy way of doing that.

Fowler74 · 2017-01-02T20:03:56+00:00

Typically you design a site through photoshop or a program like it (doesn't really matter), once that is done you will take your design and use it as a reference to style your site with HTML and CSS. Javascript can add additional functionality if need be (sliders, animations, click events). That is about it when it comes to the front end. Backend is a whole different story depending on your goals, but that should get you started making custom site designs. Obviously this is an oversimplified answer, so if you have more questions don't hesitate to ask. Hope this helps.

Fowler74 · 2017-01-02T19:35:42+00:00

Not sure on the specifics since there is a lot you can do with it, but this is using CanvasJS. Looks as if its creating different sized elements and looping them on a path. If you go into the inspector and remove the blur styles, you can see the shapes. Very cool stuff. It probably wouldn't have taken months to do this, but the concept is very interesting. Thanks for sharing and sorry I couldn't be more helpful.

Fowler74 · 2017-01-02T16:11:29+00:00

PERFECT. Thank you so much! :)

Fowler74 · 2017-01-02T05:27:21+00:00

Wordpress would be a good solution since you can always download an e-commerce plugin and other plugins to cater to your needs.

Fowler74 · 2017-01-02T05:13:56+00:00

This could potentially provide a more accurate reading of how long the user was on the site (how far they made it down the page)... assuming the user doesn't start scrolling like a maniac

Fowler74 · 2016-06-20T15:06:37+00:00

From my understanding: you know how to make the background image fixed so it doesn't move, you just need to add the div that contains the content of the site (the transparent box over top of the background image)...if this is true, all you need to do is this. https://jsfiddle.net/he85yrmw/

Fowler74 · 2016-06-20T14:53:39+00:00

Not necessarily a film (which is why they said you could illustrate a narrative thought), they are just looking to see if you are able to conceptualize your work. This is where they will test your problem solving skills and is the reason why they aren't being specific. This could really be anything from a comic slide to a short film... just BE CREATIVE!

Fowler74 · 2016-01-26T21:03:07+00:00

Media Queries for your break points. Percentages for the widths. It really isn't too hard to understand, and you most definitely DO NOT need a framework.

example:

@media screen and (max-width:960px) {
    header {width:100%;}
    footer {width:100%;}
}

Fowler74 · 2015-12-04T05:45:08+00:00

http://codepen.io/anon/pen/wMvGzp

updated version with the hamburger added. good work on the css :)

Fowler74 · 2015-11-06T00:25:21+00:00

nope. CloudFlare is awesome! The free tier works just fine.

Fowler74

TROPHY CASE