Tips All

Machine learning sering digunakan dalam membuat prediksi di dalam sebuah aplikasi atau website, contohnya pada Netflix, apabila kita suka film horror maka Netflix akan lebih sering menampilkan rekomendasi film horror, seperti itulah contoh kecil penerapan machine learning yang membantu manusia. Apa itu Machine Learning? Cara Kerja dan Contohnya So, apa itu machine learning sebenarnya? Machine learning adalah salah satu bagian dari artificial intelligence (A.I) atau sebuah kecerdasan buatan manusia yang difokuskan untuk menggunakan data serta algoritma dalam meniru bagaimana otak manusia belajar hal baru. Seiring waktu, machine learning ini juga akan lebih banyak belajar dengan cepat sehingga machine learning bisa lebih akurat lagi dalam menentukan sebuah pilihan yang membantu kehidupan manusia, seperti contoh rekomendasi film Netflix. Machine learning sudah dipakai di mana saja? Jarang kita sadari bahwa machine learning sudah sering diterapkan dalam kehidupan kita sehari-harinya, saya akan memberikan beberapa contoh penerapan machine learning yang perlu kamu ketahui saat ini: 1) Film recommendation Netflix dan Disney menerapkan penggunaan machine learning yang cukup akurat sehingga mereka dapat mempelajari bagaimana cara kita menikmati film, dimulai dari pemilihan kategori film, subtitle, hingga pemilihan cover film kebutuhan marketing juga telah dilakukan oleh machine learning dengan sangat akurat, secara tidak langsung machine learning dapat meningkatkan user experience design pada bisnis yang kita miliki. penerapan machine learning pada website Netflix 2) Ads recommendation Instagram dan Google juga menerapkan kehebatan dari machine learning sehingga bisa memberikan iklan yang sesuai dengan interest diri kita, apabila selama sebulan ke belakang kita lebih sering mencari tas homemade maka machine learning akan memberikan iklan tersebut kepada kita melalui platform Instagram dan pencarian Google. Kesimpulan penggunaan machine learning Saat ini sudah semakin banyak konten yang dibuat oleh manusia, machine learning dapat memilah-milih konten apa yang harus ditampilkan kepada Andi dan Budi, sehingga Andi dan Budi tidak kewalahan dalam mengkonsumsi konten yang sesuai ketertarikan mereka. Kamu bisa mulai menerapkan machine learning pada toko online yang kamu miliki, sehingga kamu jadi mengerti barang apa saja yang cepat laku dan perlu di stock ulang dan barang mana saja yang tidak seharusnya kamu jual kembali.

Sebagai freelancer ui ux designer, terkadang klien minta kita mengerjakan projek website design atau mobile app design dengan cepat. Oleh karena itu kita dapat menggunakan template figma gratis yang tersedia di internet. Well, faktanya tidak boleh langsung menggunakan template figma begitu saja, berikut beberapa tips yang perlu dipelajari. Lisensi penggunaan template Template figma memiliki beberapa lisensi, kita wajib menemukan file template figma yang menggunakan lisensi 4.0 atau creative common untuk bisa digunakan sebagai projek komersil misalnya untuk projek klien freelance. Shaynakit menyediakan ribuan template figma website design dan mobile app design yang berlisensi 4.0. Rekomendasi template figma Kali ini saya akan share beberapa template figma terbaik dan paling banyak digunakan untuk projek latihan atau komersil, sehingga freelance website designer dapat bekerja lebih cepat lagi. Foodyar website design landing page restaurant website design Sebuah template figma yang cocok digunakan sebagai landing page bisnis makanan dan edukasi, menggunakan style trendy dengan komposisi layout menarik dan meningkatkan user experience. Silahkan download template Foodyar di sini. Store dashboard website design dashboard page for business transactions Klien sering meminta freelance website designer untuk design dashboard keperluan bisnis mereka, maka kita bisa coba gunakan template figma yang satu ini dengan informasi-informasi penjualan bisnis. Download template store dashboard di sini. Finding house landing page landing page for selling and buying houses Penjualan rumah di seluruh dunia meningkat drastis, agency mulai memperkerjakan freelance website design untuk mengerjakan marketplace jual beli rumah secara online dengan layout yang professional. Template figma yang satu ini cocok digunakan oleh kita untuk memulai projek jual beli rumah tersebut. Mulai download template figma Finding house di sini. Modifikasi template sebelum dijual Saya menyarankan freelance website designer menggunakan template figma yang berlisensi 4.0 dan wajib melakukan modifikasi terlebih dahulu sesuai kebutuhan projek freelance. Karena jika tidak maka design yang diberikan kepada klien akan serupa dengan hasil design dari designer lainnya yang menggunakan template figma tersebut. Berdiskusi dengan klien sebelum pakai template Jujur kepada klien bahwa kita akan menggunakan template figma yang tersedia, apabila klien tersebut butuh cepat selesai projeknya dan tidak keberatan, maka kita bisa gunakan template website design figma tersebut. Good luck.

