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.

Portfolio's Up!

Featured Replies

Very very Nice! You should be proud of yourself as that is a great portfolio!!!!!!

 

- Neil

Very nice mate! Like it alot. Well done!

 

Hope i can get that good at design one day!!

Wow that really is a great site!

 

('Expertees' on the Services page should read 'Expertise' - ?)

 

-Gen-

This site looks great on a 15inch low res screen. Great use of colours and everything is well spaced out.

 

It's missing your copyright!?

  • Author

Glad to hear its nice on low res, is it 1024*768?

 

I don't write any copyright on it because it's already my intellectual property by just being there, or at least that's how I thought the rules worked?

Yep 1024*768 and it looks great !

 

On the copyright, I'm not 100% sure if you still need to print it on the page as a way of telling other people you don't want them copying I could be wrong though.

Looks brilliant. Cannot fault it!

 

Love your logo for your name!

Looks nice, I think the grain is a bit overdone in the top though, makes the site a bit confusing as a whole.

  • Author
Looks nice, I think the grain is a bit overdone in the top though, makes the site a bit confusing as a whole.

 

Hmm confusing, how so? I think it may need turning down ( I've a high-contrast screen that accentuates the noise ) so I may test that and see what it looks like.

  • Author

Thanks scott and 316!

 

316, I was planning to have a hidden field (hidden by css) with a generic name that if filled, the email isnt sent, but I'm not sure how to do it (couldnt find the topic about it).

 

Any other suggestions?

There is definitely something very cool about this site! It also degrades very nicely when javascript is disabled. Well Done!

There is definitely something very cool about this site! It also degrades very nicely when javascript is disabled. Well Done!

 

I think the design is great and the site is very friendly, easy to get around and such. You dont need me telling you about your graphical skills, because they are clearly there.

 

About the quote above though, I would disagree in degrading well, are you adament on using overflow: auto; or visible, or scroll or whatever your using lol.

 

Why not just let the page grow with the content and remove the arrows altogether.

 

You could just do a quick check with a server side language like PHP for JavaScript on the clients side and if its off then display the forementioned, otherwise load your site as normal.

 

Also on this page, http://www.russbishop.co.uk/services.html at the footer, there is a repeating line at the very bottom.

 

Love your work.

 

Regards

 

Alistair :)

Lovely presentation of your work, really nicely laid out. Good job!

 

Just to let others know, copyright in the UK is automatic, and it is not a requirement to print the words "copyright" on your own work, people do it to scare potential thieves off :)

  • Author

Hi aqrc,

 

I'd love to hear your solution with the poor degrading of my work-slides, it bothers me a lot! Could you point me in the direction of how I can fulfill this?

 

Thanks very much for your support guys!

That's sick, i'm loving the little details too (like the custom icon on the templates page when you hover over the image).

 

I could spend all day writing what i like about it, there's only one thing i dislike (not even dislike really?).

 

On the contact pages, you have 3 really blurred icons (makes me a feel a little drunk). Why so... urr, i don't know the word for it. The dreamy blur effect?

 

