Tracey Spencer's Blog

Search This Blog

Orcas in the Norwegian Sea

November 05, 2019

Get link
Facebook
X
Pinterest
Email
Other Apps

via IFTTT

IFTTT YouTube

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Most Read in the Last 7 Days:

Adding a Google Custom Search Form Without JavaScript

If you set up a Google Custom Search for your website, on the final step, 'Get Code,' it will give you some JavaScript code to paste into your site's source code. There are a number of reasons why this may not be possible, including using a CMS that strips JavaScript or having existing JavaScript on your site that conflicts with it, but Google doesn't offer any alternatives on the 'Get Code' page. It's a bit limited, but the following should work. After you set up your Google Custom Search , click on 'My search engines' in the left navigation and then click on the name of your search engine. You will be taken to a URL similar to http://www.google.co.uk/cse/ home?cx= 018436150521358100921: ih9nk8v0psa . It is the bit after cx= that is unique to your search engine and required for the next step. Simply paste the following code, where you want the search box to appear, replacing the value in the cx input with the one for your search engine...

CSS Sticky Header and Footer with Scrolling Middle

This is a way to use CSS only (no JavaScript) to have the content expand to fill the window size, with the header always visible at the top and the footer always visible at the bottom. If there's too much content, just the middle will scroll, not the whole page. You can see it in action, here . It's not perfect, but I think it's the best you can get without JavaScript and it does work perfectly on most mobile phones, which is the reason I did it. Before I get onto the code, I'd like to thank Ryan Fait for pointing me in the right direction, with his Sticky Footer . The basic code is below. I've used in-line styles to make it easier for you to see which styles are applied to which bit, but obviously you should put them into a separate stylesheet and also add fonts and change background colours etc. <html style="height:100%;margin:0;"> <head> <title>Scroll Demo</title> </head> <body style="height:100%; mar...

Daily Tech News Digest – 2026-10-27

Top tech headlines from BBC Technology , TechRadar and Ars Technica in the last 24 hours. BBC Technology Apple to replace iPhone Duos affected by screen problem Photos shared online showed faults appearing on the screens of Apple's first foldable device. Tue, 27 Oct 2026 09:37:55 GMT Anthropic's blockbuster share listing - 5 surprising things we now know Anthropic’s IPO prospectus is 355 pages and full of never before disclosed company information. Mon, 26 Oct 2026 19:57:23 GMT Anthropic warns of 'catastrophic risk' to humankind ahead of blockbuster share listing The company will be the first true artificial intelligence company to go public as tech firms continue to invest heavily in AI. Mon, 26 Oct 2026 16:27:17 GMT TechRadar Tech Bissell CrossWave Reach Plus review: brilliant simultaneous vacuuming and mopping on a budget The Bissell CrossWave Reach Plus cleans wet and dry with e...

Powered by Blogger

Orcas in the Norwegian Sea

Comments

Post a Comment