Apabila kamu bekerja sebagai designer, developer, atau marketer di perusahaan IT. Tentunya kamu sudah tidak asing dengan yang namanya prototype, kita akan coba membahas apa itu prototype serta manfaat membangun sebuah prototype. Ketika memiliki sebuah ide yang kita pikir dapat membantu jutaan manusia di dunia, misalnya sebagai contoh ingin membantu orang-orang menemukan taksi terdekat secara online melalui smartphone kesayangan, maka sebelum mengerjakan koding, bisa dimulai membuat sebuah prototype terlebih dahulu untuk digunakan usability-testing dengan calon pengguna aplikasi. Mengenal apa itu prototype Hadirnya prototype dapat memberikan manfaat besar bagi kesuksesan perusahaan, karena prototype ini adalah sebuah rancangan awal dari aplikasi atau website yang akan dibangun oleh tim designer dan developer. Prototype memiliki fitur-fitur utama dari produk yang nantinya akan digunakan oleh target pengguna oleh perusahaan tersebut. Setelah prototype selesai dilakukan uji coba maka perusahan akan mendapatkan feedback bermanfaat bisa meningkatkan prototype tersebut. Manfaat utama membuat prototype Startup atau perusahaan yang tidak memiliki budget besar memilih untuk membangun prototype terlebih dahulu dibandingkan harus final product, berikut adalah penjelasannya. Hemat waktu dan budget perusahaan Prototype dari projek website atau aplikasi tidak membutuhkan usaha dan budget besar untuk dapat diselesaikan, bahkan biasanya tim designer hanya mendesain wireframe sederhana, nantinya akan dijadikan sebagai prototype untuk usability-testing. Less effort, easy to modify Wireframe dan prototype hanya dijadikan sebagai acuan utama inti projek, apabila ada kesalahan yang perlu diperbaiki maka tidak membutuhkan usaha besar, hanya cukup diubah saja pada software design yang digunakan misalnya Figma. Minimum viable product (MVP) Perusahaan ingin memvalidasi ide bisnis mereka melalui prototype, pada prototype ini biasanya sering disebut sebagai minimum viable product. Jika prototype tersebut dibangun lalu hasilnya berhasil dan memberikan traction tinggi, maka perusahaan siap berinvestasi lebih besar untuk mengembangkan prototype tersebut. Presentasi kepada investor Prototype telah dibuat dengan baik dan memberikan traction yang tinggi, maka prototype tersebut bisa digunakan untuk mendapatkan investasi besar oleh venture capital. Tanpa adanya prototype maka venture capital tidak tertarik berinvestasi pada perusahaan kita. Beberapa contoh prototype Pahami prototype menjual berikut bisa kita buat sebagai designer atau developer dalam membantu perusahaan memvalidasi ide bisnis mereka sebelum mendapatkan investasi besar. Paper prototype contoh paper prototype aplikasi mobile Paper prototype sering dibuat ketika meeting bersama dengan stakeholder dan C-Level pada perusahaan, paper prototype sangat cocok apabila kita tidak memiliki banyak waktu dan ingin fokus kepada core projek tersebut. Low-fidelity prototype Setelah membuat paper prototype biasanya atasan meminta dilanjutkan ke software design seperti Figma, kita dapat mendesain low-fidelity prototype menggunakan Figma dengan mudah lalu dibagikan kepada stakeholder projek tersebut. High-fidelity prototype Pada high-fidelity prototype designer dapat memberikan sentuhan visual design yang menarik seperti segi warna, typography, margins, paddings, animation, dan lainnya. Biasanya high-fidelity prototype digunakan untuk usability-testing kepada calon target pengguna. contoh high-fidelity prototype untuk usability-testing Kesimpulan membuat dan memiliki prototype Bisnis tidak selalu naik, pasti akan turun juga. Perusahaan wajib melakukan research and development pada ide-ide bisnis terbaru, lalu bisa dieksekusi dengan cara membuat prototype demi menghemat waktu dan budget. Namun perlu diingat juga ketika design prototype, perlu diperhatikan UI UX design prototype tersebut demi mendapatkan hasil yang baik setelah melakukan usability-testing dengan prototype tersebut. Well, good luck dalam membuat protoype.

