Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

OliverB

Members
  • Joined

  • Last visited

Everything posted by OliverB

  1. Do you have to use flat design and negative space? Just because you like flat design and that it's currently in trend doesn't mean that you have to force every website to use it. Why not add subtle gradients and minimise/remove shadows, therefore your still edging towards flat design and can be happy with it. I'm into flat design myself, but I've realised that the rules can be bent to a certain extent.
  2. Thanks cibgraphics! I'll have to have a look at the book you're in and see if I can get in any more.
  3. Personally I wouldn't do that. When I get an automated welcome message I can tell and it feels cheap. I've got 2 Twitter accounts so I know when someone uses it. Sometimes is out of context or just makes them look stupid = unfollow. I'm sure you can take some time just to say thanks for the follow.
  4. I've been subscribing to Web Designer Magazine for the past 4 years and always thought that it would be cool to be in it. Well it's happened! I submitted my URL and was accepted to feature in Aprils magazine. I don't think it's out to the general public till the 3rd April, but if you subscribe or usually buy a copy then have a look in the back and you'll find me in the web talent showcase at the back. I think that everyone should have go at submitting to a publication. It's definitely given me a confidence boost and hopefully some recognition in the industry. If anything comes from it then I'll post on here. I've got a couple of photos and a (geeky) Vine on my Twitter, if you want to check it out (@GnarlyDigitalUK)
  5. I like it! The mobile view looks good too. I've got a couple of suggestions for you... I would probably use the pink colour for your icons and images as well, e.g. the rockets on the company page, timeline etc. Make those elements pop. I would remove the top white section with email and number. I don't think it adds anything to the overall design. Style your submit button on the contact page and the tags on your blog. My last suggestion is to change your photo. You don't have to wear a suit but I'm sure you can improve on the current one. As Bobby said, it could do with some client work on there. I'm sure you'll fill it up in no time and I'd like to see it again in a couple of months.
  6. I think that the 'Go Pro' button needs to be a different colour. The 'Create your own...' box below it draws attention away from the go pro button because they are both yellow. Also the social media icons are the old versions. Not sure about the dotted border either. I think the logo and layout is nice and clean though.
  7. Give Treehouse a go. It's free for 2 weeks and I find that their learning style is great. I've got on really well with it and now subscribe to learn other skills.
  8. Excellent!! Happy to help.
  9. Hi, I agree with MG1878 that the margin between the 'new business deals' and footer is too large. Maybe try to work on a better colour palette. Try using this flat design colour palette to start you off. The colours on that site are muted and more suited to flat design.
  10. I couldn't replicate it in codepen either, so not 100% sure what's happening, But my first suggestion might help.
  11. Hello the first thing I can see is that you don't have any units for your body width and height. body{ font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 18px; background-color: #1D201E; width: 1640; <!-- this should be 1640px --> height: 1200; <!-- this should be 1200px --> } Try changing that first and see if your problem still persists. It's also worth noting that you usually apply width and height dimensions to a container wrapper (#pagewrapper) instead of the body directly.
  12. Hi everyone, I'm just wondering if browsers only download the code required (regarding page size) when you've set the div to be hidden/visible? For example... <div class="only visible on desktop"> Large image </div> <div class="only visible on phone"> Small image </div> So I only want the large image visible on the desktop and the small image visible on phones. I know how to do this properly, this is just an example. Anyway, the question is when viewing on the desktop does the hidden code get downloaded and add to the page size? OR does it just download what is needed, resulting in a smaller page size? I hope I'm explaining myself correctly, it's been a long day! Thanks
  13. I used to be in the anti bootstrap camp, but my view has definitely changed. I created a responsive website from scratch and it was a great learning experience. When I got that under my belt I decided to give bootstrap a go and it was so much quicker and less pain the iron out the problems. On the plus side it looks good on the CV that I can do both. Also if a website is more complex then I can fall back on a manual responsive website. Bootstrap 3.0 is even better than 2.0 and is easy to migrate to. For CMS you can easily overide the CSS with bootstrap. I've created a Joomla template using bootstrap and it works perfectly.
  14. I agree with both sides of the argument. Flat design is more about clear, simple UI than the actual colour scheme. Flat design does have it's place but you can't force a style/trend onto every site.
  15. Yes Browserstack is really good for cross browser testing. It's a reasonable price, has lots of different browsers, OS and devices.
  16. In future you need to get a good deposit and invoice them as you hit milestones. Any extra work should be clearly stated and a new invoice created. In your situation now I would suspend the website until payment has been made. If they want it for the event this weekend then they will pay up.
  17. Thank you for your comments. The colour scheme I was given was black and green (to match the car). I always find darker colours hard to work with.
  18. Cheers, I've added a quick fix so that the navigation is 100% and centered for smaller screens.
  19. Thanks. Yes the navigation was a bit of a pig. Tried to implement several menus and couldn't get them to work. I've got a couple of ideas up my sleeve though. Although I did slate Twitter Bootstrap in another post, I have used it recently to get a website up and running quickly and I now know it's place. Thanks for your comment, much appreciated.
  20. Hi Everyone I'd really like your feedback on a driving school site that I just launched. It's fully responsive and it was all done by myself, no frameworks. Just let me know what you think. Got a couple of sites coming up that I think will be my best so far, but let me know about this one. www.1stgeards.co.uk Thanks for your time and comments. Oliver
  21. Please get rid of the stock man with the megaphone on slide 4 saying 20% discount. I loathe those guys!
  22. That's freaking awesome and it's responsive (in a way)! Forward thinking hahaha
  23. Don't worry about it, just make sure your passion for front end development comes across and be yourself. If you feel comfortable you'll come out with the right answers. A few questions that I've been asked are... 1. What does semantic mean? 2. What websites have you currently visited and what aspects do you like about them? 3. Have a couple of your best websites in mind to use for examples. 4. When do you use id's and classes? 5. What changes has HTML5 brought? I'm sure you know all those answers so try to anticipate some curves balls like number 3. The interviews I've had have varied from cool laid back agencies to more corporate ones, just tailor your presentation slightly i.e. the cool agencies are more a chat style of interview on a couch lol. Hope those little nuggets help and good luck!
  24. Hang on, if you mean the white space at the side of your text then you just have to remove the padding. Go to style.css, line 33 and remove the padding. .indent-left { padding-left: 30px; } I hope this helps and is the answer you're after.
  25. Hi I can't see what the problem is? There is no bloke on the link you posted.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.