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 Tools Menarik dari westciv.com http://displayinline.net/web-development/tools-menarik-dari-westcivcom/ http://displayinline.net/web-development/tools-menarik-dari-westcivcom/#comments Tue, 02 Jun 2009 19:49:14 +0000 Deny Sri Supriyono http://displayinline.net/?p=164 westciv.com menyediakan beberapa tools menarik untuk membuat linear gradients, radial gradients, text shadow, box shadow.

Tools yang disediakan memiliki beberapa options yang bisa diubah, yang akan langsung terlihat perubahannya dalam tampilan preview dengan code CSS yang siap di copy.

Linear gradients dan radial gradients hanya bisa berjalan di atas browser webkit-based (Safari dan Chrome), box shadow hanya di Safari 3 dan Firefox 3.5, sedangkan text-shadow yang merupakan bagian dari CSS3 bisa dicoba di Safari, Firefox 3.5 dan Opera 10.

Related posts

]]> http://displayinline.net/web-development/tools-menarik-dari-westcivcom/feed/ 0 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 35 Free XHTML / CSS website template http://displayinline.net/template/35-free-xhtml-css-website-template/ http://displayinline.net/template/35-free-xhtml-css-website-template/#comments Mon, 24 Nov 2008 18:18:42 +0000 Deny Sri Supriyono http://displayinline.net/?p=80 Solucija memiliki 35 XHTML / CSS template website menarik yang bisa di download secara gratis.

Screenshot beberapa template

Screenshot beberapa template

Template yang dibuat memiliki ukuran ringan (<60KB) dan boleh digunakan untuk project pribadi maupun komersial.

Related posts

]]> http://displayinline.net/template/35-free-xhtml-css-website-template/feed/ 3 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