Content Creator dan Influencer kini menjadi profesi yang banyak dikejar oleh anak muda di masa sekarang ini. Content creator dan influencer adalah dua istilah yang sering digunakan dalam industri pemasaran digital dan media sosial. Sebenarnya apakah Content Creator dan Influencer adalah hal yang serupa? Content Creator dan Influencer pada dasarnya memiliki tujuan yang sama yaitu untuk menarik minat audiens dengan konten yang dibuatnya, sehingga dapat meningkatkan keterlibatan atau engagement dari audiens. Meskipun keduanya memiliki keterkaitan, tetapi ada perbedaan yang signifikan di antara keduanya. Berikut ini penjelasan perbedaan antara content creator dan influencer: Pengertian Content Creator Photo by Marvin Meyer on Unsplash Content creator adalah seseorang yang menciptakan konten digital yang menarik dan relevan, seperti video, gambar, atau teks, yang bisa diposting dan disebarluaskan melalui media sosial atau platform digital lainnya. Fokus utama dari content creator adalah menghasilkan konten yang berkualitas dan menarik yang dapat menghibur, menginformasikan, atau menginspirasi audiens target. Content Creator sering kali memiliki audiens yang lebih terfokus dan tertarik pada topik tertentu. Pengertian Influencer Photo by Jakob Owens on Unsplash Sementara itu, influencer adalah seseorang yang memiliki pengaruh besar di media sosial dan mampu mempengaruhi atau memengaruhi perilaku atau pandangan orang lain terhadap topik atau merek tertentu. Content creator dapat menghasilkan berbagai jenis konten, seperti tutorial, review produk, wawancara, dan banyak lagi. Sedangkan influencer lebih cenderung pada jenis konten tertentu, seperti endorsement atau promosi produk. Fokus utama dari influencer adalah membangun komunitas dan interaksi dengan pengikut mereka di media sosial, dan menggunakan pengaruh mereka untuk mempromosikan merek atau produk tertentu. Apa saja tools andalan membuat konten? Berbicara soal Content Creator dan Influencer mungkin tak lepas dari yang namanya konten. Konten sendiri memiliki arti informasi atau materi yang dibuat dan dibagikan untuk tujuan tertentu, seperti untuk memberikan informasi, hiburan, atau mempromosikan produk atau layanan. Konten dapat berupa teks, gambar, audio, video, atau kombinasi dari semuanya. Photo by Anete Lūsiņa on Unsplash Konten biasanya dibuat untuk dikonsumsi oleh audiens target melalui berbagai platform seperti situs web, media sosial, blog, podcast, atau saluran media lainnya. Konten dapat menjadi bagian penting dari strategi pemasaran dan dapat membantu meningkatkan keterlibatan audiens dan memperkuat merek atau reputasi individu. Dalam membuat konten tentunya perlu memperhatikan banyak aspek salah satunya adalah tools pembuatan konten itu sendiri.Tools menjadi hal yang sangat dibutuhkan seorang Content Creator dan Influencer karena tanpa tools yang tepat maka akan mustahil dapat menghasilkan konten yang menarik dan berkulitas secara visual. Berikut tools andalan seorang Content Creator dan Influencer untuk membuat konten. 1. VN Editor VN Editor sebagai tool Content Creator VN Editor adalah aplikasi pengeditan video populer dan digunakan oleh banyak pengguna untuk membuat dan mengedit video pendek di platform media sosial seperti TikTok, Instagram, Facebook, dan lain sebagainya. VN Editor memungkinkan pengguna untuk menambahkan berbagai efek visual, musik, teks, filter, stiker, dan lainnya ke dalam video mereka. Aplikasi ini juga memiliki berbagai fitur seperti pengeditan frame-by-frame, menggabungkan beberapa video, menambahkan lagu, dan banyak lagi. Aplikasi ini juga dilengkapi dengan berbagai template video yang siap digunakan, seperti template video ulang tahun, template video promosi, dan banyak lagi. VN Editor memungkinkan pengguna untuk mengedit video dalam resolusi yang tinggi dan dapat diunduh serta digunakan secara gratis di perangkat Android dan iOS. Dengan aplikasi VN Editor, pengguna dapat dengan mudah membuat video yang menarik dan berkualitas tinggi dengan cepat dan mudah. 2. CapCut CapCut sebagai tool Content Creator CapCut adalah sebuah aplikasi pengeditan video yang tersedia di platform Android dan iOS. Aplikasi ini awalnya dikenal dengan nama Viamaker, namun kemudian diubah menjadi CapCut setelah diakuisisi oleh perusahaan teknologi ByteDance, yang juga memiliki aplikasi populer lainnya seperti TikTok dan Douyin. CapCut menawarkan berbagai fitur pengeditan video, termasuk penggabungan video, pemotongan, penyuntingan audio, pengaturan kecepatan, efek visual, teks dan banyak lagi. Aplikasi ini juga menyediakan berbagai template dan preset yang dapat digunakan untuk memudahkan pengguna dalam mengedit video. Selain itu, CapCut juga memungkinkan pengguna untuk menambahkan musik dan suara ke dalam video mereka. Meskipun CapCut gratis untuk diunduh dan digunakan, ada beberapa fitur yang hanya tersedia untuk pengguna yang berlangganan paket premium. 3. Copy.ai Copy.ai sebagai tool Content Creator Aplikasi ini merupakan tools yang sangat membantu bagi Content Creator. Copy.ai adalah sebuah platform AI (kecerdasan buatan) yang menyediakan alat penghasil teks otomatis yang dapat membantu pengguna dalam membuat teks yang lebih cepat dan mudah. Dengan menggunakan teknologi AI, Copy.ai dapat menghasilkan teks seperti judul, deskripsi, paragraf, email, dan konten sosial media dengan cepat dan mudah. Pengguna hanya perlu memasukkan beberapa kata kunci atau kalimat dan Copy.ai akan menghasilkan teks dengan berbagai variasi yang dapat dipilih dan disesuaikan sesuai dengan kebutuhan. Selain itu, Copy.ai juga menyediakan fitur yang dapat membantu pengguna mengoptimalkan teks mereka dengan mencocokkan teks dengan target audiens atau menghasilkan variasi teks yang dapat digunakan untuk tes A/B dalam kampanye iklan. Copy.ai dapat berguna bagi marketer, penulis konten, dan bisnis yang ingin meningkatkan efisiensi dalam membuat teks yang menarik dan berkualitas tinggi. 4. TikTok TikTok sebagai tool Content Creator Kamu pastinya tidak asing lagi dengan aplikasi yang satu ini. Bisa dikatakan TikTok menjadi media sosial yang paling banyak digunakan di seluruh dunia. TikTok menyediakan berbagai alat dan fitur yang memungkinkan content creator dan influencer untuk membuat, mempublikasikan, dan mempromosikan konten mereka dengan mudah. TikTok adalah platform yang efektif untuk promosi merek karena dapat mencapai audiens yang besar dan beragam. TikTok menyediakan alat analisis yang membantu content creator dan influencer dalam memantau performa konten mereka dan menganalisis metrik seperti tayangan, suka, komentar, dan berbagi. 5. Hootsuite Hootsuite sebagai tool Content Creator Hootsuite adalah platform manajemen media sosial yang memungkinkan pengguna untuk mengelola dan mempublikasikan konten di berbagai platform media sosial dalam satu tempat. Hootsuite menyediakan berbagai jenis rencana berbayar dengan fitur yang berbeda-beda. Namun, mereka juga menawarkan rencana gratis yang dapat digunakan untuk mengelola hingga 3 akun media sosial dan juga dapat mengatur monitoring pesan masuk dan memperoleh analisis dasar kinerja posting Anda. Meskipun ada pembatasan jumlah akun media sosial yang dapat dikelola, tetapi Hootsuite masih memberikan cukup fitur dasar untuk mengelola beberapa platform media sosial secara efisien. Jika kamu memerlukan fitur tambahan atau ingin mengelola lebih banyak akun, kamu dapat mempertimbangkan untuk meningkatkan ke rencana berbayar. 6. Unsplash Unsplash sebagai tool Content Creator Unsplash adalah platform gambar stok gratis yang menyediakan gambar berkualitas tinggi yang dapat digunakan oleh Content Creator dan Influencer untuk mempercantik konten mereka. Unsplash menawarkan lebih dari 2 juta gambar gratis yang dapat diunduh dan digunakan tanpa perlu membayar atau memberikan atribusi ke pemilik gambar. Dengan adanya Unsplash, Content Creator dapat menghemat waktu dan biaya untuk mencari atau membeli gambar berkualitas tinggi. Gambar-gambar yang disediakan oleh Unsplash bervariasi dari berbagai kategori, seperti alam, manusia, teknologi, dan banyak lagi, sehingga pengguna dapat dengan mudah menemukan gambar yang sesuai dengan kebutuhan mereka. 7. SEMrush Semrush sebagai tool Content Creator SEMrush adalah platform SEO dan pemasaran digital yang membantu pengguna dalam riset kata kunci, analisis pesaing, dan mengelola kampanye iklan. Platform ini menawarkan berbagai fitur dan alat yang membantu pengguna meningkatkan kinerja situs web dan kampanye iklan mereka di mesin pencari. Dalam SEMrush, pengguna dapat melakukan riset kata kunci untuk menemukan kata kunci yang populer dan relevan untuk target audiens mereka. Kamu juga dapat melihat kata kunci yang digunakan oleh pesaing dan mengidentifikasi kesempatan untuk memperbaiki rate dalam hasil mesin pencari. SEMrush tersedia dalam berbagai rencana berbayar dengan fitur yang berbeda-beda, mulai dari rencana gratis hingga rencana enterprise yang lengkap. Photo by Adem AY on Unsplash Nah itu dia penjelasan mengenai tools andalan yang biasanya digunakan oleh Content Creator dan Influencer. Dalam memilih tools untuk membuat konten adalah hal yang cukup penting karena dapat membantu meningkatkan kualitas konten dan efektivitas pemasaran Anda. Untuk memilih tools untuk membuat konten kamu perlu mempertimbangkan apa yang ingin kamu capai dengan konten kamu. Kamu juga perlu memperhatikan budget yang kamu miliki saat ini. Pilih tools yang mudah digunakan dan tidak memerlukan waktu dan usaha yang besar untuk mempelajari cara menggunakannya. Ada banyak tools yang tersedia dengan harga yang berbeda-beda sehingga kamu cukup memilih yang sesuai dengan kemampuan kamu saat ini. Rekomendasi Kelas Untuk Content Creator Sudah siap membangun karir menjadi seorang Content Creator atau Influencer? Berikut ini penulis ingin merekomendasikan kepada kamu kelas Build Your Personal Branding on Socmed & Boost Your Career dari BWA untuk membangun personal branding sebagai seorang Content Creator maupun Influencer. Bersama mentor berpengalaman, kamu akan belajar bagaimana cara membangun personal branding dengan menemukan keunikan diri sendiri serta membangun kredibilitas diri yang berfokus di media sosial. Di kelas ini, mentor juga akan mengarahkan kamu terkait seni mempromosikan atau branding diri sendiri juga bagaimana mempertahakan eksistensi diri.

