Jump to content


  • Content count

  • Joined

  • Last visited

About GrahamUK33

  • Rank
    Dedicated Member

Users Experience

  • Experience
  • Area of Expertise
    I'm Learning

Contact Methods

  • Website URL

Profile Information

  • Gender
  • Location
  • Interests
    Developing a local history website called Hinckley Past & Present, my latest project is Newbury History.

Recent Profile Visitors

359 profile views
  1. CSS Validation

    I have been using the W3C CSS Validator to highlight any problems with the code. What I am getting is ‘Congratulations! No Error Found’ for CSS Level 3, but there are warnings for code like the following: -webkit-linear-gradient(top,#1e5087,#1a4677) -moz-linear-gradient(top,#1e5087,#1a4677) -ms-linear-gradient(top,#1e5087,#1a4677) -o-linear-gradient(top,#1e5087,#1a4677) Do W3C not recognise the above has good practice?
  2. I think that is certainly a page for inspiration, it has got a very nice layout with a lovely SVG graphic.
  3. When I look at the Digital Ocean website, I think it is not as stunning as some websites out there, but it does have a nice feel with a modern approach to the design. I’m sure there could be used for some inspiration, such as the colour scheme, the uncluttered look, menu, font used, graphics, etc. It is also nice to see that it not been built using Bootstrap or WordPress and that alone is inspiration.
  4. I don’t understand have against a website looking nice/stunning, both of those examples I used are nice modern websites that are functional, they are just two of many websites that are like that. Amazon isn’t the best looking of websites, but it is functional, supermarket websites are similar. People use these websites differently, by using the search as the main navigation due to the vast range of items that are on offer. Is that an excuse not to make them look nice? most defiantly not. Are people bothered Amazon is not a stunning looking website, probably not. Some companies spend a fortune to find out what people want to see, how they navigate around, competition, etc. So why not look towards those websites for inspiration. Some web design companies have stunning looking websites that show off their work. If someone is in the market for a website and they like the look of the web designer’s website, then the chances of a sale would be higher than if the website looked out of date, no flair, but just worked. Again, web design are good websites to take inspiration from. Maybe your taste is minimalistic with no frills, rather than a stunning looking website that is functional as well.
  5. People do want to see stunning websites, why do you think companies what them? It’s no different to having a shop that looks a mess compared to a shop that looks neat, tidy and modern. Most consumers make this judgement, the look and feel of a website will determine if someone perceives it as a reputable website to purchase from. Henri Lloyd and LK Bennett websites for example both look a nice modern website that is also easy to navigate. Some may get inspiration from layout, a particular feature they use, or may even be the colour scheme.
  6. I find it is nice to see that some websites are constantly evolving with the latest trends, not of them I like but that is down to personal taste. If nothing evolves then we would all be looking a website with the same old design. Some of us lack a natural flare for design, and look for inspiration from others. Having said that, these need to be functional and easy to use.
  7. @Huntargh what I have done is purchased a cheap address (URL) for when I am updating one of my websites. When I am happy with the changes, I just copy the files across to the live website. It is not the industry way of doing it, but it makes it easier for me to manage the changes. If I am only doing minor changes, then I will edit the live website. Make sure you copy the old website before making any changes, so if needed you can just copy those files back up to your webserver. I’m sure some will cringe at my method above, but its easy to use unless you want to invest in the hours of learning and industry standard of updating your website and tracking changes.
  8. Do you include the following meta tag in to your headers, is it still needed? <meta http-equiv="X-UA-Compatible" content="IE=edge"> I found that the W3C validators would fail, once the meta tag was remove the W3C validators worked. I have noticed this meta tag being use on a lot of websites, while others do not include it. What is your take on using/not using the X-UA-Compatible meta tag?
  9. I have been searching the net for inspiration for different things and keep a list of links with a brief note on what the link is for. Later, I will revisit the website and look at the code to try and understand how it was achieved. Since going through this process, I have noticed that so many web designers using Bootstrap or WordPress, which leaves me with the question of why? For the websites of larger companies that have their own web design team, I found that looking at the code is so difficult to workout how it works, there are so many CSS and JS files controlling the look and feel of the website. It looks like you have gone further with an image to what I do with my list of links and notes when I am looking for examples of menus, images, tables, etc. I am sure some people will totally get what you are doing, while other will not. Personally, I think it is a good idea, but something needs to happen with the layout to make it a bit more presentable. The problem with finding inspiration for a feature or even layout is that we all have different ideas to what we like, and then on top of that style/fashion change as well. It’s a great idea, but I think you may have a never-ending task on your hands.
  10. Hello Everyone!

    Welcome to the forum Anis.
  11. Portfolio Projects Feedback

    I like the designs, but as mentioned above having your own website would be a great way to showcase your work. Having your own website would also show an example of your web design. Look forward to see your progress.
  12. Update I have been looking at all sorts of modern designs to better show the subject of local history, I haven't found anything suitable so far. What I have done is to try and improve on what I have until I find a design that I can use. The changes I have made have reflected on some of the feedback given. The hero image at the top of the page is staying, it’s a feature I like and shows three locally well-known areas from the past. I have increased the width to make it viewable at 100% on more devices. The colour scheme has changed, the blue now used is much more softer. The background colour has a very light blue on the left/right of the page that merges in to white in the middle of the page, this is to help draw the eye to the middle. The headings have had the 3D shadows removed to make them a bit more clear to read, they are also a percentage of the main text size, ie H1 is 250%. I have changed the font, and made the text column much more narrow, this is to reflect the practice of 45-75 characters per line along with a line height of 1.5. Following this practice should make the text much more easier to read now. Some work has been done for the mobile menu to make it work better on mobile devices. I couldn’t work out how to include a close button on the menu, would visitors expect to see a close button? The 3 adverts have now a 'read more' buttons to help to show that these areas can be clicked on to view another page. This is a feature that I have a few variations of on many company websites that seem to work well. I have not found a better solution for the timeline page that is using the accordion feature. This feature works nicely using a mobile and gives the visitor a bit on interaction to view a section of interest. This page is most likely to grow a lot more with dates/events. Also the slideshows have not been looked at yet, I have noticed that some companies use slideshows to display their images. Looking at this in another way, having a slideshow could increase the amount of time a visitor stays on a page.
  13. @davep I am going to use a single column of text on all pages and follow the rules of 45-75 characters on a line. Looking at the example on css-tricks.com they are controlling the text size using percentages at different breakpoints, is this a good way to control text size to be viewed on all devices? How to I set the line height to 1.5? do I use 1.5px or 1.5em? I did look at the BBC History section which is where I got the inspiration for the accordion feature. I was looking at this feature to control the length of the page, I don’t know why the BBC have used it as when you full expand their accordion, the page isn’t that long. Here is an example of a timeline I have done for a large website at www.hinckleypastpresent.org/hinckley.html as you will see it a large page, and there is still a lot more that can be added to that page which will increase the size even more. I couldn’t find anything else to use other than the accordion feature to overcome this problem. It is interesting to look through National Geographic to see how they display their images. They use a mixture of pages with lots of images and pages with slideshows. The images that I have are old photos, most of them wouldn’t be of the quality to be show at full screen, they are also a mixture of different sizes. I have edited some to the same size, by cropping and stretching but this hasn't been ideal.
  14. @fisicx The idea of the homepage was to just introduce what the website is about and to give a very summary of the history of the town. It also gives me a chance to advertise some of the pages that make up the project. Another way of looking at it is to tick the box of having enough content, links and alt tags for Google. I’m interested to know what the advantages of having a button over a link would be apart from when using a touch screen. Apart from the menu, I have some text links and image links to entice someone to select to view another page, which in turn helps with the bounce rate. As you mentioned the image of Newbury Bridge and the canal, which are both very recognisable for the town. These subjects would both require some research for content to create a couple of pages. For now, the website is 15 pages which should give me something to work with. I think what I have done is trawled the internet in a quest to find inspiration and found features rather than a complete modern looking design. Thanks for the link to the Triumph TR website as an example, it is of an old-style design that is very typical of a car club, history websites do tend to be the same as well. I suppose most of the audience is of the older generation that don’t mind that design. I have not achieved what I set out to achieve with the design of the website. This maybe down to not finding a design that I am capable of creating, or finding a modern looking design that would work well to display a history content. For inspiration I have been looking at sites that contain a lot of articles with text and photos for example: https://www.formula1.com http://www.williamsf1.com http://formula1.ferrari.com I’m sure these types of websites would have a team of very talented people to create and maintain them, and they would be completely out of my league to create.
  15. New from Peru

    Welcome to the forum David, if you can't find the answer you are after, then I'm sure somebody will be able to help you.