Redesign!

Seperti tahun-tahun sebelumnya, setiap akhir taun gw ada kebiasaan merombak layout blog. Dan kali ini untuk kesekian kalinya blog gw berubah! Skarang pake themes orang laen yang gw rombak-rombak tentunya. Themes-nya cenggi dong, Grid-A-Licious!

Happy new year folks! Happy new year Lana and Mom, I Love you both, very-very much!

Designing around hAccessibility

Designing around hAccessibility

HTML 5 canvas - the basics

The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a “context” (think about a page in a drawing pad), into which you can issue JavaScript commands to draw anything you want.

Uni-Form

Uni-Form is an attempt to standardize form markup (xhtml) andcss, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Web Development Project Estimator

The Web Development Project Estimator is a simple tool that allows web designers and site developers to quickly and thoroughly estimate the time and materials required for a proposed web project.

Formy

Formy is CSS Framework for better form management.

Accessible News Slider

Accessible News Slider is a JavaScript plugin built for the jQuery library. It meets the accessibility requirements as outlined by WCAG 1.0.

12 resources for getting a jump on HTML 5

12 resources for getting a jump on HTML 5

jQuery SWFObject Plugin

The jQuery SWFObject plugin is an addon for jQuery that offers SWFObject’s unique functionality of embedding Flash content using the internal jQuery API.

Font-weight is still broken in all but one browser

Since its inception in 1996, CSS has provided a way of displaying these other weights through use a numerical scale with the font-weight property. This is still almost entirely broken in every current browser except Firefox 3 on Mac.

CSS Selectors and Pseudo Selectors and browser support

A range of CSS tests concerning selectors and pseudo selectors.

Structural Tags in HTML5

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical diventries from our code. So let’s dig in.

Don’t Click Here! - Placing Links in Context

Don’t Click Here! - Placing Links in Context

Bokeh Type Experiment

Bokeh Type Experiment

Flipping Typical

A way to explore the popular typefaces you have on your computer from within your browser

The 17-inch MacBook Pro

The 17-inch MacBook Pro

The new 17-inch MacBook Pro, the most powerful Mac notebook ever. Enjoy the ultimate mobile creative studio with up to 8 hours of battery life.

Stylesinspiration

Stylesinspiration

Semantics in HTML 5

Semantics in HTML 5

PXtoEM.com

PX to EM conversion made simple.

Google tells users to drop IE6

Taking a page out of Apple’s book, Google is now urging Gmail users to drop Internet Explorer 6 (IE6) in favor of Firefox or Chrome that, according to the company, run the popular web-based email service “twice as fast.” Google also labels IE6 as an unsupported browser, meaning it fails to run some Gmail features.

Agile Carousel

Jquery Slideshow Plugin. Easily create a custom carousel including many different transition & easing options.

Lovely Package

Lovely Package

The leading source for the very best that package design has to offer.

2008 - The Year in Pictures

2008 - The Year in Pictures

jQuery alert dialog

A set of methods that provide an inline, customizable way to show JavaScript alerts, confirmations, and prompts.

Espresso

Espresso

Espresso, the highly-anticipated web design and development platform from MacRabbit (creators of CSSEdit), has been released as a public beta

10 Usability Tips for Web Designers

Simply put, usability is making your website easy for your visitors to find the information they need when they need it.

Things

Things

Things is a beautifully focused and amazingly intuitive task manager. Other task managers either oversimplify or are too difficult to use. Either way you are not getting stuff done. Things instead has the right balance between ease of use and powerful features.

typo/graphic posters

typo/graphic posters

A directory of typographic and graphic posters

CSS SuperScrub

This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.

WP-Invoice

WP-Invoice

WP-Invoice lets WordPress blog owners send itemized invoices to their clients. Ideal for web developers, SEO consultants, general contractors, or anyone with a WordPress and clients to bill.

Yahoo! Query Language

Yahoo! makes a lot of structured data available to developers, primarily through its web services. These services require developers to locate the right URLs and documentation to access and query them which can result in a very fragmented experience.

HTML-Ipsum

HTML-Ipsum

Another Lorem Ipsum online generator by CSS-Trick.

gridr buildrrr

Online grid builder

Equal Height Columns with jQuery

The plugin’s functionality is so simple because it’s designed to do only one thing: set all elements you specify to the same height.

Useful resources to improve the look and features of HTML Forms

Are you looking for some useful tips to improve the look and features of your standard HTML FORM elements?

DD_belatedPNG

background-image + background-repeat + background-position + 24-bit PNGs for Internet Explorer 6 (…Better late than never!)

wp-Hyphenate

Hyphenation increases the visual appeal of your web site. When jus ti fy ing text with out hyphen ation, word spac ing is dis tract ingly large. With left-​aligned text, the right edge will be unnec es sar ily ragged.

The Grid System

The Grid System

The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

We don't do photos

We don’t do photos

WDDP is a collective of young and talented people from different backgrounds, but having the same interest in capturing things. They do graphics, web, chatting, browsing, fixing broken mainboards, tees, exhibitions, canvases, walking around malls, babysitting, anything. but none of them do photos. no they don’t.

Emastic Beta3

Emastic beta 3 comes with some structural improvements percent-grid.css and absolute-grid.css. These components will give even more flexibility, elasticity and absolute positioning. Also semantic.css to improve the naming convention and code organization.

Via CSSGlobe

Online AppleStore Indonesia

Online AppleStore Indonesia

BlueTripCSS

BlueTripCSS

Another CSS Framework, a combination of Blueprint and Tripoli. Download or view the demos.

Prototyping with XHTML

So what does it mean to prototype with XHTML? Essentially, it’s the process of using the XHTML itself, and related technologies, to evolve and define your design solution. And what does an XHTML prototype look like?

Making Web Fonts Work — Jon Tan

Making Web Fonts Work — Jon Tan

New Duoh!

New Duoh!

10 Easy Steps to Become a Better Web Designer

Revisit the original creative brief, just because your designing something you like - doesn’t mean the client will like it. You have to look at the age group and demographic target your trying to reach, all these things are very important and you should take extra steps to not lose site of this.

Microformats and Microsoft

Now, Microsoft, who’ve been doing some interesting microformats related things with hSlices have released some excellent microformats oriented tools and more.

Via: microformatique

typeface.js

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

Light Art Performance Photography

Light Art Performance Photography

A First Hand Guide On How To Start Freelancing

In this guest article, Jacen Nicely goes through the first hand personal experiences of becoming a freelance designer detailing the emotions and the three phases of the process (research, planning and implementation) of going from frustrated to a full time freelancer. This article is applicable to all freelancers, not just designers.

For Indonesian Freelancer’s, check this out!

Everything You Know About CSS Is Wrong

Perhaps you’re feeling slightly uncomfortable about the example we’ve just seen—after all, haven’t web standards advocates like myself been insisting for years that you shouldn’t be using tables for layout?

← Older Entries