Hello people spirit of learning! Dalam aplikasi yang sering kita gunakan, pastinya kita sering menemukan tombol, yang dimana saat kita klik tombol tersebut akan melakukan perubahan data baik secara UI maupun data di belakangnya. Nah dalam flutter terdapat 3 jenis tombol, Simak penjelasannya. 1. ElevatedButton void main(List args) { runApp(MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: ElevatedButton( style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100)), fixedSize: Size(160, 45), backgroundColor: Color(0xFF3D58FF)), onPressed: () {}, child: Text( 'Home', style: TextStyle(fontWeight: FontWeight.w600, fontSize: 16), ), )), )); } } Yang pertama ada elevatedButton, tombol ini mempunyai ciri background warna tombolnya dan dibelakang buttonnya terdapat sedikit shadow. Tombol jenis ini sering digunakan di berbagai aplikasi yang sering kita gunakan. Oh ya anyway ada properti yang wajib diisi yaitu onPressed dan child, fungsinya onPressed adalah saat kita menklik didalamnya kita melakukan aksi, Namun disini kita kosongkan saja. Dan child bisa diisi dengan widget apapun. Biasanya diisi dengan widget Text. Disini kita bisa memodifikasinya dengan menggunakan properti Style didalam widget elevatedButton. setelah itu kita getter dengan styleFrom, yang didalamnya kita bisa menggunakan banyak properti. Seperti backgroundColor untuk mengubah warna buttonnya, lalu shape untuk mengatur lengkungan tiap ujung button, dan masih banyak lagi. Kalian bisa mencobanya sendiri sesusaikan design yang kalian inginkan ya. Untuk contohnya bisa dilihat pada code dan gambar diatas. 2. OutlineButton void main(List args) { runApp(MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: OutlinedButton( style: OutlinedButton.styleFrom( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)), fixedSize: Size(180, 45), foregroundColor: Color(0xff252E4E), side: BorderSide(color: Color(0xff252E4E))), onPressed: () {}, child: Text( 'Rate Alessya', style: TextStyle(fontWeight: FontWeight.w600, fontSize: 16), ), )), )); } } Yang kedua ada outlinedButton, tombol ini mempunyai ciri hanya memiliki stroke atau garis sisi button saja dan tidak mempunyai warna background. Jenis tombol ini jarang kita temukan pada aplikasi atau web yang kita gunakan sehari hari. sama seperti sebelumnya, ada properti yang wajib diisi yaitu onPressed dan child, fungsinya onPressed adalah saat kita menklik didalamnya kita melakukan aksi, Namun disini kita kosongkan saja. Dan child bisa diisi dengan widget apapun. Biasanya diisi dengan widget Text. Untuk melakukan styling hampir mirip juga dengan button sebelumnya, dengan menggunakan properti Style didalam widget elevatedButton. setelah itu kita getter dengan styleFrom, yang didalamnya kita bisa menggunakan banyak properti. Seperti foreBackgroundColor untuk mengubah warna text pada buttonnya, lalu shape untuk mengatur lengkungan tiap ujung button, side untuk menstyling ketebalan garis dan mengubah warna garis pada button, dan masih banyak lagi. Kalian bisa mencobanya sendiri sesusaikan design yang kalian inginkan ya. Untuk contohnya bisa dilihat pada code dan gambar diatas. 3. TextButton void main(List args) { runApp(MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: TextButton( style: TextButton.styleFrom(foregroundColor: Color(0xff3D58FF)), onPressed: () {}, child: Text( 'Log in', style: TextStyle(fontWeight: FontWeight.w600, fontSize: 16), ), )), )); } } Yang terakhir adalah TextButton, Ciri-ciri dari button ini adalah hanya berbentuk text saja seperti text yang hanya dikasih Url atau link. Sering ditemukan dalam web sederhana ataupun pada aplikasi sederhana. sama seperti sebelumnya, ada properti yang wajib diisi yaitu onPressed dan child, fungsinya onPressed adalah saat kita menklik didalamnya kita melakukan aksi, Namun disini kita kosongkan saja. Dan child bisa diisi dengan widget apapun. Biasanya diisi dengan widget Text. Untuk textButton juga bisa di styling seperti sebelumnya, Namun disini saya hanya mencontohkan menggunakan properti foreBackgroundColor. Karena ini hanya textButton berisikan hanya text yang bisa di click. Namun kalian juga bisa memodifikasi sesuka kalian. karena getternya sama-sama dari styleFrom. Terima kasih dan semoga bermanfaat!

Goal Bekerja sama dengan mentor kelas untuk membantu student di BuildWithAngga mengatasi kendala yang dialami selama belajar di BuildWithAngga, pekerjaan asik ini memberikan kesempatan emas untuk kamu belajar hal baru sekaligus dibayar. Responsibilities Mempelajari seluruh materi kelas front-end website development di BuildWithAnggaMelihat beberapa kendala pada group konsultasi pada website BuildWithAnggaMemberikan jawaban yang benar dan tersusun rapih sehingga student bisa paham dengan cepat Requirements Telah mengerjakan challenge sederhana yang tersedia di bawahSedang tidak bekerja full-time/part-time/freelancerSedang tidak sekolah SMA/SMKJika sedang kuliah maka minimal semester 4Fresh graduate (Sarjana/SMA) boleh applySudah mengikuti setidaknya 3 kelas Premium di BuildWithAngga Benefits Akses seluruh kelas PremiumMagang secara online dari rumahBelajar hal baru pada sebuah real-world projectBelajar hal baru dari mentor kelasUang kompensansi/jajan bulanan Challenge Akses salah satu group konsultasi (forum belajar) pada kelas Premium yang kamu ikuti, buatlah sebuah pertanyaan yang terkait dari materi kelas tersebut, lalu jawablah pertanyaan kamu sendiri itu dengan baik dan tersusun rapih. Apabila sudah mengerjakan challenge di atas, silahkan copy URL dari halaman website pada pertanyaan kamu untuk dikirimkan melalui email nantinya. How to Apply Jika sudah menyelesaikan tugas sederhana di atas, waktunya untuk apply magang assistant mentor front-end website (wfa) di BuildWithAngga. Siapkan Resume (CV) & Hasil test dengan rapihIsi body email dengan hasil test di atasIsi subject email dengan Magang Assistant FE Web 2023Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 17 Maret 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok, Kami akan menambahkan informasi CLOSED pada judul loker apabila lowongan magang ini sudah ditutup dan kami sudah mendapatkan kandidat. Informasi selengkapnya bisa DM melalui Instagram kami BuildWith Angga. Terima kasih.

