Responsive Design with CSS3 Media Queries

Media Queries continues to frustrate web developers just as much as they are exited. CSS3 brings tons possibilities, and solves many many problems, but it comes with a lack of support in old browsers, specially in Internet Explorer.

The V3C definition of the media query is:

A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Among the media features that can be used in media queries are ‘width’, ‘height’, and ‘color’. By using media queries, presentations can be tailored to a specific range of output devices without changing the content itself.

Continue reading “Responsive Design with CSS3 Media Queries”

Recalibrate laptop battery

If your laptop battery’s life has gotten shorter over time, The New York Times recommends recalibrating it:

…the calibration process basically involves first turning off your screensaver and other power management settings that put the computer to sleep. Then fully charge the laptop before letting it run all the way down until the computer shuts off automatically. Once the battery has fully drained, you can charge it back up again and restore your screensaver and power management settings.

If calibration doesn’t help, it’s time to purchase another battery. The Times recommends finding discounts at laptopsforless.com and batteries.com. Just make sure you pick up the right one for your model lappie.
Continue reading “Recalibrate laptop battery”

2.0 Websites – design ideas using HTML5

The hew HTML 5 is already out there. Some are using it for a while, some are waiting for more browser suppor. For all of them and for thous that doesn’t know know HTML 5, we have publish here a series of website builded on top of the new HTML 5. If you kow more websites build in HTML 5 just submit them in the comment area.

360langstrasse.sf.tv


Continue reading “2.0 Websites — design ideas using HTML5”

CSS3 @font-face solucions. Typekit vs Google Web Fonts

Not exactly  new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages.

To use web fonts, each form of the font family must be declared using the @font-face rule.

Here is a quick example, to use both regular and italic forms of “MyCoolFont”, you would put the following in your stylesheet:
Continue reading “CSS3 @font-face solucions. Typekit vs Google Web Fonts”

What is SSL certificate? Secure your data

The need for a secure system to send and receive data is primordial for any business. To this end, the SSL or Secure Socket Layer protocol was developed. This protocol allows any information sent to or from a browser to be encrypted, and SSL certificates were created to ensure that the company providing the transaction portal is who they say they are, as well as to prevent the malicious use of data. SSL certificates and an SSL logo on your company Web site are great ways to let customers know that their transactions are safe and secure.

SSL certificate – Secure your data

At a basic level, SSL is intended to encrypt data that is being sent from one place to another through a browser. When a browser requests a secure page for a transaction – typically denoted by the “HTTPS” tag at the beginning of a Web address – the Web server queried sends back a certificate of its authenticity along with encrypted data and a key to decrypt the information. The customer’s browser then confirms that the certificate is still valid, and uses the key provided to send back the data to the server. The server decrypts the information, and sends out requested document and HTML data.
Continue reading “What is SSL certificate? Secure your data”

HTTP vs HTTPS, What’s the difference

HTTPS (Hypertext Transfer Protocol over Secure Socket Layer) is a secured communication protocol between web browser and web server. You can say it is secured HTTP (think of ‘S’ in HTTPS as secured) protocol. It encrypts any communication that a user sends to a web server and decrypts at server side. Similarly, it encrypts any communication that a web server sends to a web browser and decrypts at browser side. That way HTTPS protocol provides a secured sub layer under HTTP.
Continue reading “HTTP vs HTTPS, What’s the difference”

What is Google Adsence Premium Publisher

Google has a Premium Publisher Adsense service exclusively for websites who receive more than 5 million search queries, or 20 million content page views per month.

Now that may well be out of reach for most of us but you can see the Adsense Premium Publisher in action on sites likes LinkedIn, CNN, About.com, AOL or MySpace.

Google pampers their Premium Adsense customers with perks and advantages that are strictly forbidden for regular Adsense publishers. Here’s a quick rundown of Adsense premium features using the Adsense implementation of About.com, a New York Times website:

Creating direct links to AdSense for search results – Adsense policies do not allow publishers to pre-populate Adsense for search box with keywords or create direct links to Adsense for search pages.
Continue reading “What is Google Adsence Premium Publisher”

.htaccess password protection

If you ever wanted a specific directory in your website to be protected with a password, htaccess is the correct solution!

There are various methods to password protecting directories and files of your website, some server language based such as ASP, PHP, PERL and client side based, such as JavaScript. JavaScript is not as secure or foolproof as a server-side option, a server side challenge/response is always more secure than a client dependent challenge/response. htaccess is about as secure as you can or need to get in everyday life, though there are ways above and beyond even that of htaccess.

Continue reading “.htaccess password protection”

Use Google Font API to import fancy fonts

Google’s introduction of their new Font API and Font Directory is a godsend to developers and designers everywhere.Want to use something a little nicer than Arial, but without the overhead of Cufon, Sifr, or worse? To enjoy the visual richness of diverse fonts, webmasters have resorted to workarounds such as baking text into images.

  • Natural font rendering with all of it’s advantages – selectable, zoomable, indexable, and accessible text.
  • Compatible with IE6 and up – no differences between browsers
  • No copyright issues – you can use is for printing, you can modify and use it as you wish

Continue reading “Use Google Font API to import fancy fonts”

Google Tasks Porter, an elegant way to import Google Tasks

The Data Liberation Front is a team within Google dedicated to making sure users can get their information in and out of Google products. As part of that effort, we are happy to announce a new open source product called Google Tasks Porter. Google Tasks Porter is an application that allows you to import and export your Google Tasks.

Google Tasks Porter is designed with other applications that contain task lists in mind. It supports import and export via the iCalendar format which is used by a variety of applications, including iCalendar itself. It also supports import and export to Microsoft Outlook via a CSV format. Additionally, Google Tasks Porter supports export from Remember the Milk using its iCalendar export, and import to Remember the Milk via email. You can also download a list of all your tasks in an HTML format which is designed to be portable and parseable.
Continue reading “Google Tasks Porter, an elegant way to import Google Tasks”

What is Google Task API and how to make an app

Google Tasks helps many of us to remember all those things that keep us busy. Using the Google Tasks API, developers can, for the very first time, create rich applications which integrate directly with Google Tasks.

Google Tasks is built on two basic concepts:

Task List
A list containing tasks. Users can have more than one task list to manage their tasks the way they want.
Task
A single task containing information such as the title of the task, notes, the due date, and the completed date

Continue reading “What is Google Task API and how to make an app”