New on LowEndTalk? Please Register and read our Community Rules.
All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.
All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.
Comments
You're already using Bootstrap, so I would suggest trying out one of the web-based site tools like DivShot. You need a lot more work done than just menu placement.
Also, $30... if you find someone at that price, for this task, you wouldn't want to hire them. $30 might get you a 10-15 minute installation of a pre-written "contact us" form, from some development 'farm' in India.
http://colorlabsproject.com/tutorials/make-your-wordpress-theme-responsive/ I guess this will help u. Y waste $30 when u urself can doit.
Wow, nice find!
bootstrap makes responsive trivial if you used less to compile your .css files.
Yeah, it's going to be more than a $30 job. I also noticed you are generating your site off a python script that you wrote. Seems to me the template would have to be adjusted there as well and designed to work with the new responsive design.
I agree - people think responsive design is just something that can be strapped on as an afterthought. That could not be further from the truth - your overall, pixel perfect, huge screen "vision" of your site is the final step (and none of it should be an afterthought).
@Raymii: I'll be brutally honest, responsive is the least of your concerns with this design. It's horrible and not just from a functional perspective (like being responsive) but from a "please don't make me attempt to scratch that itch on my retina with a chainsaw" perspective.
Thankfully, this appears to be a fun side project and not a business endeavour - that's great! This is what projects like this are for - it's a learning experience; everyone that has released something publicly is criticized in some way. Your job now is to gather the criticism, come to your own interpretations, and iterate.
I think I get the vision (trendy pastels / flat design), what you had hoped this would turn out as; but there's not a single thing here that's executed well. I would shit-can the whole thing and start all over.
My thoughts, as my eyes tracked the page:
Alright, time to actually look at the code and see how it does:
tldr nobody cares walesmd
Nice free advise here, I can really respect that. I still love this community!
I was trying my darndest to not say anything, but yes, it does need more work. The site is not that functionally pleasing. I felt like I needed a instruction manual to navigate your site.
Wow. i can navigate raymiis site fine and i see raymii asking for something in specific so i hope he finds someone that can meet his requirements, some of these comments really make me wonder sometimes.
That is more feedback than I expected, but still, it provides another viewpoint and feedback is welcome. On some points I agree, others are bullocks IMHO. I'll try to respond on most of them:
Fixed. Indeed was a different colour, now they are the same. I like green.
It's the "slogan".
Most people come in via a search engine or know what they are looking for. But I agree that it could be overwhelming. I've cleaned up a little.
Adblock?
Not everybody has a 27" screen.
Is fixed too.
I don't like the whole icon font thing. It might work if you have more, like facebook, twitter, rss, linkedin, but just a lonely rss icon looks out of place to me. Since I only have an RSS link, and no facebook and shit, thats why tehre is text instead of an icon.
Because one section wasn't enough.
Latest is a feedburner RSS scroller, an image which shows the latest articles.
How should I link an entire div? Haven't found a good way to do that yet, so if you know, show me.
I don't get what you mean here...
Correct, changed that.
Was there any ever?
Can't be bothered to optimize every image, since they're not bigger than 200K already.
Correct, changed that for this article, the rest is quite OK.
Is that sarcasm or not?
It is a bootstrap theme from Bootswatch.com.
Fixed that. Did not knew that tag existed. It is on "edge" now.
Everything is compressed with gzip.
That is used in cluster troubleshooting.
I enjoyed your feedback, so please, if you have any more, just post. As I said, different people, different viewpoints. And there is some valuable information/opinion in it.
Honestly, with bootstrap and it's media queries + classes for mobile only display, it's pretty easy as long as you read the docs.
First, add this:
link href="./inc/css/bootstrap-responsive.min.css" rel="stylesheet"
(add < and > to ends)
That should fix a lot of issues.
Maybe don't use a div. Make the 'a' element a block -- 'display: block'.
27" screen: It's only 22" but I'm not sure what that has to do with anything. My point was why are you wasting so much space. Whether it's 1200px wide or 780px wide - you're not using all of your established horizontal space within your content area. The lines in that paragraph should (for the most part) line up with the right-hand edge of the green box.
On that note: one responsive change you can make pretty easy is making the margins smaller at lower resolutions. You'll notice in the 780px screenshot almost 1/5-16th of the available real-estate is margin - that could be cut in half at least.
Linking the entire box: I was doing up a basic jsFiddle for you and I got carried away. I brought it back down to the basics and commented this one. Notice how I used percentages basically everywhere? That's the key to a responsive design - relative sizing.
h5 Typography: Your h5 headers in that article were microscopic. Very small - way smaller than the text. Also, google "HTML5 Outline" or install this from Web Store. Basically, your HTML should form a nice and neat outline. Those h5's mean there are 4 category "levels" above them.
Bothered w/ optimizing images: Set yourself up a build process. I press Ctrl+B in Sublime Text, by the time I get to another window all of my JS and CSS are minimized and combined and images are being processed.
JavaScript at end: No, that wasn't sarcastic. I was surprised it was in the right spot.
@Raymii responsive will take a bit more work, it isn't painful to a saavy web developer But I can do mobile friendly quicker
If you want the site mobilized I would be happy to do it for free if you like
i just buy theme from wrapbootstrap