Dewasa ini, konten menjadi hal yang tak terlepas dari kehidupan kita. Setiap membuka media sosial maka kita akan disuguhkan oleh konten. Konten yang kita temui biasanya berisi informasi dan ada kalanya dibumbui dengan komedi. Banyak hal yang menghibur dan bermanfaat kita dapatkan dari sebuah konten. Tak heran saat ini orang membuka media sosial saat waktu luang sekedar untuk melihat konten seperti pada TikTok, Instagram, Youtube, dan sebagainya. Pada dasarnya seseorang membuat konten untuk mengekspresikan kreativitasnya. Maka tidak heran kita bisa menemukan konten yang unik dan berbeda setiap harinya. Namun, tak sedikit juga orang yang membuat konten untuk mendapatkan monetisasi atau menjadikan konten sebagai sumber penghasilan. Inilah yang biasa disebut dengan Content Creator. Pada kesempatan kali ini, penulis akan membahas lebih dalam mengenai Content Creator dan pentingnya networking dalam menjalani profesi ini. Apa itu Content Creator? Gambar seoarang Content Creator Content Creator menjadi salah satu profesi yang diminati banyak kaum milenial. Content creator adalah seseorang yang membuat topik berkaitan dengan hal yang sedang tren yang kemudian disajikan dalam bentuk tulisan, desain grafis, visual storytelling, dengan tujuan untuk menarik audiens serta menjual produk tertentu. Contoh jenis konten yang dibuat oleh Content Creator antara lain: Video: Vlog, tutorial, review produk, dan lain-lain.Gambar: Ilustrasi, meme, foto, dan lain-lain.Tulisan: Blog, artikel, opini, dan lain-lain.Podcast: Diskusi, wawancara, cerita, dan lain-lain. Content Creator bisa menjadi profesi yang menghasilkan pendapatan jika konten yang dibuatnya populer dan memiliki banyak pengikut atau subscribers. Banyak brand dan perusahaan yang tertarik untuk bekerja sama dengan Content Creator untuk mengkampanyekan atau memasarkan produk mereka, dengan tujuan untuk meningkatkan brand awareness dan engagement. Mengapa networking penting untuk Content Creator? Para Content Creator yang sedang bertukar ide Laporan Linkedin menyebutkan bahwa hampir 80 persen profesional menganggap bahwa networking sangat penting bagi kesukseskan karier. Networking sendiri memiliki makna memelihara hubungan dan mengembangkan jaringan dengan orang-orang dalam berbagai bidang atau profesi yang dapat memberikan manfaat dalam karir atau bisnis seseorang. Secara sederhana, networking adalah cara untuk bertemu dengan orang baru, memperluas lingkaran sosial, dan menciptakan kesempatan baru. Networking sangat penting bagi seorang content creator karena hal itu dapat membantu dalam membangun koneksi dengan orang-orang dalam industri yang sama, memperluas jangkauan audiens, dan mendapatkan kesempatan untuk bekerja sama dalam proyek-proyek yang menarik. Suasana rapat Content Creator Berikut adalah beberapa alasan mengapa networking penting bagi seorang content creator: Networking akan mendorong Content Creator untuk membangun koneksi dengan berpartisipasi dalam kegiatan-kegiatan yang diadakan oleh komunitas content creator serta membangun koneksi dengan orang-orang yang bergerak di bidang yang sama.Melalui networking, content creator dapat memperkenalkan karyanya kepada orang-orang baru dan memperluas jangkauan audiens. Misalnya, ketika bergabung dalam komunitas atau forum online, maka konten yang dihasilkan dapat dengan mudah dibagikan dan dikonsumsi oleh anggota komunitas atau forum tersebut.Melalui networking, content creator dapat menemukan kesempatan kerja sama dengan perusahaan atau brand. Dalam beberapa kasus, content creator dapat bekerja sama dengan brand untuk mempromosikan produk atau layanan mereka.Content Creator dapat bertukar ide dan mendapatkan masukan dari rekan-rekan mereka dalam industri yang sama. Hal ini dapat membantu meningkatkan pengetahuan dan keterampilan dalam menciptakan konten yang lebih baik. Bagaimana cara membangun networking bagi seorang Content Creator? Membangun networking bukanlah hal yang sulit apabila kita memiliki niat dan motivasi untuk berkembang. Networking tidak melulu harus selalu melakukan hubungan secara intens dengan orang-orang tersebut. Namun, kamu perlu untuk menjaga hubungan tersebut agar tidak putus, dengan menghubungi mereka kembali untuk sekedar menanyakan kabar. Selain itu kamu bisa memanfaatkan media sosial seperti LinkedIn untuk berinteraksi. Dengan melakukan hal-hal tersebut, diharapkan hubunganmu dengan mereka bisa tetap terjaga. Berikut tips dari penulis mengenai bagaimana cara membangun networking bagi seorang Content Creator. 1. Mengasah skill komunikasi Komunikasi menjadi skill yang sangat penting bagi seorang Content Creator. Komunikasi yang baik dapat membantu seseorang untuk menarik perhatian orang lain dan membuat mereka merasa nyaman, sehingga meningkatkan kemungkinan mereka untuk mempertimbangkan bekerja sama di masa depan. Dengan kemampuan persuasi seorang Content Creator dapat dengan mudah meyakinkan orang lain tentang gagasannya. Dalam bisnis atau lingkungan profesional, orang yang dapat berkomunikasi dengan baik seringkali dianggap lebih terpercaya dan dipercayai oleh orang lain. Content Creator mengkomunikasikan ide kepada anggota tim lain 2. Konsisten membuat konten konsistensi sangat penting untuk membangun networking yang efektif bagi seorang content creator. Konsisten memproduksi konten dan berinteraksi dengan audiens dapat membantu membangun reputasi sebagai seorang content creator yang dapat diandalkan dan terpercaya. Hal ini dapat membantu dalam membangun kesadaran merek yang lebih besar, dan membuka peluang kerjasama yang baru. 3. Jalin relasi dengan sesama Content Creator Untuk membangun networking, kamu bisa mengajak orang lain untuk kolaborasi untuk membuat konten. Kolaborasi dengan content creator atau brand lain dapat membantu memperluas jangkauan audiens. Hal ini dapat membantu meningkatkan jumlah pengikut dan meningkatkan keterlibatan audiens dengan konten. Selain itu dengan kolaborasi kamu dapat meningkatkan kreativitas untuk menciptakan konten yang lebih menarik dan berbeda dari konten yang telah dibuat sebelumnya. Sharing sesama Content Creator 4. Bergabung dengan komunitas Bergabung dengan komunitas dapat membantu content creator untuk memperluas jaringan dan bertemu dengan orang-orang yang memiliki minat dan tujuan yang sama. Dengan begitu kamu bersama rekan komunitas kamu dapat saling berbagi pengalaman dan memberikan tips, saran, serta dukungan untuk mengembangkan karir. 5. Ikut event networking Mengikuti berbagai event networking menjadi salah satu pilihan terbaik bagi seorang content creator untuk memperoleh informasi terbaru tentang tren dan inovasi terbaru dalam industri. Hal ini dapat membantu untuk memperbaiki strategi pemasaran dan menciptakan konten yang lebih baik. Ada beberapa jenis acara networking yang perlu dipertimbangkan, termasuk seminar bisnis, acara asosiasi profesional, acara networking, konvensi, dan grup networking. Meja kerja tim Content Creator Demikian penjelasan mengenai pentingnya networking bagi seorang Content Creator yang perlu kamu ketahui. Pada awalnya memang akan sulit bagi kamu menerapkan hal tersebut untuk membangun networking. Namun, apabila kamu konsiten, maka dampaknya akan kamu rasakan perlahan terhadap pengembangan karirmu. Selain itu, untuk menjaga relasi yang baik, kamu juga dapat menghubungi orang-orang yang punya hubungan dengan dirimu di masa lalu seperti, teman kuliah, dosen, dan senior di organisasi. Tidak ada salahnya ketika kamu ingin membangun hubungan kembali dengan mereka. Karena semakin banyak relasi yang dimiliki maka semakin banyak peluang yang akan muncul kedepannya.

