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.

takeroot

Members
  • Joined

  • Last visited

  1. As far as I know (and I haven't looked into the small print) you can embed a map on a site with the API no problem. Using an image of a Google map is probably a different matter. As for the ease of embedding a map I generally use the gMap jQuery plugin. Makes it so simple to embed a Google map into a page!
  2. RGBa does have fairly good support in the newer browsers. You can offer a solid colour or even a transparent PNG as a backup.
  3. The opacity property is inherited by all the child elements. A better way to do this would be to use RGBa colours. You can find out more here.
  4. #menubar ul li { float:left; /* Make list items sit on one line */ padding:0 10px; /* Apply 10px of padding to the left and right of all list items */ border-left:1px black solid; /* Add a 1px black border the the left of every item */ } #menubar ul li:first-child { padding:0 10px 0 0; /* Remove the left padding from the first list item */ border-left:none; /* Remove the border from the first list item */ } This is the bare bones code you would need to create the effect your after. Obviously you'll need to add any additional code to create the look you want. I've used the :first-child pseudo element. It has fairly good support but if you'd prefer you could add a class of .first to the first li and change the selector #menubar ul li:first-child to #menubar ul li.first.
  5. I don't think the lack off colour matters too much as you don't want to distract/detract from the photographs - they are after all the main focus of the site. All I'd recommend is to spend some time making sure everything's lined up. For example the 'Welcome' title doesn't give the desired effect of it wrapping round the image - perhaps make the image slightly bigger to fit the full content width.
  6. takeroot replied to sravis's topic in Frontend
    It's difficult to debug CSS from an image. Do you have this page uploaded anywhere? Even if you just make a JSFiddle or similar. As has been said previously it looks like there is either some margins or padding coming into play somewhere.
  7. This feature isn't something I've seen on a site for a few years and for good reason. Disabling the right click is not only annoying to your users but also fairly ineffective - they can just turn Javascript off or look at the source code and copy images/text from there.
  8. takeroot replied to calvin's topic in Web Browsers
    I always use Chrome for my day to day web browsing due to it's simple interface. For development however, it has to be Firefox every time mainly because of Firebug.
  9. Pagelime isn't something I've used before but looking at their site it's the same kind of thing. There's a few of them about and they're all a much of a muchness - I suppose you just have to look at which UI you prefer and also the pricing!
  10. Take a look a Cushy CMS or Surreal CMS. They're generally the ones suggested in this type of situation. They are both fairly easy to retrofit into any existing mark-up you've created and to top it all off, both of them offer free plans!

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.