Category: Useful Stuff

  • CSS styled slider buttons, with CSS triangles

    You can style slider buttons using css.   A simple clean style is arrows with a square box ( or a circle ). An example is like this  The code is like this <a href=”#”><div class=’arrow-wrap left’> </div></a> <a href=”#”><div class=’arrow-wrap right’> </div></a> Which sets up the links and a div per link then the css…

  • Developer Stuff

    HTML Frameworks 1. Bootstrap 2. Foundation 3. HTML5 Boilerplate 4. Skeleton CSS Preprocessors 1. LESS 2. SASS 3. Stylus JavaScript Libraries 1. jQuery 2. LoDash 3. ReactJS JavaScript Frameworks 1. AngularJS 2. Ember 3. Meteor 4. Polymer Module Loaders 1. Webpack 2. Browserify 3. Require.js JavaScript Preprocessors 1. Babel (6to5) 2. CoffeeScript 3. TypeScript Module…

  • Google not able to fetch robots.txt

    Recently I was getting a message from Web Master Tools, Googlebot can’t access your site! Over the last 24 hours, Googlebot encountered 87 errors while attempting to access your robots.txt. To ensure that we didn’t crawl any pages listed in that file, we postponed our crawl. Your site’s overall robots.txt error rate is 64.4%   Recommended action…

  • Forcing a site to HTTPS using .htaccess

    Occasionally you may want a site to be fully https. Especially since Google recently said that they may prefer HTTPS sites as getting a certificate is a costly exercise so spammers are less likely to adopt SSL. Within .htaccess the code is as follows RewriteEngine On RewriteCond %{HTTPS} off RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]    

  • Who is anticrawler.org and is it safe

    Who is anticrawler.org and is it safe

    I noticed I got referred from anticrawler.org on  my Piwik analytics. Obviously suspicions were immediately raised, but required some further investigation. The site, anticrawler.org  just has a simple request for you to add some javascript to your website. See screen shot of anticrawler.org   There is no further information, so trust level has to be…

  • How to inspect element in Safari like you can in Chrome

    When developing or tweaking a website ‘inspect element’ is an essential tool to see what is going on, especially when adjusting CSS. Chrome comes automatically with ‘right click’ inspect element, and I was trying to do this in Safari but it didn’t seem to have this feature. However, it does actually, but inspect element isn’t…