Pada artikel kali ini, kita akan membahas perbedaan dari seorang Graphic Designer dengan UI Designer. Masih banyak yang belum tahu perbedaan dari kedua pekerjaan tersebut, meskipun sama-sama bekerja dalam hal visual, kedua pekerjaan itu sangatlah berbeda terutama tujuan dari desain mereka. Seorang UI Designer mendesain visual untuk mempermudah pengguna menggunakan sebuah produk yaitu website ataupun aplikasi, sedangkan Graphic Designer mendesain visual untuk menyampaikan pesan dari sebuah produk kepada pengguna atau biasa disebuat juga sebagai branding. Perbedaan Graphic Designer dan UI Designer Selain tujuan tersebut, ada juga beberapa perbedaan dari kedua pekerjaan tersebut, antara lain: 1. Tools Yang Digunakan Tools yang digunakan designer | Photo by UX Store Selain tujuan mendesain, tools yang digunakan seorang Graphic Designer dan UI Designer juga berbeda meskipun mungkin ada beberapa tools yang memang bisa digunakan untuk keduanya, namun tujuan dari penggunaan tools tersebut berbeda. Untuk tools yang digunakan seorang Graphic Designer adalah: 1. Adobe PhotoshopUntuk mengedit, memanipulasi ataupun memberi efek pada foto atau gambar. 2. Adobe IllustratorUntuk membuat ilustrasi berbasis vector. 3. Adobe InDesignUntuk mengatur layout desain majalah, buku, poster, atau brosur. 4. ProcreateUntuk membuat 'lukisan' ilustrasi dengan teknik freehand drawing terutama untuk pengguna iPad. 5. Affinity DesignerUntuk membuat ilustrasi berbasis vector. Alternatif dari aplikasi Adobe Illustrator. 6. CorelDRAWUntuk membuat gambar 2D (ilustrasi, logo, icon) bahkan bisa untuk mendesain brosur, poster, dan undangan (media cetak). Sedangkan, tools yang digunakan seorang UI Designer antara lain: 1. FigmaUntuk mendesain user interface dan juga membuat prototype nya. 2. SketchUntuk mendesain user interface dan juga membuat prototype nya. 3. Adobe XDUntuk mendesain user interface dan juga membuat prototype nya. 4. FramerUntuk membuat prototype dari desain UI yang sudah dibuat. 5. PrincipleUntuk membuat prototype dari desain UI yang sudah dibuat. Khusus untuk pengguna Mac. 6. ProtopieUntuk membuat interaction design atau prototype dari desain UI yang sudah dibuat. 2. Workflow Workflow designer | Photo by Will Porada Workflow atau alur kerja seorang Graphic Designer dan UI Designer juga berbeda. Untuk alur kerja seorang Graphic Designer yaitu: Menyiapkan tools desain yang diperlukan (peralatan & software/aplikasi)Membuat konsep dari segala informasi yang diberikan oleh klienMengilustrasikan konsep dalam bentuk sketsa/draft secara individu atau bersama timMemilih warna, gambar, dan font yang akan digunakanUntuk project tertentu perlu berkoordinasi juga dengan pihak luar seperti agensi, percetakan, dan/atau pihak yang diajak bekerjasamaMelakukan diskusi dengan klien untuk progress project desainMempresentasikan ‘hasil karya’ yang sudah dikerjakan kepada klien. Sedangkan alur kerja seorang UI Designer pada umumnya adalah sebagai berikut: Membuat wireframe → Membuat gambaran kasar dari tampilan tiap halaman website atau aplikasi mobile (Optional: jika dalam satu tim tidak ada seorang UX Designer).Membuat style guide dan menyiapkan assets → Menentukan warna, tipografi, membuat komponen, ikon, logo, illustrasi, dsb. (Optional: jika klien atau tim belum menyediakan style guide dan asset yang dibutuhkan).Mendesain visual → Mendesain tampilan tiap halaman website atau aplikasi mobile sesuai dengan wireframe dan menggunakan style guide dan asset yang sudah disediakan.Membuat prototype → Membuat simulasi hasil desain website atau aplikasi mobile untuk diujicoba dan dievaluasi. 3. Alur Belajar Alur belajar designer | Photo by Unseen Studio Untuk alur belajar seorang Graphic Designer dan UI Designer cukup berbeda tetapi memiliki kemiripan untuk hal-hal yang dasar yang perlu diketahui dalam membuat project visual. Alur belajar atau langkah-langkah untuk menjadi UI Designer umumnya sebagai berikut: Pelajari design basic atau dasar desain → Belajar tentang prinsip-prinsip dasar desain seperti Contrast, Repetition/Rhytm, Alignment, dan Proximity (CRAP). Belajar tentang elemen visual seperti Typography, Colors, Shapes dan elemen visual lainnya.Pelajari tools UI Design → Belajar semua tools atau aplikasi yang biasa digunakan seorang UI Designer lalu master tools tersebut. Untuk saat ini Figma merupakan salah satu tools yang perlu kita pelajari.Cari sumber referensi → Agar kita selalu update tentang tren desain dan juga sebagai inspirasi untuk desain kita selanjutnya. Sumber referensi dapat kita temukan di web seperti Dribbble dan Behance.Ikut komunitas → Ikutlah komunitas desain untuk menambah koneksi dan sekaligus untuk meminta feedback tentang desain yang sudah kita buat agar kita semakin berkembang dan menjadi lebih baik sebagi seorang UI Designer .Ikut online course atau bootcamp → Ini merupakan langkah optional, namun dengan mengikuti online course ataupun bootcamp kita lebih mudah untuk mendapatkan akses menemukan mentor dan relasi, dan juga hasil belajar dari course atau bootcamp tersebut dapat langsung kita terapkan di dunia kerja. Sudah banyak platform yang menyediakan course ataupun bootcamp untuk menjadi UI Designer salah satunya kalian bisa mengunjungi website Buildwith Angga (BWA). Dan alur belajar untuk menjadi Graphic Designer umumnya sebagai berikut: Pelajari dasar desain → Graphic Designer perlu belajar berbagai elemen di dalam grafis. Beberapa elemen tersebut mencakup pemilihan warna, tipografi, simbol, serta grid system.Cari Sumber Referensi → Memilih dan mencari apa saja yang dapat dijadikan sumber referensi desain mulai dari majalah cetak, media sosial, Dribbble, Behance atau Pinterest. Lalu kumpulkan desain-desain yang menginspirasi.Pelajari Tools Graphic Design → perlu menguasai tools yang diperlukan untuk menunjang karier graphic design. Para graphic designer biasa memanfaatkan tools seperti Adobe Photoshop, Adobe Illustrator, Procreate, atau Corel Draw.Bedah Proses Desain → Bedah proses desain perlu dilakukan untuk belajar dan menambah skill menjadi graphic designer, setelah mengumpulkan desain-desain yang menarik & menginspirasi, kalian perlu membedah satu per satu desain tersebut, mulai dari warna yang digunakan, simbol-simbol yang dimasukkan, hingga proses pembuatan desainnya.Ikut Komunitas → Ketika belajar graphic design secara otodidak tanpa adanya ‘guru’ kita perlu ikut komunitas untuk menambah koneksi sekaligus untuk meminta feedback tentang desain yang sudah kita buat.Ikut Online Course → Ini merupakan langkah optional, namun dengan mengikuti online course kita lebih mudah untuk mendapatkan akses menemukan mentor dan relasi, serta alur belajar yang lebih terarah sesuai dengan roadmap untuk menjadi seorang Graphic Designer. 4. Cara Mencari Project Freelance Mencari project freelance | Photo by Bram Naus Ada banyak opsi untuk berkarir sebagai Graphic Designer dan UI Designer, yaitu bekerja di agensi/studio, startup, perusahaan besar, dan freelance. Di artikel ini akan membahas bagaimana menjadi freelancer Graphic Design dan UI Designer dan bagaimana seorang freelancer mendapatkan project freelance. Untuk mendapatkan project freelance biasanya seorang Graphic Designer dan UI Designer membagikan hasil karya desain mereka di beberapa platform desain maupun sosial media seperti Dribbble, Behance, Instagram maupun Facebook. Namun ada beberapa website yang biasa digunakan untuk mencari project freelance seperti Upwork, Fiver, Freelancer, 99designs, dan masih banyak platform freelance lainnya. Kesimpulan Profesi sebagai Graphic Designer dan UI Designer secara umum mungkin terlihat sama dikarenakan sama-sama bekerja dalam hal visual, namun jika kita teliti kembali, banyak sekali perbedaan dari dua profesi tersebut baik dari tujuan, tools yang dipakai, worklfow, alur belajar, dan cara untuk mencari sebuah project freelance. Terima kasih sudah membaca artikel ini. Silahkan bagikan artikel ini jika bermanfaat dan baca artikel kita yang lain ya.. 👋

