1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Review 13pp.co.uk please

Discussion in 'Websites' started by JEET, Apr 5, 2020.

0
  1. #1
    Review 13pp.co.uk please

    Hi,
    Please review https://13pp.co.uk/
    (Power Press official website, wordpress alternative)

    Is the website looking fine on your mobile phone browsers?
    I have checked on safari iPhone 6, need opinions about others.

    @deathshadow
    What improvements can be done to HTML output?

    Thanks
     
    JEET, Apr 5, 2020 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,500
    Likes Received:
    4,460
    Best Answers:
    123
    Trophy Points:
    665
    #2
    It looks really cramped and busy on my screen - and way too wide to read comfortably. Don't be afraid of white space. The menu moves when you mouseover. Get someone to do you a proper logo.
    upload_2020-4-6_11-37-8.png

    It's definitely light on coding, but the css should still be in a separate file.

    Because it'll be brand new to your users I'd have a few demo sites for them to visit so that they can see that their new site can be beautiful.

    https://13pp.co.uk/post/WhatIsWrongWithWordpress
    I'd start this page with a simple table of features that you have and tick those that WordPress also has.

    Why all the <br> after each sentence. You've gone from not enough white space to so much the page looks broken.
    upload_2020-4-6_11-41-38.png

    In the "a community of novice developers" section you slam WordPress but don't make any claims that your team is any better.

    https://13pp.co.uk/post/HowToCodePowerPressPlugin - your code snippets are displayed differently each time.

    I don't recommend asking for phone numbers in registration forms unless you explicitly state why you want them.

    Oh, and you asked about mobile

    I'm stunned

    upload_2020-4-6_11-50-41.png

    I did not expect that side bar to pass google's mobile test : https://search.google.com/test/mobile-friendly?url=https://13pp.co.uk/

    upload_2020-4-6_11-49-18.png
     
    sarahk, Apr 5, 2020 IP
    JEET likes this.
  3. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    7,151
    Likes Received:
    1,656
    Best Answers:
    29
    Trophy Points:
    475
    #3
    Add line-height:1.5 em; or something like that to make your text more readable.

    Instead of making your text bold on hover in the menu, change its color instead (from blue to red for instance). Increase the menu's height too.

    And yes, you need a new/different logo.
     
    qwikad.com, Apr 5, 2020 IP
    JEET likes this.
  4. JEET

    JEET Notable Member

    Messages:
    3,825
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #4
    @sarahk
    Done some changes, removed extra line breaks too.
    Thanks for the detailed input! Deeply appreciated :)

    @qwikad.com
    Thanks for the feedback :)
    Did those changes you suggested.

    Logo is a problem, will have to hire someone.
     
    JEET, Apr 5, 2020 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,500
    Likes Received:
    4,460
    Best Answers:
    123
    Trophy Points:
    665
    #5
    Hopefully you'll get a better layout done one day, but it's amazing how much better it looks with those little changes. Well done!
     
    sarahk, Apr 5, 2020 IP
    JEET likes this.
  6. JEET

    JEET Notable Member

    Messages:
    3,825
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #6
    Thanks for the help :)
     
    JEET, Apr 5, 2020 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #7
    First thing I'd suggest is setting a max-width. The long lines are a bit hard to follow at 1440p, much less 4k/2160p.

    Next I'd add more whitespace around things, it feels all kinda tosssed in there as things are too close together to make separate sections apparent. ESPECIALLY that menu. It's also not helping that the header image and associated text spacing feels misaligned, particularly since it's not lining up to the content below it.

    Also it's copyright to WHO? Much less copyright copyright? Use the symbol OR the word, not both.

    As to the markup, it's got the outdated HTML 4 style meta where the modern charset declaration should be, a lack of a lang declaration, a description meta that's utter trash since it repeats the name, static style in the markup where it has ZERO huffing business being, a complete lack of media targets, blocking scripts in the head, What appears to be JavaScript on a page that doesn't seem to be doing anything warranting the presence of scripting, target="_blank" shoving new windows down the user's gullet whether they want them or not (there's a REASON it was deprecated in 4 Strict, screw HTML 5 putting it back), double-breaks doing <p>'s job, failure to close <li> in a manner that could lead to render issues (there's a reason closures stopped being optional in HTML 4 strict OR tranny), paragraphs around non-paragraph items, gibberish use of numbered headings such as the H1 halfway down the page, broken/incomplete forms, bold tags doing strong's job, clearing DIV as if this were 2003 using style="" as if this was 1997, absolute URI's for nothihng, data- stuff for christmas only knows what since again, I see NOTHING being done to warrant the use of JavaScript...

    The "Engrish moist goodry me love you long time" not helping matters.

    It's got problems. Hence the 13k of markup doing around 10k's job and the utter failure at the most basic of semantics and accessibility. The general lack of logical document structure through the misuse of paragraph, lack of lists on things that should be lists, and gibberish heading orders -- much less the missing headings between sections -- really make it an accessibility disaster.

    ... and as much as I protest it, moving forward it should probably have the derpy HTML 5 tags in there.

    Hence if I were writing the same page, the markup would be more along the lines of this:

    <!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
<meta
	name="viewport"
	content="width=device-width,height=device-height,initial-scale=1"
>
<meta
	name="description"
	content="The modern wordpress replacement!"
>
<meta
	name="keywords"
	content="PowerPress,wordpress,replacement,forum.blog,social"
>
<link
	rel="shortcut icon"
	href="favicon.ico"
>
<link
	rel="stylesheet"
	href="template/default/screen.css"
	media="screen,projection,tv"
>
<title>
	13PP Power Press App developers 13pp.co.uk
</title>

</head><body>

<header id="top">

	<input type="checkbox" id="toggle_mainMenu" class="toggle" hidden>

	<h1>
		<label for="toggle_mainMenu"></label>
		<a href="/">
			13PP.co.uk Power Press<br>
			<small>Powering Apps, Blogs, Forums, Communities, and More</small>
		</a>
	</h1>

	<nav>
		<label for="toggle_mainMenu"></label>
		<ul id="mainMenu">
			<li><a href="/login">DashBoard</a></li>
			<li><a href="/">Home</a></li>
			<li><a href="/post/">Posts</a></li>
			<li><a href="/login">Login</a></li>
			<li><a href="/newPost">Start new topic</a></li>
			<li><a href="/submitURL">Submit Website</a></li>
			<li><a href="/manageListing">Manage Directory Listings</a></li>
			<li><a href="/editProfile">Edit Profile</a></li>
		</ul>
	</nav>

<!-- #top --></header>

<main>
	<section>
		<h2>
			Power Press App script by 13pp.co.uk - The modern wordpress alternative!
		</h2>
		<ol>
			<li>
				<a href="/post/downloadPPA">Download Power Press & see how to do a quick installation to power your website! A lite but 7 times more powerful modern wordpress alternative!</a>
			</li><li>
				Modern script, coded for PHP 7.3, but also works on older PHP versions.
			</li><li>
				Powerful admin panel allows you to customize how your website functions, like a <strong>regular website, like a forum,  like a blog, or even like a complete social network!</strong>
			</li><li>
				Sell PPC or PPV ads directly, without having to use a third party ads provider.
			</li><li>
				Publish articles, pictures, videos just like how you do on a blog, but with more features, like fluid videos that adjust to different screen sizes automatically!
			</li><li>
				Built-in system to design landing pages for special offers and more, 100% customizable, each landing page can even load its own theme to match your targetted requirement!
			</li><li>
				In-built functionality to track performance of marketing campaigns, by tracking hits on landing pages, geo info, browser device information, and referring domains!
			</li><li>
				Built-in directory system which allows you to exchange links with other webmasters and similar websites, providing a more useful website overall.
			</li><li>
				Simple and 100% customizable website design, perfect for both mobile browsers and regular browsers. Installing themes is as easy as uploading a file to "Themes" folder!
			</li><li>
				You can choose to publish content yourself alone, or allow just selected few admins to publish content, or even allow all your website visitors to start new topics adding fresh content to your website on a regular basis!
			</li><li>
				Lots of member features which allow members to maintain a full-fledged profile, newsfeed and timeline like how you see on facebook or twitter!
			</li><li>
				Ability to load plugins and add ons makes it easy to add features to the basic framework, without having to modify the original code at all!<br>
				13PP's Power Press with:
				<a href="https://IncomeSutra.com">Stock market plugin</a>
				and with
				<a href="https://babycheers.com">Baby names plugin</a>
			</li>
		</ol>
		<p>
		<a href="/post/downloadPPA">Download the latest Power Press App script here</a><br>
		<p>
			Why setup a lame wordpress blog, when you can instead setup a mini social network community, in the same hosting cost? You do not need a costly dedicated server for the script, a simple shared hosting account is more than enough.
		</p><p>
			Its server load and mysql load is much less than a regular wordpress blog, and produces a much more cleaner HTML!!! Wordpress is now merely the choice of freelance designers, novice webmasters who do not know the first thing about HTML, and retirees-turned webmasters who are  still living in 1999.
		</p><p>
			Nobody sensible will ever use wordpress for their content management.
			<a href="/post/WhatIsWrongWithWordpress">
				Read why you should not use WP anymore.
			</a>
		</p>
		<a href="/post/PowerPressApp">More about  Power Press App</a>
	</section>

	<section>
		<h2>How to code a Power Press plugin</h2>
		<p>
			If you can code a PHP function, then you can as easily code a PowerPress plugin!
			<a href="/post/HowToCodePowerPressPlugin">
				More about How To Code Power Press Plugin
			</a>
		</p>
	</section>

	<section>
		<h2>Download & install Power Press</h2>
		<p>
			Instructions to download and install power press, the powerful wordpress replacement!
			<a href="/post/downloadPPA">More about download P P A</a>
		</p>
	</section>

	<section>
		<h2>Get in touch with core team of Power Press developers</h2>
		<p>
			If you wish to order a custom plugin for Power Press, or need some other help, get in touch with us here
			<a href="/post/getInTouch">More about get In Touch</a>
		</p>
	</section>

	<section>
		<h2>What is wrong with wordpress? Why you should not use wordpress.</h2>
		<p>
			Wordpress has become the choice of freelance designers, mostly novice webmasters who do not know the first thing about HTML or coding. They simply found a pre-made free solution, which their hosting provider installed for them, and they simply started adding posts from their admin panel, without any consideration about the HTML they are spitting out, or the torture they are putting their server through.
			<a href="/post/WhatIsWrongWithWordpress">
				More about What Is Wrong With Wordpress
			</a>
		</p>
	</section>

	<section>
		<h2>13PP Power Press App developers 13pp.co.uk</h2>
		<p>
			Power Press - The modern wordpress replacement!
		</p><p>
		<a href="/submitURL">Submit Website</a> Top matching Directory Listings
	</section>

</main>

<div id="extras">

	<section id="extras_posts">
		<h2>Posts</h2>
		<ul>
			<li><a href="/post/PowerPressApp">Power Press App</a></li>
			<li><a href="/post/HowToCodePowerPressPlugin">How To Code Power Press Plugin</a></li>
			<li><a href="/post/downloadPPA">Download P P A</a></li>
			<li><a href="/post/getInTouch">Get In Touch</a></li>
			<li><a href="/post/WhatIsWrongWithWordpress">What Is Wrong With Wordpress</a></li>
			<li><a href="/post/HowToCodeThemesForPowerPress">How To Code Themes For Power Press</a></li>
			<li><a href="/post/PowerPressPluginCalls">Power Press Plugin Calls</a></li>
		</ul>
	</section>

	<form action="https://13pp.co.uk/tagSearch" method="post" id="extras_search">
		<hr><!-- this is not part of "posts" -->
		<fieldset>
			<label>
				Search:
				<input type="search" name="t">
			</label>
			<button>Submit</button>
		</fieldset>
	</form>

	<section id="extras_postedIn">
		<h2>Posted in</h2>
		<ul>
			<-- asasuming that a list would be here -->
		</ul>
	</section>

	<section id="extras_trending">
		<h2>Trending Popular Tags</h2>
		<ul>
			<-- asasuming that a list would be here -->
		</ul>
	</section>

	<section id="extras_share">
		<hr><!-- this is not part of extras_trending -->
		<ul>
			<li class="atHash">
				<a href="https://AtHashPal.com/share.php?u=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&t=13PP+Power+Press+App+developers+13pp.co.uk&k=PowerPress,wordpress">
					AtHash
				</a>
			</li>
			<li class="twitter">
				<a href="https://twitter.com/share">
					<i class="fab fa-twitter"></i>
					Tweet
				</a>
			</li>
			<li class="facebook">
				<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&amp;src=sdkpreparse">
					<i class="fab fa-facebook"></i>
					Facebook
				</a>
			</li>
			<li class="linkedIn">
				<a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&amp;title=13PP%20Power%20Press%20App%20developers%2013pp.co.uk">
					<i class="fab fa-linkedin"></i>
					LinkedIn
				</a>
			</li>
			<li class="reddit">
				<a href="http://reddit.com/submit?url=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&amp;title=13PP%20Power%20Press%20App%20developers 13pp.co.uk">
					Reddit
				</a>
			</li>
			<li class="digg">
				<a href="http://digg.com/submit?phase=2&url=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&amp;title=13PP Power%20Press%20App%20developers%2013pp.co.uk&bodytext=">
					<i class="fab fa-digg"></i>
					Digg
				</a>
			</li>
			<li class="stumbleUpon">
				<a href="http://www.stumbleupon.com/submit?url=https%3A%2F%2F13pp.co.uk%2Fhomepage%2F&amp;title=13PP%20Power%20Press%20App%20developers%2013pp.co.uk">
					<i class="fab fa-stumbleupon-circle"></i>
					StumbleUpon
				</a>
			</li>
		</ul>
	</section>

<!-- #extras --></div>

<footer>
	<hr><!-- this is not part of #extras_share -->
	<div>
		<a href="/termsOfUse">Terms of Use</a>
		<span>Powered by <a href="/post/PowerPressApp">Power Press App</a></span>
		<a href="https://MunafaSutra.com/page/StockMarketNEWS">Stock Market News!</a>
	</div>
	&copy; <a href="/">13pp.co.uk</a>, All Rights Reserved
</footer>

<script src="scripts/library.js"></script>

</body></html>
    Code (markup):
    Pay particular attention to the use of H1, H2 and HR, the site title/name being the H1 (image replacement that if you want the derpy image), removal of paragraphs from the form and footer since they're not enough content to be GRAMMATICAL paragraphs, removal of double-breaks in what should be paragraphs, addition of an actual list to the menu, addition of hooks to allow the creation of a mobile / hamburger menu... and I even did it the "HTML 5" way as much as I hate it.

    ... and remember, HR means a change in topic, NOT "draw a line across the screen". Generally it should be used when something is NOT part of the section started by a numbered heading before it.

    I also removed all the presentational images that have ZERO business in the markup, load them from CSS where they belong! Some span could/should probably be added to the social menu text if desired to turn that into a proper iconograph, instead of just dumping the text in there willy-nilly. Likewise I fixed most of the URI's removing the "absolutes for nothing" as well as properly escaping all the href GETdata.

    See what I'm saying?
     
    deathshadow, Apr 5, 2020 IP
    JEET likes this.
  8. JEET

    JEET Notable Member

    Messages:
    3,825
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #8
    Thanks @deathshadow for the help.
    I have removed multiple <h1> from homepage.

    The javascript is there because of rating system in blog posts. That is mainly where its used.
    There are no blog posts on the site yet, that is why you did not see any use of it.

    Absolute URLS in images etc are needed because deep subcategory pages can be created.
    so, if the user is here:
    13pp.co/uk/post/tutorial/plugin/page.htm
    and the images are here:
    13pp.co.uk/images/logo.png
    then linking to image using a "../../../" might result in errors.
    This is why I linked to them using a absolute URL in the theme.

    target="_blank" is for external websites only, will open a new tab.

    The multiple <br /> inside <p> are my fault, like the non-closing <li> are.
    I did that when I was writing the content.

    From accessibility point of view, I got this tested with screen readers also, the entire CMS is coded keeping that in mind.
    Accessibility will not be an issue I think.
    I hope that was what you meant by accessibility... Or did you meant different devices?

    Thanks for the HTML markup. I will code up a theme with the HTML you have posted.

    Many thanks for the help :)
     
    JEET, Apr 6, 2020 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #9
    So ROOT the request.
    /images/logo.png

    The domain is not needed. A single forward slash puts you at root of the same domain you're already on. Hence you don't need the domain or ../

    Which STILL breaks normal forward/back navigation, creates tabs/windows the user might not even want, and again violates the entire reason it was removed from HTML 22 years ago, and only returned in HTML 5 for the same reasons EMBED is in 5; the WhatWG were morons unqualified to create 4 Strct's successor. (see the defunct HGROUP for more proof of this)

    The user wants to open in a new tab they can middle-click or ctrl-click. Don't remove the choice from those of us where it's just going to piss us off or make things harder to use! Though I'm often disturbed how many people don't know you can push the mouse wheel straight in to get a middle click

    The multiple <br /> inside <p> are my fault, like the non-closing <li> are.
    I did that when I was writing the content.

    REAL screen readers like JAWS, or pretend bullshit that's useless to the blind like the one crApple has built in or the alleged plugins for FF?

    Though a braille reader would be a good test, problem is they cost as much as many computers.

    But such accessibility is about more than "can it read it", since we also have to talk navigation. How was non-mouse arrows-only functionality? Remeember "pointing" devices are useless to the blind and for a lot of the physically challenged who use various types of joysticks and button clusters instead. That's why I'm such a stickler for proper use of numbered headings as not only does it let search make sense of the page's content organization, it also allows header menus to be built. It's a shame the last browser to have header navigation it built-in was Opera 12, so now we can't test how it works in non-visual UA's. Just one of the many "f*** our own fans" that Opera pulled when they haphazardly slopped their logo onto Chromium. Hell with some of the features coming in Chromium based desktop Edge, that looks to be more "Opera" than Opera is right now!

    If I have time after breakfast I may do the same just for laughs, with some... redesigns of certain things to fix other issues.
     
    deathshadow, Apr 6, 2020 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #10
    Even so you've got four separate scripts AND static scripting in the markup, which from what you describe should be the job of ONE script right before </body>.
     
    deathshadow, Apr 6, 2020 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #11
    ... and here's the CSS to go with it, there were minor changes to the markup so be sure to review all of it.

    https://cutcodedown.com/for_others/Jeet/weakpull/

    I gave it my current mobile menu method, and a 100% flex-height for pages that are smaller in content than the display. Laughably the mobile menu/search CSS is as big as the rest of the page.

    I also moved the search as that top-right area seemed pretty damned empty.
     
    deathshadow, Apr 6, 2020 IP
  12. JEET

    JEET Notable Member

    Messages:
    3,825
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #12
    @deathshadow many thanks once again for the theme :) Deeply appreciated! :)

    The website is tested with Jaws14, with Jaws17, and also with NVDA.
    I got a friend who is almost blind, like 95% blind, uses Jaws on windows7.
    He tests all my websites for accessibility before I put them online.

    Every little thing on the website can be accessed by screen reader using visitors.
    This also includes javascript functionality wherever its used, like in rating system, share buttons, and the BB code editor (when making blog posts)

    Entire website can be worked without touching a mouse.

    I have to do something about the header image though.

    Many thanks for the help :) :) :)
     
    JEET, Apr 6, 2020 IP
    sarahk likes this.
  13. skbataan

    skbataan Active Member

    Messages:
    127
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    80
    #13
    Hi @JEET
    Why don't you get a better design for your website? I don't think any of the above told you this. But its really not looking good though. Your logo is not professional and website too.
    I don't want to offend you. But being an IT Consultant I'd suggest you to get a new design for your website. If you need help you can let me know.

    Regards
    Sushil
     
    skbataan, Apr 7, 2020 IP
    JEET likes this.
  14. JEET

    JEET Notable Member

    Messages:
    3,825
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #14
    Hi Sushil,
    Have sent you a message conversation.
    Thanks
     
    JEET, Apr 7, 2020 IP