Tag: CSS

Features for Developers (Firefox 3.1 beta 1)

Post author By THOMAS SETIAWAN
Post date October 15, 2008

Okey, this should be a good news.
Geolocation

Geolocation is a JavaScript API that lets a web page query the browser's location via JavaScript. It can be used to plot maps, give directions, attach location information to pictures, give a location for a weblog post and a pile of other things.
More details about Geolocation API Specification.

@font-face

Add support for the CSS @font-face property. This property allows you to specify a true type font file that includes a specific font you want to use to render a web page.
More details about @font-face

Video and Audio

Include support for the and elements. This beta includes support for the OGG Theora and OGG Vorbis formats on all platforms

And more…

Tags API, audio, browser, CSS, features, file, Firefox, font, javascript, map, maps, Mozilla, query, video

General

Pushup: Encourage others to upgrade their browsers

Post author By THOMAS SETIAWAN
Post date August 3, 2008

I just added some Javascript file and CSS in this blog. You probably will notice them, or not. You will not see something different in this page if you're using an updated internet browser. But, if you're still using old browsers, you should see a notification — it's on the upper right of the browser window — telling you about your browser status (updated or outdated).

Anyway, I got this from Pushup campaign.

Pushup is an effort to push the web forward by helping users upgrade their outdated browsers. Give your users a better web experience today by installing Pushup on your domain! A subtle upgrade link is shown when people visit your website using an outdated browser. They can click this link to visit the upgrade website for that browser, or choose to be reminded after a time you specify.

The installation (adding Javascript and CSS) is easy. Go to Pushup website, and you will get everything you need to get it installed in your website/blog. Demo is also available there. Anyway, remember Browse Happy?

Tags browser, CSS, domain, file, Firefox, installation, Internet, internet browser, internet explorer, javascript, Mozilla, Opera, people, PIN, safari, SIN, site, upgrade, website

General

Opera Web Standards Curriculum

Post author By THOMAS SETIAWAN
Post date July 11, 2008

Web Standards Curriculum (by Dev Opera) is a complete course to teach you standards-based Web development, including HTML, CSS, design principles and background theory, and JavaScript basics.

Tags browser, CSS, design, development, html, javascript, Opera

General

On Opera 9.5

I did not wait any longer to download Opera 9.5. It's still fresh, and because I'm comfortable with this browser. Because I do not have many addons — like in Firefox, I just upgraded it. The upgrade process was easy, just like doing a fresh install.
The new interface looks great and well-polished. The window tab is redesigned and I think it's much better than before. Look at the screenshot below. It uses the standard skin, special effects-enabled with “Sand” color scheme.

I am not saying that I do not like the new skin desin, but I like to have it simpler. Previously, I use another skin called “Flat”. I want to keep my Opera clean so that I can focus on the website content. Here is my current skin using the same color scheme. It has slimmer tabs, not many colors, and smaller icons… and I like it.

I do not use all features offered by Opera because I do not use Opera as my other applications like RSS reader, email client, or chat. I choose to use web-based service like Gmail and Google Reader. About other accessories, I have some Opera widgets installed: Ruler, The Colours of The Rainbow and CSS Help. Well, I miss Firefox when it's about extensions/addons. But, it's fine for me if I do not have them in Opera. :)
I still want to have Opera as my best browser, but I still find it hard to have it really customized for me. I'd like have Greasemonkey really works in Opera. I know, it's said that Greasemonkey already supported by Opera since Opera 8.0 (more about User Javascript). But, I still find it difficult to have work. Anyone? Overall, I love this release and I just hope there are more official tutorials to get the most from Opera (for users who already love Firefox); something like: How to get these in Opera?

Tags addon, application, browser, CSS, design, download, email, features, Firefox, Gmail, Google, google reader, greasemonkey, icon, icons, javascript, KNO, mail, Mozilla, Opera, release, rss, screenshot, service, SIN, site, tutorial, upgrade, website

General

Image styling in blog entry

Post author By THOMAS SETIAWAN
Post date April 18, 2008
6 Comments on Image styling in blog entry

When we write an article in our blog, sometime we insert images/photos to support our article. And this can be done easily, no matter what blogging platform we use. For example, using WordPress we can upload image using uploader tool, and with few clicks the image will go to entry editing screen. For better formatting purposes, we can manage how inserted objects should be displayed: floating left, right or in the center. For example, see the image below:

The above image is constructed using HTML codes like this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque mollis. Sed ut eros at ante congue vehicula.

Or, something like this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque mollis. Sed ut eros at ante congue vehicula.

There are many alternatives to have such output. We can use style="float: left;", align="left", align="right", etc. Is it what you want? Probably, yes. But, do you notice that the text is attached to the image? Do you want to insert some space there so that it can please your readers? Now, let's compare with this image.

Tags blogging, CSS, file, html, image, ISP, Path, photo, photos, SIN, tutorial, wordpres, WordPress

General

Opera Mini 4

It's official. Opera Software just released the latest version of Opera Mini after three beta releases. It's Opera Mini 4. In this release, there are many improvement as the entire codes were rewritten. Its rendering is also based on Opera 9.5 desktop browser. Here are some highlights:

Overview mode — Opera Mini 4 includes a new rendering architecture that allows you to view webpages just like you would on your computer. When you first load a webpage, Opera Mini will show you an overview snapshot of the page; using the new mouse cursor you can instantly zoom in to the selected region of the page.
Size of text fits width of screen — Opera Mini 4 dynamically changes the size of the text on webpages to fit the width of your phone's screen, meaning you won't have to scroll horizontally.
New standards support — Support for HTML tables, CSS handheld stylesheets, and more advanced support for CSS have been added to Opera Mini.
More highlights? Visit information page about the release. And do not forget to check the full features.

To download, you have three options: downloading directly from your mobile phone, PC or using SMS link. Since my old mobile phone (Nokia 3230) is also supported, I think I will download an install it.

Tags browser, CSS, desktop, download, features, html, mobile, mobile phone, Nokia, Opera, opera mini, phone, release, SIN, SMS, software

General

Joining CSS Reboot

Post author By THOMAS SETIAWAN
Post date April 30, 2007

I decided to join CSS Reboot (Spring 2007 Reboot). I heard about this ‘reboot'-thing for long time, and now, I take a risk to join it. If you still do not know about what CSS Reboot is, I hope these sentences will help you.

The CSS Reboot is a community event for web professionals and enthusiasts. Every November 1st and May 1st at 18:00 GMT, Rebooters from all over the world launch their standards based website redesigns simultaneously; bringing traffic, interest and a little respect to their sites. There are no prizes or arbitrary winners, just great exposure and the knowledge that we all participated in something great.

There are some Indonesian bloggers/designers joining this event.

Anyone else?
Well, regarding to this reboot, I have closed all comments and trackbacks for all blog entries. I want to re-organize things, clean up everything. I want to take the risk, because I have many works to do now.. Well, let's see. See you on May 1st, 2007!

Tags Blogger, community, CSS, design, event, Indonesia, KNO, site, website

General

SGMOB Mobile BLOG

Post author By THOMAS SETIAWAN
Post date October 19, 2006

SGMOB Mobile BLOG: Symbian Phone, Sony Ericsson Phone, Java Games, Symbian Games, Themes, Ringtones, PDA Phone and Answers.

Tags CSS, games, mobile, phone, theme, themes

General

CSS rollover generator

Post author By THOMAS SETIAWAN
Post date June 16, 2005

CSS rollover generator

Tags CSS

General

htmldog

Post author By THOMAS SETIAWAN
Post date June 14, 2005

HTML Dog

Tags CSS, html, reference, tutorial

General

CSS Animation

Post author By THOMAS SETIAWAN
Post date June 6, 2005

CSS flick animation

Tags CSS, SIN

General

CSS Reboot

Post author By THOMAS SETIAWAN
Post date March 11, 2005

CSS Reboot

Tags CSS

General

Yes. MSN goes CSS.

Post author By THOMAS SETIAWAN
Post date February 4, 2005

Yes. MSN goes CSS. (go to Douglas Bowman's entry: MSN goes CSS).

Tags CSS, design, Indonesia, site, yahoo!

General

Friendster new design: fully CSS!

Post author By THOMAS SETIAWAN
Post date January 12, 2005

Friendster comes with CSS-based layout.

Tags CSS, design

General

Oooops.. deleted

If this page loaded with no stylesheets, no need to refresh the page. All stylesheets were gone by accident. I thought I was in the right folder when I did my rm -rf. The command was correct, only not in the right location.
But anyway, I think the document can be read with no problem. Just experience how a site loaded without CSS. :)
So, I think I need to build my stylesheets from scratch… see ya!

Tags CSS, site