Goal Bekerja sama dengan designer dan developer di BuildWithAngga dalam mengembangkan platform belajar ui ux design dan software development secara online. Responsibilities Menulis konten berupa artikel terkait ilmu backend dan programmingBelajar membuat fitur-fitur pada website BuildWithAnggaBelajar hal baru di dunia programming dengan resource dari BuildWithAngga Requirements Telah mengerjakan challenge sederhana yang tersedia di bawahSedang tidak bekerja full-time/part-time/freelancerSedang tidak sekolah SMA/SMKJika sedang kuliah maka minimal semester 4Fresh graduate (Sarjana/SMA) boleh applySudah mengikuti minimal 1 kelas Premium (untuk memastikan bahwa kamu telah terbiasa menggunakan fitur-fitur di website BWA). Benefits Akses seluruh kelas PremiumMagang secara online dari rumahBelajar hal baru pada sebuah real-world projectUang kompensansi/jajan bulanan Challenge Buatlah flowchart sederhana menggunakan Miro.com atau LucidChart tentang bagaimana website BuildWithAngga bekerja, dimulai dari daftar akun baru sampai dengan mengikuti salah satu kelas gratisnya dan menyelesaikan kelas tersebut. Simpan challenge flowchart tersebut sebagai bentuk .PDF dan siapkan untuk dikirim melalui email di bawah ini. How to Apply Jika sudah menyelesaikan tugas sederhana di atas, waktunya untuk apply magang backend laravel (wfa) di BuildWithAngga. Siapkan Resume (CV) & Hasil test dengan rapihIsi body email dengan hasil test di atasIsi subject email dengan Magang Backend Laravel 2023Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 13 Maret 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok, Kami akan menambahkan informasi CLOSED pada judul loker apabila lowongan magang ini sudah ditutup dan kami sudah mendapatkan kandidat. Informasi selengkapnya bisa DM melalui Instagram kami BuildWith Angga. Terima kasih.

