Everything posted by OliverB
-
(With Gradient Logo) Layout & Color with using Flat Design & Negative Space
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.
-
Featured in Aprils Web Designer Magazine
Thanks cibgraphics! I'll have to have a look at the book you're in and see if I can get in any more.
-
Twitter auto tweet
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.
-
Featured in Aprils Web Designer Magazine
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)
-
Relaunched portfolio site
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.
-
what do you think of the user Navigation on the top?
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.
-
Javascript Beginners Book
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.
-
fixing an alignment problem
Excellent!! Happy to help.
-
Having trouble with flat design, help please
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.
-
fixing an alignment problem
I couldn't replicate it in codepen either, so not 100% sure what's happening, But my first suggestion might help.
-
fixing an alignment problem
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.
-
Hidden/Visible Twitter Bootstrap
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
-
Pro's and Cons - Responsive Templates
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.
- New trend for web designing in 2013
- Web Testing Tools
-
Awkward stage with clients: Payment
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.
-
Feedback for first responsive website
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.
-
Feedback for first responsive website
Cheers, I've added a quick fix so that the navigation is 100% and centered for smaller screens.
-
Feedback for first responsive website
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.
-
Feedback for first responsive website
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
-
color scheme of www.khareeddalo.com
Please get rid of the stock man with the megaphone on slide 4 saying 20% discount. I loathe those guys!
-
Another bad website thread
That's freaking awesome and it's responsive (in a way)! Forward thinking hahaha
-
The interview shakes
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!
-
Issue with white space at one side of template
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.
-
Issue with white space at one side of template
Hi I can't see what the problem is? There is no bloke on the link you posted.