CSS-Tricks meraikan 12 tahun! Menggambarkan tahun lalu, seperti remaja yang menavigasi remaja. Sebagai John Prine dengan bijak memberi amaran, saya lebih baik mempunyai sesuatu yang berbaloi untuk dikongsi!
Bagaimana seseorang dapat bekerja pada waktu pagi
Dan pulang ke rumah pada waktu petang dan tidak ada yang boleh dikatakan.
- Malaikat dari Montgomery
Reka bentuk v17: Transformasi terbesar tahun ini
Walaupun reka bentuk semula tahunan adalah perkara biasa, V17 menonjol sebagai baik pulih yang signifikan, boleh dikatakan yang paling besar sejak V10. Butiran mengenai V17 boleh didapati [di sini] (pautan ke V17 WriteUp - Gantikan teks kurungan dengan pautan sebenar jika tersedia). Maklum balas positif telah memuaskan, dan enam bulan kemudian, reka bentuk masih terasa segar. Jalan masa depan tidak ditentukan pada masa ini, dengan jangkaan bahawa V17 akan bertahan selama beberapa tahun, menggabungkan penambahbaikan tambahan. Pengoptimuman yang berterusan dan penambahan ciri kecil berterusan. V18 mungkin memberi tumpuan kepada pembersihan kod yang lebih komprehensif atau peningkatan teknologi belakang, yang berpotensi meneroka seni bina MVC.
Aliran kerja yang diselaraskan
Perkara berjalan lancar. Kami mempunyai pasukan yang luar biasa, dan kepimpinan Geoff telah memastikan proses editorial yang lancar. Walaupun kemasukan jawatan tetamu berubah -ubah, saluran paip tetap konsisten teguh, melebihi tahap kesediaan sebelumnya.
Pandangan tetap menjadi landasan sistem organisasi kami, yang digunakan secara meluas di semua pasukan, bersama -sama Slack dan e -mel. Perkongsian kami dengan Buysellads terus menyediakan teknologi iklan yang berkesan, integrasi yang diperkemas, dan hubungan penaja yang kuat.
Seperti yang dinyatakan pada ulang tahun ke -10 kami:
Usaha yang konsisten, dengan semua orang cukup diberi pampasan, adalah strategi teras. Ini bukan tapak yang bertujuan untuk pertumbuhan letupan; Ini penerbitan yang sederhana.
Itu tetap benar. Data Google Analytics mendedahkan tempoh pertumbuhan 20% tahun ke tahun yang konsisten, yang diselingi oleh bulan dengan prestasi yang serupa dengan atau sedikit di bawah tahap 2018 (berdasarkan semata-mata pada PAGEVIEWS). Walaupun berharga untuk mengesan trend, metrik generik ini bukanlah tumpuan utama. Pertumbuhan yang berterusan dan beransur -ansur adalah trajektori pilihan.
Pertimbangan Pengiklanan
Integrasi pengiklanan laman web adalah aspek utama. Saya faham potensi kebimbangan mengenai ketumpatan iklan, dan saya berusaha untuk penempatan yang menarik. Adalah penting untuk diperhatikan teknologi iklan bersih yang digunakan: pengesanan minimum, tidak menargetkan, dan mengelakkan pencegahan JavaScript pihak ketiga yang berlebihan. Walaupun piksel penjejakan kesan mungkin hadir, pendekatan keseluruhan mengutamakan pengalaman pengguna yang diperkemas.
Ini tidak sengaja. Alternatif-pendekatan yang lebih agresif, didorong data-pasti akan menghasilkan pendapatan yang lebih tinggi. Walau bagaimanapun, saya melihat ini sebagai keuntungan jangka pendek dengan mengorbankan kredibiliti jangka panjang. Melebih -lebihkan laman web ini dengan skrip penjejakan akan mengasingkan penonton pemaju kami dan menjejaskan kemampanan laman web ini. Ini berbeza dengan laman web yang mensasarkan penonton bukan pemaju, di mana amalan sedemikian lebih biasa.
Stack Teknologi Ringkas
Sejak Julai, semua laman web saya telah berhijrah ke hosting roda tenaga (butiran [di sini] (pautan ke pasca roda - menggantikan teks kurungan dengan pautan sebenar jika tersedia)), penaja baru yang platform saya bersemangat. Gabungan tempatan untuk pembangunan tempatan, GitHub untuk repositori, Buddy untuk penempatan, dan CloudFlare untuk DNS/CDN telah menghasilkan aliran kerja yang lebih lancar.
Pada masa ini, kebanyakan tugas merasa dapat dicapai, bahkan yang pada mulanya dilihat sebagai tidak dapat diatasi. Ia hanya satu perkara yang berdedikasi.
Reka bentuk pos yang dipertingkatkan
Tahun ini memperkenalkan artikel yang diarahkan ART, yang membolehkan rawatan reka bentuk yang unik. Walaupun templat telah dibuat untuk gaya ini (lajur berpusat pada putih, dengan imej header lebar lebar yang besar), niatnya adalah untuk menggunakannya sebagai asas untuk gaya tersuai, memastikan setiap artikel mengekalkan wataknya yang unik.
Catatan seperti "The Great Divide" mencontohkan pendekatan ini.
Kemas kini peribadi
Tahun lepas menandakan langkah saya ke Bend, Oregon, peralihan yang terus berasa segar. Kami telah membeli rumah baru, mengukuhkan kehadiran kami di sini. Bend tetap menjadi tempat yang indah untuk hidup, dan perkembangan anak perempuan saya menambah rasa kestabilan.
Secara profesional, tumpuan saya kekal terutamanya pada codepen, dengan pertindihan yang ketara antara kedua -dua platform (perkongsian Buysellads dan integrasi codepen yang kerap). Dave Rupert dan saya meneruskan pertunjukan Shoptalk mingguan kami, secara konsisten mencari topik yang berkaitan dengan pembangunan web.
Terima kasih
Terima kasih kepada semua pembaca. Penglibatan anda menjadikan CSS-Tricks mungkin.
Atas ialah kandungan terperinci Keempat keempat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

