50 Coding Teknik Berguna (CSS Layouts, Efek Visual dan Formulir)

width = "650">
width = "650">
Smashing-majalah-iklan dalam 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir) /> di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir) di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir) di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

CSS Meskipun umumnya dianggap sebagai bahasa sederhana dan mudah, kadang-kadang membutuhkan kreativitas, keterampilan dan sedikit eksperimen. Kabar baiknya adalah bahwa desainer dan pengembang di seluruh dunia sering menghadapi masalah yang sama dan memilih untuk berbagi wawasan mereka dan workarounds dengan masyarakat luas.

Di sinilah kita masuk Kami selalu mencari untuk mengumpulkan barang tersebut untuk posting kita agar kita dapat memberikan konten yang paling berguna dan relevan bagi pembaca kami. Dalam posting ini, kami menyajikan ikhtisar CSS berguna / coding jQuery tips, trik dan teknik untuk efek visual, tata letak dan bentuk desain web untuk membantu Anda menemukan solusi untuk masalah yang Anda hadapi atau akan menghadapi dengan di masa depan.

Anda mungkin ingin melihat posting yang berhubungan dengan CSS serupa yang kami menerbitkan bulan terakhir:

[Offtopic: omong-omong, apakah anda telah mendapatkan salinan merek baru Smashing Buku ?]

CSS Layouts: Teknik Dan Windows Vista

Facebook Gaya Footer Admin Panel /> Pelajari cara menciptakan kembali Facebook footer admin panel dengan CSS dan jQuery. Juga memeriksa bagian 2 .

Css-teknik-15 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Lihat Adaptable: Bagaimana Mereka Melakukannya? /> Tutorial ini menjelaskan cara manual mengubah tata letak, dan itu menunjukkan dua contoh yang besar dan "bagaimana mereka melakukannya."

Css-teknik-01 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Mudah Tampilan Switch dengan CSS dan jQuery /> Cara cepat dan sederhana untuk memungkinkan pengguna untuk beralih layout halaman menggunakan CSS dan jQuery.

Css-198 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Quick Tip - Ubah Ukuran Gambar Berdasarkan Ukuran Jendela Browser /> Dalam fluida layout, format teks untuk menyesuaikan dengan lancar untuk ukuran window adalah mudah, tapi gambar tidak sebagai cairan-ramah. Cepat tip ini menunjukkan bagaimana untuk beralih di antara dua ukuran gambar berdasarkan ukuran browser, DIV atau apapun yang Anda pilih.

Css-064 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Satu Halaman Résumé Situs /> Sebuah tata letak yang bersih pada satu halaman-benar (hanya satu file index.html dengan gambar opsional). Muncul dengan informasi kontak dalam Microformats dan area utama untuk melanjutkan menggunakan daftar definisi ( dl ). Dan mencetak dengan baik.

Css-000 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Pasak: Mengotomatiskan Tampilan: tetap + + /> Chris Wetherell posting di pasak, strategi untuk memiliki satu bar gulir tapi wilayah bergulir independen. Setelah yang pertama, klik pada item lain untuk flip antara ukuran. Anda akan melihat bahwa gulir daerah bergantung pada konfigurasi.

Css-135 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

CSS 100% Tinggi /> Masalah umum di antara perancang adalah bagaimana mendapatkan div untuk meregangkan 100% dari tinggi window. Ada beberapa teknik yang berbeda di luar sana, dan tutorial ini menunjukkan salah satu dari mereka.

Css-teknik-18 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

CSS3 Drop-Down Menu /> A, bersih, sederhana menu navigasi yang bagus, yang dirancang oleh Nick La.

Css-teknik-21 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

CSS Trik untuk Efek Latar Belakang Transparan Scrolling /> Gulir halaman untuk menonton pertempuran antara yang baik dan yang jahat terbentuk. Efek memerlukan dua foto: satu transparan dan satu gambar gradien keramik. Gradien gulungan bawah PNG transparan. Karena sesuai dengan warna di PNG, masing-masing kumpulan foto menghilang, tergantung pada bagian dari gradien mereka di atas.

Css-148 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Fluida Foto /> Secara default, sebuah elemen gambar 500 piksel yang tidak tepat bermain baik dengan kontainer seluas 800 piksel atau satu sekecil 100. Apa yang seorang desainer untuk melakukan?

Css-069 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Gulir / Ikuti Sidebar, Teknik Multiple /> Konsep benar-benar sederhana: sidebar berikut Anda sebagai Anda gulir ke bawah halaman. Ada beberapa cara untuk pergi tentang itu. Dua yang dibahas di sini: CSS dan JavaScript (jQuery), dengan bonus trik CSS.

