Blog
The Doublespark blog is the place to discover what we’re up to. Read our posts to see what we’re currently working on, what or who’s inspiring us and other inside stuff from all our Doublespark locations. We blog in refreshingly non-geeky technical language and will - from time to time - post tutorials and other useful web design and SEO information on this page. You can subscribe to our RSS feed by clicking here.
CSS Best Practices: Table Tags
- Use table tags for tabular data and not layout - Tables do not mix well with CSS and do not always render correctly in some browsers. The problem with this is that it is harder to implement advanced CSS layouts. Because of this even though it is the best practice to stick to CSS and avoid table tags you can still opt to use table tags if the project is on a tight schedule.
- Group selectors that have the same CSS declarations - Instead of declaring each selector one at a time group them together. This will result in a cleaner code.
CSS Best Practices: XHTML, Defining Classes, Selectors
- Use XHTML - If you are not too familiar with XHTML you can stick to HTML, however, note that by using XHTML you will be ensuring that the website code will not be outdated when HTML is finally phased out. Furthermore using XHTML will allow XML devices to read the code, which is of course a good thing.
- Define general rules and main classes at the top of the stylesheet - This will help you during coding since it will be much easier for you to make any changes. By inserting general rules and/or main classes anywhere you wish to it will make it harder for you to find the information when you need it.
Read more … CSS Best Practices: XHTML, Defining Classes, Selectors
CSS Best Practices: Content Separation, Commenting and DOCTYPES
More and more web designers are using CSS in web design. It is important that when designing a website using CSS the web designer stick to best practices to ensure that you get a clean results and a manageable website.
Read more … CSS Best Practices: Content Separation, Commenting and DOCTYPES
CSS Frameworks in Web Design
When you’re offering web design services, it’s not uncommon to have similar design specifications even from different clients. Although ultimately the content will be different and there may be special cases for each client, it is important to note that for most of your web design work, you’re actually repeating design elements. This is where CSS frameworks come in. CSS frameworks, much like an application or development code framework, serves as a basis for your design implementations that share fairly common and core elements.
How iPhone Safari is Changing Mobile Web
With all these iPhone news and media coverage in the past week, let’s take a little time to focus on how this will affect mobile web design, both in the short term and in the long term. iPhone brings to the table what could probably be one of the most advanced Internet browser for mobile devices: iPhone Safari. Although it lacks support for java and flash, Safari brings the desktop experience of browsing the Internet to a mobile device.
Mobile Web Design News: Opera Mini 4.0 beta
Allow me to pause my on-going blog series on mobile web design and focus for the mean time on one mobile product news: Opera Mini 4.0 beta is out.
Switching Style Sheets (End)
In the onload function, we need to apply the user’s style sheet of choice either from the cookie when it exists or just use the preferred style sheet when the cookie has not yet been created.
We therefore need to implement a getPreferred StyleSheet function to return the title of a preferred style sheet. It does this by finding the style sheet with a title but whose rel attribute is not “alt”.
Switching Style Sheets (Part IV)
Last time I explained how the javascript that we can use to change the stylesheet. What we need to do next is to make the user’s choice persistent all across the website, which means, it should be applied to all other documents, and the way to do this is to make use of cookies.
Switching Style Sheets (Part III)
This is the third part of a series of post on dynamic switching of style sheets. The first postdiscussed the basic CSS knowledge required, and the second post discussed the background on style sheet switching and why it has to be implemented in javascript.
Switching Style Sheets (Part II)
In the previous post i tried to setup the knowledge foundation in creating dynamically switching style sheets. I discussed the three different relationships that external style sheets have to your document: persistent, preferred and alternate.
