1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Teknik terbaik untuk membuat CSS (53 CSS-Techniques)

Discussion in 'Desain Web & Grafis' started by calink, Jul 4, 2007.

  1. calink

    calink Ads.id Fan

    Joined:
    Apr 12, 2006
    Messages:
    119
    Likes Received:
    0
    Lagi Blogging iseng dapet teknik ini. semoga belom pernah ada yang posting di forum ini (udah search nggak ketemu)
    dan berguna buat teman-teman.

    53 CSS-Techniques You Couldn’t Live Without
    http://www.ispopularonline.com/ebiz-iq/techniques-live-1/popular/url/6221/

    berisi :
    CSS Based Navigation
    1. CSS Based Navigation
    2. Navigation Matrix Reloaded
    3. CSS Tabs
    4. CSS Bar Graphs (CSS For Bar Graphs)
    5. Collapsing Tables: An Example
    6. Adam’s Radio & Checkbox Customisation Method
    7. CSS Image Replacement
    8. CSS Shadows (CSS Shadows Roundup)
    9. CSS Rounded Corners Roundup (Nifty Corners)
    10. Drop Cap - Capital Letters with CSS
    11. Define Image Opacity with CSS
    12. How to Create a Block Hover Effect for a List of Links
    13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS
    14. CSS Diagrams
    15. CSS Curves
    16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.
    17. CSS Image Map
    18. CSS Image Pop-Up
    19. CSS Image Preloader
    20. CSS Image Replacement for Buttons
    21. Link Thumbnail
    22. CSS Map Pop
    23. PHP-based CSS Style Switcher
    24. CSS Unordered List Calender (CSS Styled Calender)
    25. CSS-Based Forms: Techniques
    26. CSS-Based Tables: Techniques
    27. Printing Web-Documents and CSS
    28. Improved Links-Display for Print-Layouts with CSS
    29. CSS-Submit Buttons
    30. CSS Teaser Box
    31. CSS Tricks for Custom Bullets
    32. Ticked Off Links Reloaded
    33. CSS Zooming
    34. Creating a Star Rater using CSS
    35. The ways to style visited Links
    36. PDF, ZIP, DOC Links Labeling
    37. Displaying Percentages with CSS
    38. Image Floats without the Text Wrap
    39. Let visitors decide, whether or not will they open link in a new window
    40. Simple accessible external links
    41. Zebra Table with JavaScript and CSS
    42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS
    43. Unobtrusive Sidenotes
    44. Image Caption with CSS (Styled Images with Caption)
    45. Dynamic Piechart with CSS
    46. Format Footnotes with CSS
    47. Hierarchical Sitemap with CSS
    48. Snook’s Resizable Underlines
    49. Switchy McLayout: An Adaptive Layout Technique
    50. StyleMap: CSS+HTML Visual Sitemap
    51. Custom Reading Width
    52. CSS Alert Message
    53. CSS Production Notes

    Semua ada di link ini..
    http://www.ispopularonline.com/ebiz-iq/techniques-live-1/popular/url/6221/

    Ada pepatah bilang, Isi mengungguli bentuk (Isi lebih penting dari pada bentuk)
    Tapi saat ini. Isi dan bentuk sama-sama unggul dan penting.....

    Buat web dengan isi (content) yang baik serta bentuk yang menarik (CSS) :)
     
  2. redcumi

    redcumi Hero

    Joined:
    Mar 28, 2007
    Messages:
    596
    Likes Received:
    312
    asli tuh manis lembut css nya
    [​IMG]
     
  3. born2learn

    born2learn Hero

    Joined:
    May 8, 2006
    Messages:
    579
    Likes Received:
    12
    Location:
    Pemalang - Jateng
    thx banget infonya. bermanfaat bgt buat aku yg lagi belajar CSS.
     
  4. lagibelajar

    lagibelajar Newbie

    Joined:
    Jun 3, 2007
    Messages:
    39
    Likes Received:
    0
    Tambahan. ini ada 20 inspirasi design web based on CSS.

    1. <a href="http://cssmania.com/" target="_blank">CSS Mania</a>, saat posting ini dibuat CSS Mania sudah menampung 7706 screenshoot design web. Gallery web ini tergolong rutin mengupdate koleksi webnya. Sehingga sangat cocok dijadikan inspirasi.<br>2. <a href="http://www.csselite.com/" target="_blank">CSS Elite</a>, juga merupakan gallery web yang hampir serupa dengan CSS Mania, namun tampaknya koleksi screenshoot webnya masih kalah dengan CSS mania. Tak ada salahnya dicoba.<br>3. <a href="http://www.cssdrive.com/">CSS Drive</a>. Web gallery ini memiliki fitur penilaian terhadap setiap screenshoot web yang ditampilkan.<br>4. <a href="http://www.cssreboot.com/" target="_blank">CSS Reboot</a>, juga memiliki sistem penilaian dengan system voting. Web ini dibuat menggunakan <a href="http://www.pligg.com/" target="_blank">pligg </a><br>5. <a href="http://www.cssbloom.com/" target="_blank">CSS Bloom</a>.<br>6. <a href="http://www.webcreme.com/" target="_blank">Web Creme</a>.<br>7. <a href="http://www.thedesignedtree.com/">Designed Tree</a>.<br>8. <a href="http://www.csszengarden.com/">CSS Zen Garden</a>.<br>9. <a href="http://www.unmatchedstyle.com/">Unmatched Style</a>.<br>10. <a href="http://www.cssbeauty.com/">CSS Beauty</a>.<br>11. <a href="http://www.cssimpress.com/">CSS Impress</a>.<br>12. <a href="http://logopond.com/">Logo Pond</a>.<br>13. <a href="http://styleboost.com/">Style Boost</a>.<br>14. <a href="http://designshack.co.uk/index.php">Design Shack</a>.<br>15. <a href="http://cssvault.com/">CSS Vault</a>.<br>16. <a href="http://www.stylegala.com/">Style Gala</a>.<br>17. <a href="http://www.cssimport.com/">CSS Import</a>.<br>18. <a href="http://www.designmeltdown.com/">Design Meltdown</a>.<br>19. <a href="http://www.bestwebgallery.com/">Best Web Gallery</a>.<br>20. <a href="http://www.cssremix.com/">CSS Remix</a>. Namun sayang saat posting ini dibuat situs CSS Remix di hack
     
  5. n1ghtfly3r

    n1ghtfly3r Ads.id Starter

    Joined:
    Nov 3, 2007
    Messages:
    56
    Likes Received:
    0
    Location:
    jkt-bdg
    aduh salah masuk forum saia..ga mudeng bro.. :)
     
  6. hendraminkadotnet

    hendraminkadotnet Newbie

    Joined:
    Jun 11, 2006
    Messages:
    19
    Likes Received:
    1
    Location:
    Jakarta
    wahh makasih bro atas info nya
     

Share This Page