Css-teknik-00 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Vertical Centering Dengan CSS /> Ada beberapa cara yang berbeda secara vertikal pusat objek menggunakan CSS, tapi memilih orang yang tepat bisa sulit. Berikut adalah daftar cara terbaik dan penjelasan tentang bagaimana untuk membuat website berpusat bagus.

CSS3-baru-08 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Buat seperti tampilan-YouTube beradaptasi dengan menggunakan CSS dan jQuery /> Selain "Turn off lampu" fitur, YouTube memiliki hal-hal besar, seperti tampilan berubah "" fitur, yang memungkinkan Anda untuk beralih antara modus normal dan lebar, sehingga memperluas atau menyusut area video. Membuat ini sangat sederhana.

Css-142 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Cara Membuat Situs Horisontal Scrolling /> Jika situs web terbuat dari kayu, biji-bijian akan berjalan naik dan turun. Vertikal adalah aliran alami Web. Tapi browser dilengkapi dengan horizontal dan vertikal bar gulir, kan? Kami memiliki pilihan untuk melawan gandum dan membuat halaman web yang gulir terutama horisontal dan bahkan memperluas horizontal untuk mengakomodasi lebih banyak konten. Mungkin sedikit pukulan untuk kegunaan, tetapi sentuhan kreatif dingin tetap saja!

Css-teknik-02 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Murni CSS - Faking Margin Minimum /> min-margin ini tidak ada di dunia CSS. Setelah Anda merenungkan dan Googled itu, periksa solusi di sini.

Css-teknik-03 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Buat sidebars dari Tinggi Sama dengan Faux Kolom /> CSS dapat bisnis yang rumit. Membuat kolom yang sama tinggi, mana isi dalam satu kolom lebih panjang dari isi lain, adalah frustasi. Di sinilah teknik tiruan-kolom dapat membantu. Cari tahu bagaimana solusi ini bahkan membuat tata letak yang paling rumit angin pada kode.

Pengaturan yang sama Heights dengan jQuery /> Berikut adalah script untuk menyesuaikan ketinggian kotak dalam wadah yang sama dan membuat kotak rapi, dengan sedikit overhead.

Css-141 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Tip: Fake Centered Floats /> Ada cara untuk pusat-align melayang kiri-elemen, tetapi kemudian inline-block menjadi populer dan segalanya berubah. Setelah sedikit bermain-main, Zaharenia Atzitzikaki menemukan yang efisien dan (kebanyakan) jalan lintas-browser yang kompatibel dengan elemen pusat tanpa mengapung.

6 Plugin jQuery Fleksibel ke Control Web Page Layouts Mudah /> Koleksi enam jQuery plug-in untuk mengatur tata letak halaman dengan mudah.

Css-125 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Empat Metode Membuat-Tinggi Equal Kolom /> Artikel ini membahas cara-cara untuk membuat kolom sama-tinggi yang bekerja di semua browser utama (termasuk IE6). Semua metode menunjukkan cara membuat tata letak tiga kolom.

Css-065 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Bagaimana CSS Besar Latar Belakang: /> Sebuah tutorial dengan contoh-contoh CSS berbagai cara membuat latar belakang besar baik menggunakan gambar tunggal atau gambar ganda.

Css-080 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

A Little Nice CSS Positioning Teknik /> Di sini, kita memiliki daftar unordered dasar ( ul ), dengan kiri-melayang gambar di mana teks tidak membungkus bawah gambar. Tentu saja, teknik ini dapat digunakan di banyak kasus lainnya.

Css-117 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Sempurna Halaman Penuh Latar Belakang Gambar /> Teknik ini memungkinkan gambar untuk mengisi halaman, tanpa spasi. Skala gambar yang diperlukan dan mempertahankan proporsi, tanpa memicu bar gulir.

Css-162 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Smart Kolom Dengan CSS dan jQuery /> Dalam mengamati website cair-lebar, Soh Tanaka melihat dua teknik umum untuk menampilkan kolom: kolom tetap dan kolom cair. Dia menunjukkan kelemahan kedua dan lapangan solusinya.

Css-057 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Gambar Dan Efek Visual Dengan CSS

A Beautiful Apple-Gaya Tampilan slide Galeri Dengan CSS dan jQuery /> Buat sebuah galeri slideshow seperti Apple, mirip dengan yang digunakan di website Apple untuk menampilkan produk. Ia bekerja sepenuhnya di ujung depan, tidak ada PHP atau database yang diperlukan.

