display:inline » CSS http://displayinline.net Update seputar web development—HTML, CSS, Javascript, Wordpress, etc. Tue, 31 Aug 2010 14:11:28 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 1 baris CSS framework http://displayinline.net/css/1-baris-css-framework/ http://displayinline.net/css/1-baris-css-framework/#comments Thu, 04 Jun 2009 16:17:56 +0000 Kusaeni http://displayinline.net/?p=162 Percayakah kamu , bahwa sebuah framework CSS bisa dibangun hanya dengan satu baris kode CSS saja ?

Saya tidak! , tapi Vladimir Carrer bisa membuktikannya.

Kodenya : .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }

Serius, ternyata ini benar – benar bisa berjalan baik, walau hanya untuk penggunaan pada 1,2,4,8,16 kolom. Luar biasa.

Related posts

]]> http://displayinline.net/css/1-baris-css-framework/feed/ 10 CSS Framework: SenCSs http://displayinline.net/css/css-framework-sencss/ http://displayinline.net/css/css-framework-sencss/#comments Tue, 30 Dec 2008 16:27:38 +0000 Deny Sri Supriyono http://displayinline.net/?p=121 SenCSs (Sensible Standards CSS Framework) adalah sebuah CSS framework yang akan memberikan styling untuk banyak element tapi tidak memberikan pengaturan untuk layout.

SenCSs memberikan pengaturan untuk font, padding, margin, color, table, list, heading, blockquote, form dan lainnya.

Halaman Demo SenCSs.

Related posts

]]> http://displayinline.net/css/css-framework-sencss/feed/ 2 Artikel Image Replacement http://displayinline.net/css/artikel-image-replacement/ http://displayinline.net/css/artikel-image-replacement/#comments Fri, 21 Nov 2008 16:38:15 +0000 Deny Sri Supriyono http://displayinline.net/?p=78 Hazmi Abdun Nazir menulis artikel menarik mengenai Image Replacement dalam bahasa Indonesia.

Beberapa teknik untuk Image Replacement yang dibahas dalam artikelnya adalah:

  • Fahrner Image Replacement (FIR)
  • Rundle’s Text-Indent Method
  • Leahy/Langridge Image Replacement (LIR)
  • Gilder/Levin Method
  • Gilder/Levin Method (revisited)

Dibahas pula mengenai kelebihan dan kekurangan dari masing-masing teknik tersebut.

Artikel yang menarik!

Tambahan: DesignMagz juga memiliki artikel mengenai CSS Image Replacement yang membahas teknik Fahrner Image Replacement (FIR) dan Phark.

Related posts

]]> http://displayinline.net/css/artikel-image-replacement/feed/ 0 Free Download: The Art & Science of CSS http://displayinline.net/css/free-download-the-art-science-of-css/ http://displayinline.net/css/free-download-the-art-science-of-css/#comments Tue, 18 Nov 2008 10:39:32 +0000 Deny Sri Supriyono http://displayinline.net/?p=74 Sitepoints memberikan kesempatan untuk mendownload The Art & Science of CSS seharga $29.95 secara gratis.
The Art & Science of CSS

The Art & Science of CSS

Caranya mudah, hanya dengan follow @sitepointdotcom di Twitter.

Untuk yang tidak menggunakan Twitter, tetap bisa mendownload secara gratis dengan mengunjungi http://twitaway.com.

Kesempatan mendownload secara gratis hanya berlaku selama 14 hari mulai hari ini.

Related posts

]]> http://displayinline.net/css/free-download-the-art-science-of-css/feed/ 6 Free CSS Drop-Down Menu Framework http://displayinline.net/css/free-css-drop-down-menu-framework/ http://displayinline.net/css/free-css-drop-down-menu-framework/#comments Mon, 03 Nov 2008 07:32:58 +0000 Deny Sri Supriyono http://displayinline.net/?p=60 CSS Drop-Down Menu Framework adalah sebuah drop down menu gratis dan bekerja dengan baik di semua browser.

Contoh CSS Drop Down

Contoh CSS Drop Down

Khusus untuk IE6 ke bawah, diperlukan bantuan JavaScript supaya menu bisa berjalan dengan baik.

Menu juga bisa diatur dengan mudah untuk menampilkannya secara vertikal maupun horizontal dengan mengganti nama class-nya.

Beberapa pengaturan yang memungkinkan adalah:

  • horizontal
  • vertical left-to-right
  • vertical right-to-left
  • horizontal linear
  • horizontal upwards

Di dalam paket filenya juga sudah terdapat beberapa themes yang bisa langsung digunakan.

Related posts

]]> http://displayinline.net/css/free-css-drop-down-menu-framework/feed/ 2