CSS3 and HTML5 help

[gtx1060=value]

sooo, my boss decided it would be a great idea to put someone who hasn't touched html or css in 5 years onto a frontend dev team because they were understaffed and our backend operations basically have no on-going projects. Well, i mainly deal in javascript php and c++ and sql - NOT html or css - and im basically fucked

 

one issue im having is setting the url or href of a background image to a link instead of a file on the server - i don't know why, but the more experienced front end devs told me to do that

.showcase {
background: url (need to use a link instead of file path here - pls help)
}

 

[minibois]

instead of for example "/images/backdrop.jpeg" you could also use "mywebsite.com/images/backdrop.jpeg" if this is what you're asking.

[gtx1060=value]

Just now, Minibois said:

instead of for example "/images/backdrop.jpeg" you could also use "mywebsite.com/images/backdrop.jpeg" if this is what you're asking.

unfortunately no, i need to link it to another image not hosted on my site

 

edit: wait, do you mean you could link it to anyother website like that? doesn't seem to work for me

[minibois]

3 minutes ago, gtx1060=value said:

unfortunately no, i need to link it to another image not hosted on my site

 

edit: wait, do you mean you could link it to anyother website like that? doesn't seem to work for me

Yeah I meant that (although keep in mind, that image on the other site could disappear or change, causing yours to display an error. Unless you're very sure you need to embed the image, just make a copy on your own server. Of course keep copyrighting in mind).

But I believe you're after this:

background-image: url("somewebsite.com/images/backdrop.jpeg");

If this still doesn't work, the other website probably turned off embedding of all sorts.

[gtx1060=value]

Just now, Minibois said:

Yeah I meant that (although keep in mind, that image on the other site could disappear or change, causing yours to display an error. Unless you're very sure you need to embed the image, just make a copy on your own server. Of course keep copyrighting in mind).

But I believe you're after this:

background-image: url("somewebsite.com/images/backdrop.jpeg");

If this still doesn't work, the other website probably turned off embedding of all sorts.

oh well then, ill try, it's probably just me or something - thanks ill pm you if i have anymore issues - you do front end? or are you full stack?

[minibois]

5 minutes ago, gtx1060=value said:

oh well then, ill try, it's probably just me or something - thanks ill pm you if i have anymore issues - you do front end? or are you full stack?

I don't do web development professionally, just as a hobby.

[gtx1060=value]

1 minute ago, Minibois said:

I don't do web development professionally, just as a hobby.

oh, thanks anyways

[mattrunyon]

I believe you will need to add the protocol to the beginning. So "http://website.com/image.jpg"

[Cool Guy]

Just do this, you were pretty close.  Might I suggest learning CSS super quickly using a tutorial site or something.  It's dead easy and should only take a day to learn the basics, doing things like animations and art are much harder, but I doubt your boss would care if you did that.   

 

.classyouwanttoedit {

      background-image: url("http://images.com/image.jpg"); 

}

[gtx1060=value]

2 hours ago, Cool Guy said:

Just do this, you were pretty close.  Might I suggest learning CSS super quickly using a tutorial site or something.  It's dead easy and should only take a day to learn the basics, doing things like animations and art are much harder, but I doubt your boss would care if you did that.   

 

.classyouwanttoedit {

      background-image: url("http://images.com/image.jpg"); 

}

i already know css - but my boss is expecting a backend dev to do css3 - which wasn't really even mainstream when i was in university 

[vorticalbox]

16 minutes ago, gtx1060=value said:

i already know css - but my boss is expecting a backend dev to do css3 - which wasn't really even mainstream when i was in university 

the industry moves super fast, jobs in applying for still use php 5. People want full stack, might be worth setting a weekend a side to learn html,css they aren't hard to learn. 

 

a lot of places are using bootstrap and angularJS for their front end so might also be worth having a look there. 

[gtx1060=value]

2 hours ago, vorticalbox said:

the industry moves super fast, jobs in applying for still use php 5. People want full stack, might be worth setting a weekend a side to learn html,css they aren't hard to learn. 

 

a lot of places are using bootstrap and angularJS for their front end so might also be worth having a look there. 

i know bootstrap and angular - but my html and css was learnt 5 years ago when i was 20 and in uni - completely forgot most of the syntax

[vorticalbox]

7 hours ago, gtx1060=value said:

i know bootstrap and angular - but my html and css was learnt 5 years ago when i was 20 and in uni - completely forgot most of the syntax

it's really not changed that much, there are a few new tags and native support for playing videos but it's the same. 

 

 

[Mira Yurizaki]

18 hours ago, gtx1060=value said:

i already know css - but my boss is expecting a backend dev to do css3 - which wasn't really even mainstream when i was in university 

That's not exactly true. CSS3 is just an extension of "CSS2" or whatever. Ditto with HTML5. I started learning HTML/CSS five years ago and nothing's really changed.

 

Though the one powerful thing they added in CSS3 was media-queries. That's about the only thing I'd say you should really learn since it's the basis for responsive design.