Css-teknik-12 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Rolling coke dapat berkeliling dengan murni CSS /> Román Cortés adalah memiliki banyak melakukan trik CSS menyenangkan hari ini. Dia hanya membangun coke bergulir dapat yang menggunakan background-attachment , background-position dan beberapa trik lain untuk mencapai efek. Tidak CSS3 mewah diperlukan di sini!

CSS3-baru-10 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Grayscale Hover Pengaruh Dengan CSS dan jQuery /> Beberapa bulan lalu, James Padolsey memperkenalkan teknik grayscale keren untuk browser non-IE. teknik-Nya terinspirasi Soh Tanaka untuk datang dengan solusi dengan efek yang sama. Solusinya bergantung pada CSS Sprite dan beberapa baris jQuery, namun memerlukan sedikit persiapan sebelum pelaksanaan. Hal ini tidak dianjurkan untuk proyek-proyek berskala besar, melainkan mungkin lebih baik untuk bagian portofolio.

Css-055 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Codename Rainbows /> Beberapa JavaScript dan CSS sihir digunakan di sini untuk menerapkan gradien dua-warna untuk teks. Bayang-bayang dan menyoroti juga dapat diterapkan. Ini bekerja baik terutama pada website besar dan untuk konten dinamis di mana gambar menciptakan misalnya setiap akan menjadi tidak praktis.

Css-097 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

3 Mudah dan Cepat CSS Teknik untuk Gambar Faux Tanam /> Artikel ini merangkum tiga cepat dan mudah teknik CSS untuk menampilkan hanya sebagian dari suatu gambar. Semua teknik yang hanya membutuhkan beberapa baris CSS. Anda tidak harfiah tanam, itulah sebabnya itu disebut citra Faux tanam. Teknik ini dapat bermanfaat jika Anda ingin menyimpan gambar ke ukuran tertentu (misalnya, thumbnail pada bagian berita). Mampu menggunakan CSS untuk mengontrol yang bagian dari suatu image untuk ditampilkan adalah besar.

Css-teknik-08 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Gambar Rollover Perbatasan Itu Tidak Ubah Layout /> Dengan CSS, perbatasan dari setiap elemen block-level faktor dalam ukuran unsur dalam tata letak. Jadi, jika Anda menambahkan perbatasan ke elemen di hover, tata letak akan bergeser. Dalam posting ini, Anda akan menemukan cara menggunakan properti perbatasan reguler dan menciptakan batas batin untuk berkeliling itu.

Css-teknik-10 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Horisontal Stripes /> Ini menunjukkan tutorial anda cara membuat garis-garis horizontal tidak pernah berakhir dalam desain web Anda dengan menggunakan CSS.

Css-teknik-14 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Sembilan Teknik untuk Penggantian Gambar CSS /> Pasang sembilan teknik yang berbeda dari gambar pengganti untuk menguji.

Css-teknik-13 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Bokeh efek dengan CSS3 dan jQuery /> Tutorial ini mengajarkan Anda bagaimana untuk kembali menciptakan efek bokeh dengan CSS 3. Dengan bantuan dari jQuery, kita dapat menambahkan beberapa keacakan dalam warna, ukuran dan posisi untuk efek.

Css-teknik-16 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Sebuah Alat Tulis Logo Itu Perubahan pada Halaman Gulir dengan CSS /> Berikut adalah efek menarik yang mengubah logo saat halaman menggulir, dengan menggunakan CSS background-attachment properti.

CSS3-baru-04 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Siluet Fade-Ins /> Untuk mencapai efek pada gambar diatas, pertama kita perlu DIV dengan siluet sebagai gambar latar belakang. Lalu kami menaruh empat gambar di DIV, semua ukuran yang sama persis, dengan masing-masing anggota band disorot. Gambar-gambar ini tersembunyi secara default. Kemudian Anda benar-benar posisi empat daerah di atas DIV; ini adalah roll-over area link. Dengan jQuery, kita menerapkan kegiatan hover kepada mereka, memudar dalam gambar yang sesuai.

Css-046 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Membuat Segitiga dalam CSS / Hanya sedikit orang yang> menyadari bahwa browser menarik perbatasan di sudut. Teknik ini mengambil keuntungan dari itu. Satu sisi perbatasan diberi warna panah, dan sisanya adalah transparan. Kemudian Anda memberikan perbatasan dengan lebar besar; yang di atas adalah 20 piksel.

