David_Leitch
-
css bullets in 3 colum
I was able to put it together with width 33.33% and float left. You can check it out here. Hope it helps :)
-
Have made some css buttons would like to know if done correct.
Not bad, but I think there's one big way that you could improve them: do a lot more of the styling on the a tag. At the moment, you are only able to click on the text, because most of the button belongs to the li tag, which doesn't react t…
-
Help to make layout 100% height
Strangely, the solution to this problem is to use tables (well, display: table). I know, how scandalous. I've forked your CodePen here.
-
Problem with header design
I was playing around with Nordstrom's code and eventually got to this, which uses fewer divs to achieve the same result. Hope it helps :)
-
Background darker when watching YouTube video
Hi Simon, for any galleries (including videos) I use PrettyPhoto. It's fairly simple to set up and you can specify if you want an overlay on the page when viewing videos/how transparent it is etc. Hope that's a help :)
-
php start
I know you asked for links, but I have to say that Larry Ullman's two PHP / MySQL books are what really got me going with PHP: PHP and MySQL for Dynamic Web Sites Effortless E-Commerce with PHP and MySQL
-
Semantic Grid Structure
No, that's all good, I was a little tired when I wrote that so I should have taken into consideration how new you were to CSS and held back on the Sass. $pad (a variable) and @extend are both features of Sass :) I've fixed up your example…
-
Transparent Horizontal Navigation
I had a go at what I think you were after here. In it, I used rgba and Sass to get the transparency of background, as well as Compass' transition to make the opaque background fade on hover. I also wasn't sure what you meant by block, so …
-
Semantic Grid Structure
The way I keep my grids semantic is to use semantic classes, then use the @extend function of Sass to make those classes act like the columns and grids that I want. For instance, in the example here, I've used all semantic mark up, but then us…
-
Modified Don't Overthink It Grids and Styling
Unfortunately, the only way that I could solve the problem was to put the whole grid in a container div, which is probably not the most semantic way to go about it. I put one together here to show you what I mean. By using a containing div, you can …
-
need some help to improve this template
Yeah, looks great. Agree with Chris that the text in the banner (the yellow text) is a bit hard to see. Perhaps put a white, low opacity background to that area or text-shadow and see how that looks :)
-
Critique on new website.
Not looking too bad at all :) A couple of points to consider though: In my browser, there's a lot of lag (if that's the right term here). As in, it takes a noticeable amount of time to scroll and a very long time to finish loading. I thin…
-
Positioning a floated element above its preceding element
Thanks @wolfcry911, must have been have writing it before my morning coffee :) But I stand by the clear right on the other divs. If I don't have that there, the divs floated to the right don't go underneath one another, they lay side by s…
-
Critique/help me with design
Just a quick note: When I visited the page, I initially didn't realise that clicking on the different fonts would expand that area and give more information. Perhaps you should have some sort of visual cue that clicking on the area will bring …
-
Website Feedback Request
At the very least, I would have a look at how different browser widths affect your main content area. In very narrow browsers, the main content area is so narrow that the text is practically unreadable. In very wide browsers, the line length becomes…
-
Modified Don't Overthink It Grids and Styling
Thanks for the input, Andy. I understand that in the first grid it's the lack of padding on the final element that's causing the element to be wider. In the second grid, however, this is fixed by putting the padding on the left of the ele…
-
Website Design feedback
Looking good, but some suggestions come to mind: I personally dislike that the slider's position jumps up at the 1000px-ish mark. If you really want to have it move up, perhaps you could a CSS animation to slide it up quickly. It would look ni…
-
Table width too narrow
Heyo, in the final .days table row of the January calendar, you have eight table data elements (td) rather than seven. This is making the table add an extra column and making the original seven narrower. Deleting the extra td will take care of it :)
-
Are CSS Grids any good?
I've been using Chris Coyier's Don't Overthink It Grids, with Matt Berridge's modification. It's lightweight, simple to implement and really effective. In addition, I use then .container{ @extend .grid; //add…
-
can anyone tell me the best website to learn html. css and js..please...
I also much prefer books to websites and my favourite one for CSS is AdvancED CSS by Joe Lewis , Meitar Moscovitz, though you'll probably want to have the basics down before you read it.
-
What are the pros and cons of a computer science degree for web desing/development career?
I agree with @TheDoc. I'm currently completing a double degree in Media Arts / Computer Science and can honestly say that the majority of my learning has taken place independently on the internet. If you intend to take up a career in front end …
-
Fitvids - make it respect original embed width?
To make videos responsive, I generally use Elastic Videos, rather than a Javascript solution, so you may want to give that a look. I've worked up a CodePen where the video is responsive after the min-width of 560px is reached. Unfortunately, I…
-
CSS & Images breaking on file inclusion
I'm not sure if this is the best or most maintainable solution, but you could use URLs that are relative to the root of the web site, rather than relative to the current page. This is done using a forward slash at the beginning of the URL. …
-
How to make a floated image act responsively?
Hey, I've worked up a quick CodePen to give you some help. In my example, I floated the image, rather than the text. Then, by giving the image a width of 60%, the image will respond to the width of the browser. I've also done a media quer…
-
Centering a nav element in a div.
Just having a look at that, I think your problem might be related to using float: left on nav ul. nav ul is the container of all of the nav links, so floating that to left with take the whole menu to the left. I would try display: block; margin: 0…
-
Background Picture
Sorry, my mistake :) Have fixed it now
-
Background Picture
@jkinney768 is right, although I would suggest creating a couple of different versions of the background in different sizes. Otherwise, users on mobile phones will still have to download a 2000x1400px image, which may be several mb in size. I would …
-
Page Border with Pseudo Elements
Oh, you champion. Thanks for the help :)
-
Overflow Problems
Because you've floated your sidebar, the container is only growing to the height of main content. You just need to add a clearfix to the container element and the container will grow to the height of the sidebar and the margin-bottom will be ap…