Sebelum membahas class class yang disediakan oleh Tailwind CSS, kita akan cari tau dulu apa itu Tailwind CSS. Tailwind CSS merupakan salah satu framework CSS yang sedang naik daun di kalangan web developer karena cara penggunaannya yang unik. Jika kita bandingkan dengan bootstrap yang sudah menyediakan class yang siap pakai beserta contoh komponen htmlnya, berbeda dengan Tailwind CSS yang menyediakan kumpulan class yang perlu kita kombinasikan untuk membuat custom design kita sendiri, yang lebih menariknya lagi tiap class class tersebut bisa kita ubah langsung sesuai kebutuhan tanpa menyentuh file CSS. Sehingga membuat Tailwind CSS menjadi framework yang fleksibel. Cara menggunakan class Tailwind CSS Untuk bisa menggunakan Tailwind CSS kita perlu menginstalnya dan setup pada project terlebih dahulu, bisa melalui CDN atau package manager yang dapat kita ikuti disini. namun pada artikel ini kita akan fokus pada penggunaan class class yang telah disediakan. Sebagai contoh, kita perlu menambahkan margin maka bisa menggunakan sintaks m{t|r|b|l}-{size} dimana m sebagai margin dan t|r|b|l sebagai top, right, bottom, dan left, selain itu juga terdapat x|y jika ingin menggunakan axis, lalu {size} kita isi dengan ukuran margin sesuai dokumentasi yang disediakan. Sintaks {t|r|b|l|x|y} bisa digunakan untuk semua class yang perlu menggunakan posisi seperti padding, top, dll. Salah satu hal yang membuat Tailwind CSS berbeda adalah Arbitrary Values, jika kita ingin membuat margin 1rem kita bisa menuliskan m-4, namun bagaimana jika ukuran yang kita ingin tidak ada dalam dokumetasi atau unik? disinilah arbitrary values berguna, kita dapat menuliskan ukuran pada {size}, misalnya m-[39px], p-[1.7rem], top-[12%] dan sebagainya. Tanpa berlama-lama lagi mari kita bahas 10 StylingTailwind CSS yang akan sering kita gunakan. Styling pada Tailwind CSS Responsive design pada Tailwind CSS Membuat website yang responsive merupakan suatu keharusan untuk memastikan kenyaman user di berbagai device. Pada Tailwind CSS kita bisa menggunakan responsive utility sm, md, lg, xl, dan 2xl sebagai breakpoint prefix. Cara penggunaaanya breakpoint prefix kita gabungkan dengan utility class yang kita targetkan dengan menambah : diantara prefix dan utility class yang diinginkan. Namun, yang perlu diingat jika menggunakan breakpoint rules yang disebutkan sebelumnya, efeknya akan tetap terbawa ke ukuran yang lebih besar, untuk mengatasi itu kita bisa menggunakan max-{breakpoint prefix}, bahkan kita juga bisa menggabungkan kedua cara diatas seperti md:max-xl:flex. misalnya, kita menginginkan grid dengan 3 kolom pada ukuran screen lg (min-width:1024px), pada ukuran md (min-width:768px) menjadi 2 kolom, dan 1 kolom pada ukuran sm (min-width:640px) kita bisa menuliskan class lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 jika digunakan akan seperti contoh berikut class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-5 mx-auto w-10/12" . Tampilan kolom Tailwind CSS Tampilan kolom Tailwind CSS Display pada Tailwind CSS Property display juga tidak kalah penting dalam hal layout, kita bisa mengontrol content pada suatu container dengan display. Untuk menggunakannya, kita cukup memanggil jenis displaynya, seperti flex, block, grid, table, dan sebagainya. contoh jika sudah digunakan menjadi class="flex". Sizing pada Tailwind CSS Property CSS yang berhungan dengan sizing pasti sangat sering kita gunakan, pada Tailwind CSS kita cukup menuliskan w-{size} untuk width dan h-{size} untuk height. untuk {size} sendiri kita bisa menggunakan number, fraction, dan property lain. contohnya sebagai berikut, w-28 akan membuat width 7rem/112px, w-1/2 akan membuat width 50%, w-[47px] akan membuat width 47px. contoh lainnya w-full, w-screen, w-min, dan lain sebagianya. Typography pada Tailwind CSS Typography memiliki banyak jenis utility class, namun kita akan membahas beberapa yang sering digunakan. beberapa yang sering kita gunakan seperti font size, kita bisa menuliskan text-{size}, size yang diberikan oleh tailwind xs|sm|base|lg|xl dan 2xl sampai 9xl, dan jika kita membutuhkan ukuran yang unik kita bisa menggunakan arbitrary value. contohnya text-sm, text-[15px], dan lain sebagainya. lalu ada text align, kita bisa menuliskan text-center, text-left, dll. untuk jenis style lainnya dapat dilihat pada dokumentasi tailwind CSS. Colors pada Tailwind CSS Color bisa kita gunakan pada banyak hal, paling sering digunakan pada font color dan background color. untuk font color kita cukup menuliskan text-{color} dan untuk background-color bg-{color}, {color} disini dapat kita isi dengan nama warna, contohnya text-black, text-slate-400, bg-white, dan sebagainya. sama seperti yang lainnya kita bisa menggunakan arbitrary value seperti text-[#34364A]. Contoh pilihan warna pada Tailwind CSSSource: https://tailwindcss.com/docs/customizing-colors Columns pada Tailwind CSS Menggunakan kolom akan mempermudah kita untuk memposisikan element saat membuat layout web, tentu saja Tailwind CSS juga mempermudah hal ini. kita bisa menuliskan columns-{count}, pada {count} kita bisa isi berapa kolom yang kita inginkan antara 1-12 dan auto. Tak hanya itu, kita juga bisa membuat kolom dengan menentukan ukuran tiap kolom dengan columns-{width} dimana {width} dapat kita isi dengan 3xs-7xl dan juga arbitrary value. Jumlah kolom akan disesuaikan secara otomatis untuk mengakomodasi kolom dengan ukuran yang telah ditentukan. contoh penggunaan, columns-3 akan membuat element yang memiliki 3 kolom didalamnya, namun yang perlu diketahui adalah konten akan mulai dari atas lalu kebawah. Tampilan kolom Tailwind CSS Spacing pada Tailwind CSS Padding dan margin tentu telah disediakan di Tailwind CSS, cara menggunakannya cukup mudah, kita cukup menulis p{t|r|b|l}-{size} untuk padding dan m{t|r|b|l}-{size} untuk margin, kita juga dapat menggunakan axis x|y sebagai pengganti -block dan -inline. Untuk {size} dapat kita ganti dengan ukuran yang sudah disediakan oleh tailwind dan kita juga dapat menggunakan arbitrary value. Contohnya, m-2, mx-auto, my-[19px], dan sebagainya. Border pada Tailwind CSS Border memiliki banyak penggunaan seperti pada card, table, sampai element container. untuk menggunakan border kita bisa menulis rounded-{size} untuk border-radius, border-{width} untuk border-width, border-{color} untuk border color, dan border-{style} untuk border-style. Contohnya, border-black akan memberikan warna hitam, rounded-2xl akan memberikan border-radius 1rem/16px. Table pada Tailwind CSS Untuk membuat table, ada tiga utilities yang bisa kita gunakan. yang pertama border collapse, terdapat dua kelas yaitu border-collapse dan border-separate. border-collapse akan membuat border cell menjadi satu dan border-separate akan membuat border tiap cell terpisah, keduanya dapat dilihat pada gambar di bawah border-collapse Tailwind CSS border-separateTailwind CSS selain class untuk border diatas, ada juga border-spacing untuk mengatur space antar cell pada border-separate yang bisa kita tulis dengan border-spacing-{widht} contohnya, border-spacing-2 dan kita juga bisa menggunakan axis seperti border-spacing-y-[23px]. Yang terkahir ada table layout, kita dapat menggunakan ini untuk mengatur ukuran kolom, table-auto akan membuat ukuran kolom otomatis berdasarkan kontennya dan table-fixed akan membuat ukuran kolom yang tetap dengan menggunakan row pertama dan lebar tiap cell-nya untuk menentukan ukuran row selanjutnya Ukuran table dengan table-auto Position pada Tailwind CSS Position sering kita gunakan untuk menaruh konten, misalnya kita menggunakan position absolute untuk membuat kontent berada di pinggir element relative atau bahkan keluar element relative-nya. cara menggunakan position di Tailwind CSS sangat sederhana, kita cukup menuliskan jenis posisinya seperti relative, absolute, dan lainya. Dan untuk menetukan letaknya punya cukup simple, kita bisa gunakan top, bottom, left, dan right, lalu menambahkan ukuran. contohnya, top-2, bottom-[31px], inset-2.5, dan lainnya. Itulah 10 styling yang mungkin akan sering kita gunakan saat membuat layout website menggunakan framework Tailwind CSS. Salah satu kelebihan Tailwind yaitu arbitrary value seperti yang kita gunakan diatas, selain itu juga jika kita menginstall melaui package manager kita dapat mengkustomisasi tema agar sesuai dengan tema yang kita inginkan dan juga membuat komponen CSS. Jika kalian tertarik untuk belajar Tailwind CSS lebih lanjut, kalian bisa cek course gratis dan course premium dari BuildWith Angga, serta artikel cara menginstall Tailwind CSS