Css-004 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Sebuah ilusi optik parallax dengan CSS: The Horse in Motion /> Waktu untuk beberapa menyenangkan dengan CSS dan ilusi optik.

Css-203 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Murni Line Grafik CSS /> Ide di sini tidak hanya untuk memberikan data visualisasi untuk orang yang tidak nyaman menggunakan bahasa script, tetapi untuk menunjukkan kekuatan CSS dan menawarkan cara yang berbeda menggunakan CSS. Jika Anda bukan penggemar grafik garis dan visualisasi data, Anda masih dapat mengambil manfaat dari artikel ini. Anggap saja sebagai percobaan CSS, dan belajar satu atau dua hal tentang CSS Sprite dan positioning.

Css-037 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Zooming dengan jQuery dan CSS /> Posting ini adalah tentang teks zoom dengan jQuery dan CSS. Ini adalah tingkat-dasar tutorial tentang perubahan gaya menggunakan script jQuery. Cara mudah untuk memperbesar konten website .

Css-146 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Mengubah ukuran Thumbnail Menggunakan Buat Overflow Properti /> Tutorial ini mengajarkan Anda bagaimana mengontrol ukuran thumbnail. Kadang-kadang kita tidak punya cukup ruang untuk cocok thumbnail besar, namun kita lebih suka menghindari gambar terbaca kecil. Dengan trik ini, kita dapat membatasi dimensi default dari thumbnail dan menunjukkan kepada mereka di ukuran penuh ketika mouse pengguna atas mereka.

Css-150 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Cross-browser drop bayangan menggunakan murni CSS /> Sebagian besar menambahkan metode drop-bayangan untuk blok konten memerlukan tambahan HTML mark-up dan satu atau lebih gambar PNG. Tapi dengan menggabungkan dan filter Glow Shadow, sesuatu yang cukup mirip dengan bayangan CSS3 diberikan dapat dicapai.

Css-151 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Tanggal Lencana dan Komentar untuk Blog Anda Bubbles /> Salah satu hal yang harus berurusan dengan ketika blog Anda tumbuh adalah harus menjejalkan info lebih lanjut ke dalam ruang kurang untuk menunjukkan segala sesuatu yang Anda ingin menunjukkan. Satu hal yang dapat Anda lakukan adalah menambahkan sebuah ikon untuk tanggal dan kemudian gelembung di atasnya dengan jumlah komentar untuk posting itu.

Css-teknik-11 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

CSS Tabel Dan Formulir Web

UX trik: menampilkan form data sebagai data tabular /> Ini adalah sedikit trik untuk meningkatkan pengalaman pengguna bentuk. Ini menampilkan data formulir yang dapat diedit sebagai data tabular dibaca.

Css-teknik-04 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

Tabel: Tidak Seperti Evil As You Think /> Tabel jahat, benar? Ya dan tidak. Untuk data tabular, mereka tidak, tentu saja. Itulah yang tabel dalam tempat pertama. CSS bisa melakukan pekerjaan yang sangat baik styling meja diformat dengan benar, dan struktur tabel memberikan perancah baik untuk JavaScript panggilan. Tapi apa yang dibahas di sini adalah menggunakan tabel untuk data non-tabular (yaitu untuk tata letak). Ya, benar: dengan menggunakan tabel untuk layout.

Css-075 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Sempurna Drop-Down Log-In Box Seperti Twitter Menggunakan jQuery /> Ini menunjukkan Anda bagaimana untuk membuat drop-down jQuery log-dalam bentuk penggunaan kicauan-gaya. Ini sangat mudah, menghemat ruang pada halaman dan pengunjung merasa nyaman dengan bentuk beralih awesome.

Css-158 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Membuat Pilih's Pilihan yang cetak /> Ketika mencetak sebuah halaman Web dengan select elemen di dalamnya, pilih drop-down cetak seperti terlihat di Web. Hal ini tentu saja praktis berguna pada halaman tercetak. Salah satu pilihan untuk penanganan ini adalah untuk mengikuti setiap select elemen HTML dengan daftar unordered yang duplikat konten. Sembunyikan daftar unordered dalam CSS file utama dan mengungkapkan dengan style sheet Anda cetak. Ini adalah pendekatan yang masuk akal, kecuali bahwa itu merupakan ol besar 'rasa sakit di pantat untuk menangani setiap saat. Mari kita mengandalkan jQuery untuk melakukan angkat berat bukan.