CSS Blok halaman yang diberikan kerana pelayar melihat CSS dalam talian dan luaran sebagai sumber utama secara lalai, terutamanya dengan stylesheet yang diimport, header sejumlah besar CSS sebaris, dan gaya pertanyaan media yang tidak dapat dioptimumkan. 1. Ekstrak CSS kritikal dan membenamkannya ke HTML; 2. Kelewatan memuatkan CSS bukan kritikal melalui JavaScript; 3. Gunakan atribut media untuk mengoptimumkan pemuatan seperti gaya cetak; 4. Memampatkan dan menggabungkan CSS untuk mengurangkan permintaan. Adalah disyorkan untuk menggunakan alat untuk mengekstrak CSS utama, menggabungkan REL = "Preload" pemuatan asynchronous, dan menggunakan media yang ditangguhkan dengan munasabah untuk mengelakkan pemisahan yang berlebihan dan kawalan skrip kompleks.

Thebestapproachforcssdependonstantheproject'ssspecificneeds.forlargerprojects, externalcssisbetterduetomaintainabilityability;

AutoPrefixer adalah alat yang secara automatik menambah awalan vendor ke atribut CSS berdasarkan skop penyemak imbas sasaran. 1. Ia menyelesaikan masalah mengekalkan awalan secara manual dengan kesilapan; 2. Bekerja melalui borang pemalam postcss, menghuraikan CSS, menganalisis atribut yang perlu diawali, dan menjana kod mengikut konfigurasi; 3. Langkah-langkah penggunaan termasuk memasang pemalam, menetapkan senarai pelayar, dan membolehkan mereka dalam proses membina; 4. Nota termasuk tidak menambah awalan secara manual, menyimpan kemas kini konfigurasi, awalan tidak semua atribut, dan disyorkan untuk menggunakannya dengan preprocessor.

Cssismostlycase-insensitive, buturlsandfontfamilynamesarecase-sensitif.1) propertiesandvalueslikecolor: merah; arenotcase-sensitif.2) urlsmustmatchtheserver'scase, mis.,

Function-gradient () functionIncsscreatesculculargradientsthatrotatecolorstopsaroundroentroint.1.ISIISIDEALFORPIECHARTS, Progressindicators, Colorwheels, andDecorativeBackgrounds.2.itworksByDefiningColorStopsatSpecificles, OpsticalStarting

TOCREATESTICKYHEADERSANDFOOTERSWITHCSS, USEPOSISI: STICKYFORHEADERSWITHOPVARUEANDZ-INDEX, MemastikanParentContainersdon'Trestrictit.1.ForstickyHeaders: SetPosition: Sticky, atas: 0, Z-index, dan BEBERKOORSICHISTORS.2.FORTOORSTICE: FORBORTORSIS.2.FORTORSICHORORS.

Skop sifat adat CSS bergantung kepada konteks perisytiharan mereka, pembolehubah global biasanya ditakrifkan dalam: akar, manakala pembolehubah tempatan ditakrifkan dalam pemilih khusus untuk komponen dan pengasingan gaya. Sebagai contoh, pembolehubah yang ditakrifkan dalam kelas .card hanya tersedia untuk unsur -unsur yang sepadan dengan kelas dan anak -anak mereka. Amalan terbaik termasuk: 1. Penggunaan: Root untuk menentukan pembolehubah global seperti warna topik; 2. Tentukan pembolehubah tempatan di dalam komponen untuk melaksanakan enkapsulasi; 3. Elakkan berulang kali mengisytiharkan pemboleh ubah yang sama; 4. Beri perhatian kepada masalah liputan yang mungkin disebabkan oleh kekhususan pemilih. Di samping itu, pembolehubah CSS adalah sensitif kes dan harus ditakrifkan sebelum digunakan untuk mengelakkan kesilapan. Jika pemboleh ubah tidak ditentukan atau rujukan gagal, nilai sandaran atau nilai awal lalai akan digunakan. Debug boleh dilakukan melalui pemaju penyemak imbas

CssanimationseNhanceWebpagesByimprovinguseSexperienceandSiteFunctialy.1) useTransisiSforsmoothstyleChanges, asinthebuttoncolorexample.2)
