Css3 snippets

For browsers that support them, please feel free to add your comments!

Text highlight colour

A cute bit of css I discovered recently for changing the highlight colour on web text, used on this site:

::-moz-selection{ background: #f8eb60; } ::selection { background: #f8eb60; }

Fade in text colour on hover

Put the following code on your a tag:
a{ color: #6B6054; -webkit-transition:color .5s ease-in; -moz-transition:color .5s ease-in; -o-transition:color .5s ease-in; transition:color .5s ease-in; } a:hover{ color: #fff; }

Done!

Text shadow – outer glow

a{ text-shadow: 0 0 2px #fff; }

Create a nicer ‘outer glow’ effect by leaving x and y offset at 0!

Jquery snippets

Very subtle bounce/fade on hover

Big thanks to Neil Grosskop.com for the code!

As seen on my twitter button in the header of this site, degrades very nicely with no js, first to animation for webkit enabled browsers, then to simple css hover effect.

Jquery code:
$(document).ready(function(){ $("img#tweet").hover(function(){ $(this).stop().animate({opacity: 0.75, marginTop: 45}, 400); }, function(){ $(this).stop().animate({opacity: 1.0, marginTop: 50}, 400); }); });

Css styling:
img#tweet{ float: right; border: 0px; margin-top: 50px; -webkit-transition-property: margin-top, opacity; -webkit-transition-duration: .4s, .4s; } img#tweet:hover{ margin-top: 45px; opacity: .75; }

Comment!

With the recent news coming out on an arrest of a teen involved with the hacking group Lulzsec, I sense a bit of hysteria coming from the general public about their personal information being stolen or published on the internet for all to see.

Lulzsec and data storage

For now it seems the rumour before the arrest was made that Lulzsec had stolen the British census data 2011 is false, the group themselves have confirmed that they do not have this data and indeed never did have this data, but it does raise a few questions about how our data is stored online.

After the Sony groups servers were hacked this year (Their stock consequently dropped by over 2.08 billion dollars – Lulzsec claimed responsibility for the hack which took them offline), it was revealed that the passwords were stored in the database as plain text. Now as a programmer I have to tell you, this is unheard of in the real world. You just never, ever, would store a password as plain text, it’s a matter of course to encrypt passwords stored in this way, quite honestly I’m still absolutely shocked at that kind of unprofessionalism from a company that you would imagine, has all the resources in the world at it’s fingertips.. yet a 10 year old with basic programming knowledge would do a better job of storing data than a multinational conglomerate!

If Sony can’t encrypt your password…?

From what we know, if a company the size of Sony, cannot store your password in a safe/encrypted fashion, imagine how many others are doing the same thing? You need to operate as if your data is NEVER safe for any accounts you hold online.

Taking online security into your own hands

  • Never use the same password for any two online accounts. You should have a different password for every online account you have. That way, if someone does get their hands on let’s say your Facebook password, they can’t go use that same password to access your Paypal account.
  • Use secure passwords, I know they can be a pain when you can’t remember what they are, but instead of choosing something easy to remember, choose something secure. Every web site will have a ‘forgot password’ form, so if you do delete cookies and don’t have it written anywhere, just use that.
  • Speaking of cookies, delete them frequently, it’s just good practice!
  • Change your passwords frequently also, to equally secure ones each time.
  • A massive part of identity theft involves someone getting their hands on a bill in your name, always make sure your post is secure, or if you don’t know the people you live with have it delivered elsewhere more securely. Always shred any paper with your name and address on it before throwing it out.
  • If you pay for something using your credit card, you will see on a lot of web sites now ‘remember my credit card details for the next time’, don’t ever select this option, type in credit card numbers fresh everytime. And if you don’t know the web site at least go through Paypal then instead so that you are not giving your credit card number to that unknown person, of course your Paypal account could still be hacked, but at least you’re not handing over your number voluntarily to a criminal web site. (Some web sites are specifically set up for this purpose, once they get enough credit cards they go offline, you not only never see the product you purchased, but now they have had your credit card number for that length of time also.)
  • Give a fake date of birth every-time a web site insists on one. I always feel quite affronted to see this for regular forum accounts or the like, they do NOT need to know or store this information for basic accounts. (Or any account really!)
  • Also give a fake or very short (just the city) address on any web site that insists on one, unless it’s for delivery purposes they don’t need to know that information.
  • Do you use your real name on Facebook? You can put a fake surname very easily even on an existing account, and you should, Facebook leaks data everywhere. You can tell friends you meet what name to search for you with.
  • Never, EVER respond to an email prompting you to login to a web site using their provided link, even when from a trusted supplier’s email address, go to your browser, type in the web address manually.

General browsing security

I use Firefox for web browsing, and there’s a plugin called ‘Scriptblocker’, that protects you against anyone intercepting you while web browsing. You can choose what you will and won’t allow, so you might allow scripts to run from the domain you’re on, but block external ones such as ‘doubleclick’. Some scripts are installing tracking on your computer so that as you browse pages, their code reports back as to your browsing habits. They can collect crazy amounts of data on you, your sex, your location, what you purchase online, your favourite web pages etc etc. This information is then sold onto various companies as a commodity without you seeing one dime, I like to block this kind of stuff when possible!

You are never fully protected

Unfortunately, even if you do all of this, you’re never really safe. Whether it’s a government web site storing your census in an insecure database, an online bank being logged into from a computer with a key-tracking virus, there are always ways to steal data. We have card-skimming, we have fraudulent web sites taking login details and re-directing you to the correct site before you know what happened, you have companies storing passwords as plain text.. you have people that go through rubbish to find a bill in your name that they can use, you have people with fake driving licences, fake passports. In my opinion, you can’t worry about all of it, criminals exist we can’t do anything about that, all you can do is at least make it harder for them and be smart. The best way to be smart is to presume your data is never safe, delete it where possible, and change things frequently including your passwords and even your credit card number from time to time!

Comment!

Today I would like to share how we at Proximo Web Design manage our email accounts, and browse the web safely and speedily!

Safer Web Browsing = Firefox

Here is what I would consider to be, the best web browser available today, Firefox. Here are just some features of Firefox that make it the best, as taken from their web site, and don’t forget, it’s a FREE download and you can get it from here!

Top Features

  • Private Browsing
  • Password Manager
  • Awesome Bar – Find the sites you love in seconds.
  • Super Speed
  • Anti-Phishing & Anti-Malware
  • Session Restore
  • One-Click Bookmarking
  • Easy Customization
  • Tabs
  • Personas

If you choose to download Firefox, you are presented with an option while installing the software, to import your bookmarks, history etc, from your previous browser (eg. Internet Explorer), then set it as your default browser so that anytime you click a link on a page, it will be the browser used.

If you do need to use Internet Explorer, or any other browser installed on your machine, the program is still there, and you can run/open it the same as usual anytime from your program list!

Download Firefox – FREE!

Best E-mail Client for your Webmail = Thunderbird

The next product we use, that I would like to recommend, is also made by Mozilla (Same makers as Firefox browser), and is an email client called Thunderbird, available as a free download here!

thunderbird

As our customers using web-mail will know, when you purchase your web site from us, we will set you up with a web based email system based on your domain name (eg.someone@proximowebdesign.ie). However, it is not always practical to use a web page to view/reply to emails sent and received. Many people use email clients such as Outlook, or Outlook Express to access their email accounts instead, and this can offer a better interface to sort through mail.

Having used both systems for email accounts, we feel Thunderbird is far superior, and includes more functionality with a friendlier interface, than the Microsoft equivalent.

Top Features

  • Tabs and Search
  • Message Archive – Selecting the Archive button or hitting the ‘A’ key will archive your email.
  • Customize Your Email Experience
  • Easier to Get Started
  • Attachment Reminder
  • Activity Manager
  • Secure and Protect Your Mail
  • Cutting Out the Junk
  • Automated Update

Download Thunderbird – FREE!

Don’t forget, if you are a client of ours, just contact us for support if you have any problems setting up your email account with this client, thanks for reading!

Comment!

← Older Newer →

Back to Top

Random Web Design Testimonials

“Hilary is the most passionate, multi-talented web expert I know! She is totally committed to delivering the absolute best for her clients, and is a pleasure to work with and be around. Not only does Hilary deliver beautiful websites, they are also fully standards compliant, and use the most up-to-date technology. I would have no hesitation recommending Hilary and Proximo Web Design to anyone – and I often do!”

Lauren O'Donovan - Digital Strategist at Creative B'stro

February 25, 2011, Lauren worked directly with Hilary at Proximo Web Design