Photoshop CC 2015 Tutorial: What is Technically Possible in Web Design | Adobe tutorial 2017 16/48

Photoshop CC 2015 Tutorial: What is Technically Possible in Web Design | Adobe tutorial 2017 16/48

August 6, 2019 2 By Peter Engel


Kyoto youtubers my name is N and this video here is one of the free ones that a giveaway is part of my logic or so if you are keen and you do enjoy it check out there’ll be a link in the description but for now let’s go off and look at the free stuff alright in this video we’re going to look at ways that we can help ourselves when we’re building our site after photoshop so in Photoshop we have an infinite amount of things we could do we could have a greedy amor a drop shadow with unicorns flying out of it and fire and all sorts of things so we can do that in Photoshop that’s that kind of program but when it comes to web design we’re quite limited in terms of the types of thing where you can put on our website John to its code and mainly comes down to the browsers and how old the browsers are depending on what they can and can’t support so flying unicorns no there’s no CSS feature for that but there are features for gradients and drop shadows so what we can do is we can use this website called can I use com now there are other sites like this one I really like this site and let’s say we want to work with gradients so if i type ingredient here tells me that the CSS gradient ok works on everything except opera mini now if you need to support opera mini then you’re going to have to think twice about using CSS gradients likely gradients are out at the moment and it’s all about flat design but say you do have to have a gradient that if you have to support this opera mini then you’re going to have to not use CSS gradients another thing you might need to find out where there you have to support some older browsers so if you’re building a website and the rule is we have to support at least a minimum of internet explorer 9 you are not going to behave sees his gradients now doesn’t mean you can’t use it it just means they’re not going to appear so you might design it so that there is if the gradients not applied that there is just a flat background okay fat background color and that might be fine because it’s in the background it’s not a huge important part of it let’s say something like let’s look at shadows okay so Shadows is a couple different shadows boxing so box shadows okay the shadows that hang off sides of div tags that works pretty consistently let’s look at tech shadows so it’s not supported in IE 9 again now this might be more important because you might be deciding that I’m going to have this very light blue text on this white background but it’s totally not readable unless there’s a drop shadow behind it okay so you’re relying on that drop shadow for the text to be read and what that’ll do is that Internet Explorer 9 is going to be this really faded out text on white background so it’s a little bit more important so just to have a look at this site sometimes if you’re thinking I wonder if I can do that on a website or not okay this can i use now an either a nice little extra for the site is here it’s detected than on an island that’s what i’m filming at the moment if i click import it gives me this nice stuff so at the moment by default it gave me the global stuff and now it gives me actually what’s happening in ireland so you can see globally there is ninety percent supported but island its ninety simba symp supported okay so global takes into all countries whereas island technologically quite modern so a lot more is going to be supported quite modern browsers and modern computers now if you’re doing a site there is specifically for say a developing nation you’re going to have us a lot different ratio here you’re gonna have a lot Louis you’re not going to be able to use some of these features as much as say we can hear moment all right that’s the can I use web site now I love to share so made a few of these videos free of course though I’d love for you to go on and do my full course of over fifty videos there’s a discount code in the description plz like and subscribe and hide it our good YouTube people now saluting and waving but you can see