Linux, Open Source, Free Software, Bicycles, and other topics of interest.
web design
Google Font Directory
3 years ago
Google, in its endeavor in making the web a beautiful place for people spending their time online, has published a font directory. The Google Font Directory acts as a site directory for all the fonts available via the Google Fonts API.
The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. And it is free.
CMS And Website Design
3 years ago
You will find many articles on WordPress, Dokuwiki and other content management systems on this blog. It also contain good web design tips. This post consolidates all the articles related to content management systems, web designing, and web hosting in one place. Check them out !
How To Optimize Your Website – Google Teaches You
3 years ago
This is a collection of resources put together by Google which teaches you how to optimize your website.
Google has been at the forefront in urging people (mainly web masters, web designers, and web developers) in creating websites which support multiple devices, are fast loading, and standards compliant. With this goal in mind, Google is endeavouring to provide a collection of knowledge articles (tutorials) and videos which help people make their websites load faster thus speeding up the web.
(more…)
CSS Font Size – Units Used
3 years ago
by linuxandfriends
in web design
In CSS, you can fix the font size of your content using 4 different units namely em, px, pt, and %. Each of these units have their own characteristics which make them ideally suitable for use in specific situations. The following is a mind map highlighting the differences between these four units used by web designers.
30 Days to a more accessible web site
3 years ago
Web accessibility is a hot topic for web designers and users alike. For the former, it is a choice of following open standards and making sure that the websites they build are easy to navigate by its visitors and search engines alike. And for the latter (end users), it is a case of having a pleasant time navigating through the website and easily finding what they are looking for.
(more…)
Solution to problem of Flash overlapping CSS Menus or JavaScript popup
4 years ago
I recently designed a site where I had Javascript popups /CSS menu side by side with some Flash content. Unfortunately, when ever the Javascript or CSS popup was activated, the Flash content was overlapping the former. The solution to this problem lies in lowering the z-index value of the CSS or Javascript.
A more useful method I found, is to insert the value wmode="transparent" in the Flash <embed> tag as follows :
<embed quality="high" wmode="transparent"
allowscriptaccess="always" align="middle"
type="application/x-shockwave-flash" ...>
...
</embed>
I found inserting this value to do the trick and the CSS or Javascript popup is no longer hindered by the adjacent Flash content on the same page. This solution works on most recent major web browsers such as IE 8, Firefox 3, Safari 4, Opera 9 and so on. I haven’t checked if it works on older web browsers though.
How to style Div elements as Tables
4 years ago
It is possible to display any HTML element as a table using the CSS display property. Now a days with modern web browsers providing support for advanced CSS properties, it has become feasible to use block elements to display data in a tabular format. This is done by clever use of the values in the CSS display property.
(more…)