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.

jpwd

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    jpwd reacted to rbrtsmith in My personal website.   
    I like the whole minimalism you've got going and the website is clearly laid out and easy to navigate.
     
    I too am hoping to find work as a front end developer here in Stockholm so I will be looking on with interest.
    Have you considered perhaps offering to work for free for a trial period for an agency It is something I am toying with but still a little unsure if this method of getting noticed is a good one.
     
    Good luck with the job hunt!
  2. Like
    jpwd reacted to teodora in Something that worries me about designing in %   
    You can wrap all your elements in a container div and add max-width to it. That way you don't need to specify max width for each element.
     
    For example:
    <div id="wrapper"> --Site content here-- </div> #wrapper{ width:90%; max-width:1300px; //specify width }
  3. Like
    jpwd got a reaction from Fitoalgotte in Invoicing for upfront payment?   
    Hi, just got a new client and this is the first time I will be receiving a down payment (25%). Would you advise invoicing for this down payment, or just invoicing for the whole amount at the end of the project?
     
    I think the best way would be to invoice for the down payment as proof it's been paid. Kind of answered the question there, but I'm guessing this is the usual way of doing things?
  4. Like
    jpwd got a reaction from teodora in 'Solutions'   
    Just me that hates seeing this on web design companies websites? Especially in a main heading. May as well stick a stick an image of a graph with an arrow pointing upwards, or two people shaking hands next to it.
  5. Like
    jpwd got a reaction from mantis in I finally redesigned my site   
    The contact form is still usable but the input fields for name and email are over to the left, half of them being off the screen so you can't see what your typing. The textarea is centred so just needs the same styles by the looks of it.
     
    Edit: Had a look on laptop, just need to take off the
     
    width:300px  
    on your last @media query
  6. Like
    jpwd got a reaction from mantis in I finally redesigned my site   
    Hi nice job, couple of things on mobile though (iPhone 4s). The contact pop up is broken and also the 'top of page' element encroaches across other text.
  7. Like
    jpwd reacted to TFM4th in Turning off stylesheets for IE7   
    Have you run your site through http://validator.w3.org/ ? That often fixes a large majority of compatibility issues once its validated.

  8. Like
    jpwd reacted to heydanreeves in Turning off stylesheets for IE7   
    You can do it with IE conditionals but you'll need two or three lines.
    // Targets IE 7 and down <!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="ie7-style.css" /> <![endif]--> // Targets all IE above 7 <!--[if gte IE 8]> <link rel="stylesheet" type="text/css" href="style.css" /> <![endif]--> // Targets all other browsers <!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="style.css" /> <!--<![endif]-->  
     
    EDIT: This article may also be helpful: http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css
     
    The general idea is to use
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />  
    for the old IE browsers you're not supporting. It's just a general typographical stylesheet so your content will still be accessibile.
  9. Like
    jpwd reacted to andy9l in Turning specific jQuery off on smaller screens   
    Perhaps check the window width before initialising your lightbox plugin onload...
    $(function(){

    var mobileWidthCutOff = 300; //pixels

    if ($(window).width() > mobileWidthCutOff){
    $("a[rel='lightbox']").lightbox();
    }

    });Might work...
  10. Like
    jpwd got a reaction from Ashley Byrom in My new site!   
    Really like the site, it's simple and really works, looks very professional. Breaks a bit in IE8 though, but the fixes will be easy with an IE8< stylesheet.
  11. Like
    jpwd got a reaction from Harman in Please review my website!   
    Hi, for what the website is, I kind of like it. It does the job and looks nice and tidy. Theres a few things that I feel would make it nicer:
     
    Don't really like the logo, especially the lock, which looks like it's been knocked up in paint. You want smooth edges on it at least. On further inspection the whole logo has jagged edges.
     
    Definitely get rid of the pop up thing asking the user to 'like' the website is very annoying and offputting! (Especially after 3 times!).
     
    Could do with a proper contact form, as anyone without a mail client installed (like me) can't contact you.
     
    The Generate button could do with 'cursor:pointer' in the css.
     
    Good Luck!
  12. Like
    jpwd got a reaction from Harman in Please review my website!   
    Have a look at dafont.com or fontsquirrel.com
  13. Like
    jpwd got a reaction from Renaissance-Design in Dreamweaver CS5 Nav Problem   
    Need to see the CSS really, however I'm guessing the problem is with the OnMouseOver etc.
     
    Instead of using that, it's better to use the :hover function is CSS. For example
     

    <html> <head> <style type="text/css"> li { display:inline; } a { background:red; color:black; text-decoration:none; padding:10px; } li.home :hover { background:blue; } a:hover { text-decoration:none; background-color:yellow; } </style> </head> <body> <ul> <li class="home"><a href="#">Home</a></li> <li><a href="#">Another Link</a></li> <li><a href="#">Yet Another</a></li> <li><a href="#">Another?</a></li> <li><a href="#">ZZZZZZ</a></li> </ul> </body> </html>
     
    If you want a different background for each <li> use a different class for each.
  14. Like
    jpwd reacted to Durden in First Portfolio Website   
    Hi,
     
    I quite like the colours of your site, however you should maybe have a second look at your typography. I found it a little difficult to focus on it and had to sit a bit closer to the screen to read it.
     
    The logo is really nice, though the "N" in design seems to be out of space compared to the rest.
     
    The right side boxes and the main content one's don't line up so look a little untidy.
     
    Perhaps ditch or move the content about your skills to a different page. A client naturally will not really care about your skills as the technical terms will mean nothing to them. Write something that sells you and what your brand is about.
     
    The portfolio section is a little bare. Make up mock designs to show off a variety of the skills you say you have on the homepage. Like I said before, people don't want to hear about your skills, they want to see them.
     
    Also are you really charging £100 per year for hosting. Brochure sites cost next to nothing to host whereas an e-commerce site will cost alot more. Perhaps do different mock ups of sites in a variety of sizes. Stick to your project plan, keep track of the time spent from start to finish and work out your own cost. Displaying any sort of price, a guide or not, on your site can lead to problems with clients. They will ignore the text that says the price can go up or down and will go by the numbers displayed...remember...when people read they read the information they want to know.
     
    Hope this helps! I'm really liking the background colours!
     
    Stevo!
     

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.