Other than that (and i'm gonna quote the big D on this) 'I'm lovin' it' :)

The part I like the most is the background and logo. It's hard to find weak points about it. :)

Very nice! It would look a little better if everything fit on one page, since it seems you're sorta going for that, but still.. beautiful design my friend! ;)

  • Author

Thanks luke, nick, shaney and bocaj!

 

bocaj: Hmm yes I have had one other complaint about the icons, maybe i'll change them.

 

luke: hmm one page would be quite good, but separate pages always help you get found in google searches.

luke: hmm one page would be quite good, but separate pages always help you get found in google searches.

 

You could always keep separate pages and use ajax to load in the content, search engines and people without js just see the pages like they are now, but people with js enabled would see it all in one page in a slidey slidey style (or whatever effect you'd want).

 

Although, in all honesty, i think it's a tad excessive and a bit pointless.

Nice portfolio you have there!

 

Only one thing, the load times seem sort of slow.. But that might be just my internet connection.

Look amazing mate, well done!

Great design, use of colours, layout, everything!

 

It took about 15-20 seconds to load completely though...

Makes me want to start a new design for my site .... Very nice ... Was quick loading for me :-)

Hey Russ,

 

Not entirely sure I was on the ball last night with that comment, server side vs client side battle. However it is possible to send a hidden form value.

 

It would work like this, set a variable with js and when the page loads send the form to a PHP script. If PHP picks up an empty value then that must mean js is disabled and the variable never got set.

 

So then you just return the page.

 

With that said, I wasn't on the ball last night and all of this is unecessary.

 

If JS is disabled just let your css expand the content. It was stupid of me to say other wise.

 

So just get rid of overflow so the scrollbar isnt there and you will be rocking.

 

But hey its not bad with the scroll bar, i just hate scrolling within a page if you get me.

 

Cheers

 

Sorry for any confusion

 

Ali

  • Author

Sorry to hear about the long loads guys, the javascript + high quality images don't make it easy for loading, but I think the end result is worth it (probably not the best attitude).

 

Ali I like the idea of your solution to help those without javascript, although statistics (probably bias) show only 2% have it disabled?

 

Will it be easy to implement?

Yeah man, seriously don't worry about it. I was off the mark and really it's kind of redundant.

 

If its off its off and you just catch it with css.

 

Saying that though, you have your slider area styled already to cater for the jQuery.

 

So if you want the different style I think you might need to do the hidden form input, but it's fairly long winded and really not worth it in the greater scale of things.

Sorry to hear about the long loads guys, the javascript + high quality images don't make it easy for loading, but I think the end result is worth it (probably not the best attitude).

 

Ali I like the idea of your solution to help those without javascript, although statistics (probably bias) show only 2% have it disabled?

 

Will it be easy to implement?

 

Did take a while to load but I was looking at my email at the same time, gave me time to grab a soft drink and sit down to enjoy it :p well worth the wait, not the big a deal. If people want a good website, they are willing to wait a few extra seconds for a good quality designer. I know I would...

there is a quicker way for it than using a form and hidden field to process. create 2 css classes, one with styles set for non-JS page view and one for JS active page view. in the written code put in the classes for the non-JS view, then add a very small function that runs on page load in javascript to replace the non-JS class with the JS active class for the divs that need it. and voila!

 

if the page has JS enabled, the classes for JS are written into the code and view correctly, and if JS is disabled the classes are never replaced and the default code is parsed and viewed.

 

code is as follows

 

CSS:

.js-disabled {overflow:auto;}

.js-enabled {overflow:hidden;}

 

Javascript

$(document).ready(function(){

//For people with javascript disabled ----->	

$('#large-view, #small-slider, #description').removeClass('js-disabled').addClass('js-enabled');

//----------------------------------------->
});

 

HTML

<div id="description" class="right tint js-disabled">

 

this example uses the jQuery functions because i've already imported the package for use with other things.

Just import jQuery if you havn't already or use the equivalent of addClass and removeClass for whatever package you're using. then replace the ID names (#large-view) with whatever div id's you need to and you're set!

 

hope it helps :)

 

Dean

I agree with the people above, its a really nice design very fancy and subtle at the same time, I can only come up with miner remarks, one is that the site is quite large, loading the index takes almost 800kB and that is a lot for a website, even these days. The other thing is that I don't really get your subtitle "Designs Delivered" what does that mean... it's a missed opportunity to have a short and clear explanation of the function of the site that instantly catches the eye.

 

(http://www.alistapart.com/articles/writing...orksforaliving/)

Went away and tinkered around, but as you can see from the posts above there are a few ways to do this.

 

Anyway this code is tested but it required two pages as you are auto submitting the form. If you submit it to the same page it will just be an endless loop. There are ways around this also but I got lazy.

 

------------------------------------------

IGNORE THIS PART

------------------------------------------

 

Put this in your homepage

 

<body onload="java script:document.forms.hiddenForm.submit();">

<form name="hiddenForm" action="http://localhost/Templates/AlistairRossini/v7.1/index2.php" method="post">
<script type="text/javascript">
var js = 1; 
var hiddenField = '<input name="js" value="' + js + '">';
document.write(hiddenField);
</script> 
</form>


</body>

 

Set the form in css to display: none; just put the form at the bottom of your doc and out the way.

 

Then on the page with your actual content put this in the head...

 

<?php
$js = $_POST['js'];
if($js == 1)
{
return true;
}
else
{
?>
<style type="text/css">
#sliderDiv
{
	overflow: hidden;
	height: auto;
}
</style>
<?php
}
?>

 

Infact, that would annoy me if i had to have pages like that.

 

-----------------

 

Well that was a pain, but fun none the less.

 

This has been tested with and without JS enabled on the browser.

 

Ignore everything above, if you want to use this then the code you need is below.

 

Put this in your head area

<?php
$js = $_POST['js'];

if($js == 1)
{
$null;
}
else
{
?>
<style type="text/css">
#sliderDiv
{
	overflow: hidden;
	height: auto;
}
</style>
<?php
}
?>

<script type="text/javascript">
function submitForm()
{
	document.forms.hiddenForm.submit();
}
</script>

 

Put this in the body

<body onload="<?PHP if(!$js) { echo "submitForm()"; } ?>">
<form name="hiddenForm" action="" method="post">
<script type="text/javascript">
var js = 1;
var hiddenField = '<input type="hidden" name="js" value="' + js + '">';
document.write(hiddenField);
</script> 
</form>
</body>

 

You should be cooking with gas now all you have to do is insert the appropriate CSS styles above. Also the reason for the $null variable is if you were to do something like return true it seems to stop writing the HTML markup below.

 

Hope that helps, and this is a 1 page fix now.

Hi Russell

 

The website layout is superb.

 

What sells the eyes, buys the client is the ultimate aim of any portfolio.

 

The only error on your word presentation is the following, “Poorly designed websites leave a lasting”

 

Your website is far too good to carry the word poor - and it is not a wise choice of word.

 

Use that line to further promote yourself, not relegate others.

 

It is simple to navigate and immediately eye-catching.

 

Therefore, it scores the highest of marks.

 

Good luck.

Thanks scott and 316!

 

316, I was planning to have a hidden field (hidden by css) with a generic name that if filled, the email isnt sent, but I'm not sure how to do it (couldnt find the topic about it).

 

Any other suggestions?

 

Nice site! I really like it mate.

 

I use the same spamming technique. Its quite simple. In your client or server-side just add an if statement checking that the hidden box still doesn't have a value

 

Example:

 

//JavaScript
if(myHiddenField != ""){
 //spam detected so dont send email
}

//classicASP
if(myHiddenField <> "") then
 response.redirect(back to page with form on it)
end if

 

Sorry thats the only 2 languages I could do it in I'm afraid

Create an account or sign in to comment

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.