Css-018 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Twitter-Seperti Log-In Dengan jQuery dan CSS /> Posting ini menjelaskan cara untuk mendapatkan. Kericau-seperti menyembunyikan dan menunjukkan efek untuk log in menggunakan jQuery dan CSS "Sangat sederhana: hanya lima baris JavaScript untuk hide() dan show() peristiwa dan sedikit CSS.

Css-145 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Bersih dan Murni Desain Formulir CSS /> Tutorial ini menggambarkan bagaimana merancang bentuk CSS murni tanpa menggunakan tabel HTML.

Css-105 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

CSSG Koleksi: Styles Komentar Bebas /> Ini adalah koleksi CSSG kedua dari CSS Globe.

Css-034 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Selamat Hari Lapangan dengan HTML5 Formulir /> Berikut ini adalah melihat bagaimana gaya HTML5 bentuk yang indah dengan menggunakan CSS maju dan CSS3 teknik terbaru. Anda pasti ingin kembali ke bentuk-gaya Anda setelah membaca artikel ini.

Css-011 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Diedit cetak Faktur / / Faktur> Buat diedit dan dicetak dengan menggunakan CSS dan beberapa JavaScript. Ini adalah versi 2 dari Vinh Pham.

Css-047 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Bagaimana Mask Sandi Seperti iPhone / Smartphone Banyak>, termasuk iPhone, menunjukkan karakter terakhir yang Anda ketik di bidang sandi dengan keterlambatan satu atau dua detik. Anda dapat melihat bahwa karakter terakhir, namun tidak seluruh password. Tapi browser tidak melakukan apa yang dilakukan perangkat mobile ini. Berikut ini adalah solusi, dengan beberapa JavaScript mewah dan tipuan di belakang layar.

Css-074 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Membuat Formulir Web Suck Dikurangi Dengan Label /> Kami sudah mengisi formulir Web selama bertahun-tahun, dan kami mengeluh semua bahwa mereka bisa lebih baik. Bahkan dengan padding murah, ladang terlalu kecil. Tapi hampir tidak ada orang yang telah meningkatkan interaksi yang paling bawah-nilai dari mereka semua: kotak centang dan tombol radio.

Css-teknik-20 di 50 Berguna Coding Teknik (CSS Layouts, Visual Effects dan Formulir)

FancyForm: JavaScript penggantian kotak centang /> FancyForm adalah script kotak centang-pengganti yang kuat dan fleksibel bahwa perubahan tampilan dan fungsi elemen bentuk HTML. Hal ini dapat diakses dan mudah digunakan, dan akan merusak anggun pada browser non-didukung lebih tua.

Css-103 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

jQuery checkbox v.1.3.0 Beta 1 /> Sebuah kotak centang pelaksanaan adat-gaya yang ringan untuk 1.2.x dan 1.3.x. jQuery

Css-104 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Cacat label dan Trilemma plug-in /> Form diatas di sebelah kiri memanfaatkan disabled atribut, namun pengaturan browser default untuk disabled masukan tidak kontras sebanyak satu ingin. Untuk lebih membedakan sekilas input antara yang cacat dan diaktifkan, label masukan cacat pada form di sebelah kanan adalah bergaya dengan warna abu-abu samar.

Css-127 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Fluida Kotak Pencarian /> Membuat kotak pencarian fluida ketika Anda hanya memiliki satu elemen samping itu sepele. Apa yang harus Anda lakukan adalah membungkus input suatu unsur dan padding gunakan untuk menciptakan ruang untuk unsur tetap; maka posisi elemen tetap benar-benar (atau relatif) dalam ruang yang diciptakan oleh bantalan tersebut.

Terakhir Klik

Browser Pong /> Sebuah permainan seluruh pong baru menggunakan tiga jendela browser untuk bola dan raket. Clever!

Css-180 di 50 Teknik Coding Berguna (CSS Layouts, Efek Visual dan Formulir)

Posting terkait

Anda mungkin ingin melihat posting yang berhubungan dengan CSS serupa yang kami menerbitkan bulan terakhir:

(Kk) (jb) (vx) (al)

/>

© Smashing Editorial untuk Smashing Magazine , 2010. | Permalink | 39 komentar | Tambahkan ke del.icio.us | Digg ini | Stumble on StumbleUpon! | menciak itu! | Kirim ke Reddit | Forum Smashing Magazine
Post tags: ,

50 Teknik Berguna Coding (CSS Layouts, Efek Visual dan Formulir)

Tag:

0 Komentar

Anda dapat menjadi orang pertama yang meninggalkan komentar.

Tinggalkan Komentar





XHTML: Anda dapat menggunakan tag:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>