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.

Single Page Website

Featured Replies

Folks,

 

Any decent tutorials or open source versions of those single page websites, you know the ones where links on the top, click contact and you're taken to the contact element at the bottom etc. I have a specific type in mind. Are there any open source versions where there is some form of backend where the end user can fill in the info for each section and for that info to be stored in a flat file or database. Also one where you could amend the css via the backend would be ace altogether :drinks:

Sounds like you need a content management system of some sort....there are plenty of them about:

Wordpress, Joomla, Drupal etc

 

They will all need PHP & a MySQL database.

  • Author

No its not a CMS I'm after, its a single page portfolio type page linked to a flat file, will prob just end up coding something in php unless something already exists.

 

Sounds like you need a content management system of some sort....there are plenty of them about:

Wordpress, Joomla, Drupal etc

 

They will all need PHP & a MySQL database.

I think you mean something like this :

 

<html>
<head>
</head>
<body>this is a sample page <br /><br />with different places, you can jump around. <br /><br />
<a href="#middle">go to the middle</a> <br /><br />
<a href="#bottom">go to the bottom</a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="middle">this is the middle</a><br /><br />
<a href="#bottom">go to the bottom</a><br /><br />	
<a href="#">back to the top</a> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="bottom">this is the bottom</a><br /><br /><br /><br />
<a href="#middle">go to the middle</a> <br /><br />
<a href="#">back to the top</a> 	
</body>
</html> 

  • Author

Thats an excellent link, thanks mate :tv (2):

you are lokking for this one right ? http://www.alamofire.com/

 

I think those sites work with jquery ...

easier way would be to use anchors ;)

 

if I am right :) here is the free version: http://demo.tutorialzine.com/freebies/free-xhtml-css3-website-template/template.html

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.