Jump to content


Member Since 07 Feb 2012
Online Last Active Today, 04:28 PM

#516835 Responsive comparison tables

Posted by BrowserBugs on 10 August 2017 - 12:58 PM

In the example you gave that sort of collapsing is done with breakpoints and float. Note the card size doesn't change; that's their set size the rest floats and uses media queries to cancel the float i would hazard a guess.

<div class="image">
Image Here
<ul class="list">
<li>Point: 1</li>
<li>Point: 2</li>
<li>Point: 3</li>

and css ...

.image {
.list {
@media all and (max-width: 600px) {
  .image {
    float: none;

Fiddle Here.


Edit: You can multi stack side by side and float either way. Work out what the collapsed order would be, then work out which should float where and until when.


Extra Edit: Sorry also see they decide to dump the 'transfer fee' from display on smaller screens to keep a nice 3 x 3 layout. Also note each only has 3 bullet points, again fits their sweet spot. Remember to check the info you can rely on coming out a dataset, missing information or clients wanting to throw in an extra field can end up the proverbial in in the ass.

#516830 Responsive comparison tables

Posted by BrowserBugs on 10 August 2017 - 11:10 AM

I'd suggest looking into responsive tables, see https://css-tricks.com/responsive-data-tables/. 

#516281 How do you answer "how much does a website cost?"?

Posted by BrowserBugs on 10 July 2017 - 07:44 AM

What have you found is best way to educate non-tech-savvy people on this?


Normally to put it in their industries context. If they sell cars it's like asking them how much is a car? If they're in catering then how much is a sit down meal? Most of them will answer 'what sort of car' or 'what menu and how many guests' and then bingo, they suddenly understand it's the criteria that sets the budget for a project.

#515894 What is Crawling?

Posted by BrowserBugs on 09 June 2017 - 08:18 AM

"move forward on the hands and knees or by dragging the body close to the ground."


... or it's where a search engines robot visits your website and 'crawls' between pages to form a cache.


Edit: Wiki Knows

#515869 We designed new website for our company :)

Posted by BrowserBugs on 07 June 2017 - 02:19 PM

The original PC Doom game was 2.39mb.


That video on your website is greater than 2 entire installs of the original Doom PC game.


That, my friend, is my new measure for anything digital!


Edit: Even PC World has caught on ;)



#515849 Web design proposal template

Posted by BrowserBugs on 06 June 2017 - 04:52 PM

IMO you shouldn't be offering discounts.  Don't try to compete on price - it's a mistake so many make.  Compete on quality and value added.


I would say the only exception (certainly in my case) to this rule is when a project ACTUALLY interests me; or when I could learn a thing or two, a startup that ACTUALLY has a real idea, not just another 'idea' that has already been covered. But in these cases for a discount I always ask for X% of the company.

#515828 Web design proposal template

Posted by BrowserBugs on 06 June 2017 - 09:47 AM

Basically I'm dealing with the finance guy and he is saying the directors gave him a small budget.

It's never going to work with penny-pinching directors and then a finance guy.


Then in reality he needs to go back and get a bigger budget. They are more than welcome to shop around for quotes, something I think they have already done and I'm 99.9% sure you are the cheapest by far, they're taking the proverbial haggling, so frustrating, nothing in London is cheap, damn a pint is over £5!


Mate that project needs to be rebuilt from the ground up, complete content overhaul as well, it's shocking! No way could that rank, and doesn't with the search terms I was digging around. If they want to be getting business for laying £650k marble floors and want to spend £800 doing it then WTF?

#515820 Web design proposal template

Posted by BrowserBugs on 06 June 2017 - 07:58 AM

I am about to quote for a job to redesign a website for a London company. They are dealing in pretty big money.


Well, I quoted £1500 and they said their budget was £800 but they'd stretch to £1000. I'm thinking of walking away.


If they're dealing in 'pretty big money' do they consider £800 a 'pretty big investment'? There's something wrong with them! Run for the hills!

#515772 Search Results on Several Pages

Posted by BrowserBugs on 03 June 2017 - 07:53 AM

Depending on the amount of data I normally use a count first followed by an offset call for the 10 per page.

$sql_count = "SELECT COUNT(*) FROM `table`";
$stmt = mysqli_prepare($con, $sql_count);
if(mysqli_stmt_execute($stmt)) {
    $result = mysqli_stmt_get_result($stmt);
    while($row = mysqli_fetch_array($result, MYSQLI_NUM)) {
        foreach($row as $r){
            $total_rows = $r;

$rowsperpage = 10; // How many results per page.
$totalpages = ceil($total_rows / $rowsperpage);
if(isset($_GET['page']) && is_numeric($_GET['page'])) { $page = (int)$_GET['page']; $curpage = $page; } else { $page = 1; $curpage = 1; };
$offset = ($page - 1) * $rowsperpage;
$result_start = ($curpage-1)*$rowsperpage+1;
$result_end = $result_start+$rowsperpage-1;
if($result_end >= $total_rows) { $result_end = $resCount; };
if($page > $totalpages && $totalpages>=1) {
    // I normally forward back to last page e.g. they try page 14 of 13 they forward to 13.

// now you can get just the 10 required for the page
$sql_data = "SELECT `col1`, `col2`, `col3` FROM `table` LIMIT ?, ?";
// these would be $offset, $rowsperpage

Then you just need the pagination ...

<?php if($totalpages >= 2) { // Only show pagination if there are more than 1 page.
$pageurl = "http://www.yourdomain.com/pagename/"; // Used to keep clean pages ?>
<div>Page <b><?php echo $page; ?></b> of <b><?php echo $totalpages; ?></b><br>
Showing <?php echo $result_start; ?> - <?php echo $result_end; ?> of <?php echo $total_rows; ?> Results</div>
$range = 2; // How many page links you want in a range around the current page.
for($x = ($page - $range); $x < (($page + $range) + 1); $x++) {
    // if it's a valid page number...
    if(($x > 0) && ($x <= $totalpages)) {
        // if we're on current page...
        if ($x == $page) {
	    // 'highlight' it but don't make a link
	    echo "<span>" . $x . "</span>";
	} else {
	    echo "<a href=\"" . $pageurl;
	    if($x>= 2) { // Only add a page link if greater than 1, /pagename/?page=1 is the same results as /pagename/ 
	        echo "?page=".$x;
	    echo "\">".$x."</a>";
<?php } ?>

#515754 Google Maps Link

Posted by BrowserBugs on 02 June 2017 - 08:03 AM

If you have the lat long it's simple enough, structure is /maps/place/lat,long so here is the empire state building, https://www.google.co.uk/maps/place/40.748441,-73.985664.


Edit: No idea why the links are not working :s

#515490 General PHP

Posted by BrowserBugs on 18 May 2017 - 05:28 AM

I got a function I made for clean links / urls with parameters ...

function pageXtra($var) { if(trim($var)=="") { return "?"; } else { return "&"; } }; // Adds either a ? or a & for a url string.

... this lets you build up the extras on a link, handy for pagination and checking if pages should exist and what the URL should be vs the URL requested.

$url = "/mypage/";
$extras = "";
if(isset($_GET['page'])) {
$extras .= pageXtra($extras) . "page=" . (int)$_GET['page'];
if(isset($_GET['order'])) {
$extras .= pageXtra($extras) . "order=" . (int)$_GET['order'];

echo $url . $extras;

// Would be /mypage/?page=1 if page is set
// Would be /mypage/?order=1 if order is set
// Would be /mypage/?page=1&order=1 if both are set

#515420 Where To Buy A PC

Posted by BrowserBugs on 16 May 2017 - 08:18 AM

I got a new rig from https://www.meshcomputers.com/, they let you customise your own spec so you can put the money in the bits that matter.

#515278 Why is my google listing looking this way?

Posted by BrowserBugs on 11 May 2017 - 12:20 PM

This is because Google doesn't always show your title tag, especially one made purely of keywords, often the search engine will form its own based upon the searched criteria including taking aspects from headings, again meta description isn't religious, this is often replace with an excerpt from the most relevant body of text.

<title>Web design in Kenya | Web design services in Kenya | Kenya Web Designers</title>

How about ...

<title>Web Design Services | Digital Warriors, Kenya</title>

Chances are more people would click through, remember SEO isn't repetitive keywords, it's a 'total score' made up of multiple factors.


On a side gripe I noticed your SEO page claiming "We are the leading specialists in seo in Kenya." ... wow, either Kenya is stuck in the 90s or its a blatant lie.

#515268 Website Design and Development

Posted by BrowserBugs on 11 May 2017 - 09:41 AM


So glad you're here Victor.


I'll share my complete requirement with you here.


I'd like a website that is like facebook but faster. Users will be able to sell products in their own shops and to each other. It needs to have everything facebook has but so people can sell products, and it needs to be done by the 17th October this year.


That is my complete set of requirements.


How much will it cost, and can you start work by Monday pls?


Ohhh and it must be VR ready and written in Apple!

#515121 301 htaccess Redirect and SEO > mergin websites

Posted by BrowserBugs on 04 May 2017 - 03:31 PM


Does this mean that no SEO value will be passed from site A to site C Home Page itself, but it will instead be passed to Site C: France specific page? Will I need to start from scratch for the site C home page in terms of SEO?


Yes site C will be starting from zero authority/rank, SEO is different, the new site should be built well with a good internal link structure. That said 'juice' for want of a better word from say site A will be applied to site C sub section France along with it's content theme, e.g. paragliding. With breadcrumb hierarchy some of that juice will flow up to its parent.


To put it simply in English the search engine heads to site A, gets a 'we've permanently moved and our new home is Site C > France', the search engine gets there and goes 'aha, here's the content we so loved, but what is this new domain?' so it goes up the hirachy to the parent home page to find 'ah, it's an entire site about paragliding and where is best to go, this sub section is about france, what others areas do they cover?'. So long as you have a good parent child structure you'll be fine, but as fisicx points out it's not an overnight thing.