web development resources
1.0.0
Daftar alat dan sumber daya front-end open source untuk desainer dan pengembang web.
| Nama | Keterangan |
|---|---|
| Standar W3C | Standar W3C menentukan platform web terbuka untuk pengembangan aplikasi yang memiliki potensi yang belum pernah terjadi sebelumnya untuk memungkinkan pengembang membangun pengalaman interaktif yang kaya, ditenagai oleh penyimpanan data yang luas, yang tersedia di perangkat apa pun. |
| CSSDB | Daftar fitur CSS yang komprehensif dan posisinya dalam proses menjadi standar web yang diimplementasikan. |
| MDN Web Docs | Sumber daya untuk pengembang, oleh pengembang. |
| Pengembang web Google | Bangun pengalaman web generasi berikutnya. |
| W3Schools | Tutorial web online. |
| CSS-Tricks | Artikel harian tentang CSS, HTML, JavaScript, dan semua hal yang berkaitan dengan desain dan pengembangan web. |
| Smashing Magazine | Untuk desainer dan pengembang web. |
| WebGlossary.info | Glosarium luas Pengembangan Web dan istilah desain. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Html5 boilerplate | Templat front-end web paling populer. |
| Bootstrap | Bootstrap adalah kerangka kerja HTML, CSS, dan JS yang paling populer untuk mengembangkan proyek pertama yang responsif dan seluler di web. |
| Dasar | Kerangka kerja front-end responsif paling canggih di dunia. |
| - | - |
| Basis | Kerangka kerja HTML/CSS yang solid dan responsif. |
| Basscss | Toolkit CSS tingkat rendah. |
| Bulma | Kerangka kerja CSS modern berdasarkan FlexBox. |
| Kerangka kerja ringkas | Kerangka kerja front-end ringan yang menyediakan sejumlah fitur hebat tanpa kembung. |
| Kardinal | Cardinal adalah kerangka kerja CSS "mobile-first" yang modular yang dibangun dengan kinerja dan skalabilitas dalam pikiran. |
| CSS Furtive | Sebuah kerangka mikro CSS yang berpikiran maju. |
| Jus | Kerangka kerja CSS Flexbox. |
| Desain material lite | Implementasi komponen desain material di Vanilla CSS, JS, dan HTML |
| Mewujudkan | Kerangka kerja front-end responsif modern berdasarkan desain material. |
| Foton | Cara tercepat untuk membangun aplikasi elektron yang indah menggunakan HTML dan CSS sederhana. |
| Primer CSS | Tim Sistem Desain GitHub membangun dan memelihara primer. |
| Murni | Satu set modul CSS kecil dan responsif yang dapat Anda gunakan di setiap proyek web. |
| Responsif | Kerangka kerja ramah pengembang yang kuat, mudah diakses, untuk membangun situs web yang responsif. |
| UI semantik | Kerangka kerja pengembangan yang membantu menciptakan tata letak yang indah dan responsif menggunakan HTML yang ramah manusia. |
| Skel | Kerangka kerja responsif yang ringan untuk www. |
| Kerangka | Boilerplate yang sederhana dan responsif. |
| Tailwind CSS | Kerangka kerja CSS utilitas-pertama untuk membangun desain khusus dengan cepat. |
| Uikit | Kerangka kerja front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Onsen UI | Cara paling indah dan efisien untuk mengembangkan aplikasi web hybrid dan seluler HTML5. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Formstone | Formstone adalah kumpulan komponen ujung depan. |
| Komponen le wagon ui | - |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Starter bootstrap | Tema & templat starter bootstrap gratis untuk memulai proyek Anda. |
| Tema html5 blank wordpress | Tema Boilerplate HTML5 WordPress terbaik, dicatat oleh Adobe, Smashing Mag, .net Mag. |
| HTML5 UP! | Templat situs HTML5 dan CSS3 yang responsif. |
| Mulai Bootstrap | Perpustakaan yang gratis untuk mengunduh tema dan templat bootstrap. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Haml | Bahasa markup abstraksi html |
| Penurunan harga | Alat konversi teks-ke-HTML untuk penulis web. |
| Langsing | Mesin templating ringan. |
| Giok | Mesin Template Node. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| LEBIH SEDIKIT | Pra-Prosesor CSS Node |
| SCSS / SASS | Bahasa ekstensi CSS kelas profesional yang paling matang, stabil, dan kuat di dunia. |
| Stylus | Ekspresif, dinamis, kuat, preprocessor CSS yang kaya fitur. |
| PostCSS | Alat untuk mengubah CSS dengan JavaScript. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| CoffeeScript | Bahasa kecil yang dikompilasi menjadi JavaScript. |
| Livescript | Bahasa yang dikompilasi untuk JavaScript. |
| Naskah | Javascript yang berskala. |
| Babel | Kompiler untuk menulis JavaScript generasi berikutnya. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Bourbon | Perpustakaan Mixin yang sederhana dan ringan untuk Sass. |
| Kompas | Kerangka Penulisan Open-Source CSS. |
| Susy | Mesin tata letak khusus untuk sass. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| NPM | Manajer Paket untuk JavaScript. |
| - | - |
| Browserify | Sisi browser require() cara simpul |
| Mendengus | Pelari tugas javascript |
| Meneguk | Sistem pembuatan streaming |
| Paket | Bundler Aplikasi Web Konfigurasi Nol Konfigurasi Cepat. |
| Rollup | Bundler modul ES generasi berikutnya. |
| Webpack | Bundler untuk JavaScript dan teman -teman. |
| - | - |
| Eslint | Temukan dan perbaiki masalah dalam kode JavaScript Anda. |
| Lebih cantik | Prettier adalah formatter kode yang bertentangan. |
| stylelint | Linter modern yang perkasa yang membantu Anda menghindari kesalahan dan menegakkan konvensi dalam gaya Anda. |
| komitlint | ? Pesan Lint Commit |
| Linkinator | Perayap situs super sederhana dan pemeriksa tautan yang rusak. |
| - | - |
| Browsersync | Simpan beberapa browser & perangkat tetap sinkron saat membangun situs web. |
| http-server | Server HTTP Command HTTP yang sederhana dan nol-konfigurasi. |
| melayani | Listing File Statis dan Daftar Direktori. |
| server.js | Server sederhana dan kuat untuk node.js |
| - | - |
| Chokidar | Pembungkus efisien di sekitar node.js fs.watch / fs.watchfile / fsevents. |
| nodemon | Pantau setiap perubahan dalam aplikasi Node.js Anda dan restart secara otomatis server - sempurna untuk pengembangan. |
| Onchange | Gunakan pola Glob untuk menonton set file dan menjalankan perintah saat sesuatu ditambahkan, diubah atau dihapus. |
| - | - |
| Bersamaan | Jalankan perintah secara bersamaan. Seperti npm run watch-js & npm run watch-less tetapi lebih baik. |
| npm-run-all | Alat CLI untuk menjalankan beberapa skrip NPM secara paralel atau berurutan. |
| Shell paralel | Modul NPM super sederhana untuk menjalankan perintah shell secara paralel. |
| - | - |
| Concat | Menggabungkan beberapa file. |
| cpy-cli | Salin file untuk node. |
| Del | Hapus file dan direktori menggunakan Globs. |
| cepat | Kerangka kerja web minimalis yang cepat, tidak teropiniasi, untuk node. |
| node-sass | Ini memungkinkan Anda untuk secara asli mengkompilasi file .scss ke CSS dengan kecepatan luar biasa dan secara otomatis melalui middleware connect. |
| Pembaruan NPM | Tingkatkan dependensi paket.json Anda ke versi terbaru, mengabaikan versi yang ditentukan. |
| Purgecss | Purgecss adalah alat untuk menghapus CSS yang tidak digunakan. |
| Rimraf | Perintah UNIX rm -rf untuk Node. |
| - | - |
| Bower [ didepresiasi ] | Manajer paket untuk web. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| jQuery | Tulisnya lebih sedikit, lakukan lebih banyak, Perpustakaan JavaScript. |
| Modernizr | Modernizr memberi tahu Anda apa yang ditawarkan HTML, CSS, dan JavaScript yang ditawarkan browser pengguna. |
| - | - |
| Bliss.js | Ingin menggunakan Vanilla JS tetapi menemukan API asli sedikit sulit? Kebahagiaan adalah untukmu. |
| Payung JS | ☔ Perpustakaan JavaScript ringan untuk manipulasi dan acara DOM. |
| Zepto JS | Zepto adalah perpustakaan Javascript minimalis untuk browser modern dengan API yang sangat kompatibel dengan jQuery. |
| Tunai JS | Alternatif jQuery kecil yang tidak masuk akal untuk browser modern. |
| Chibi JS | Sebuah mikro-perpustakaan mikro kecil |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Anchor.js | Tambahkan tautan jangkar yang dalam ke dokumen Anda. |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) adalah perpustakaan animasi JavaScript ringan dengan API yang sederhana namun kuat. Ini bekerja dengan properti CSS, SVG, atribut DOM dan objek JavaScript. |
| Chart.js | Bagan sederhana, bersih dan menarik untuk desainer dan pengembang. |
| Chartist.js | Grafik responsif sederhana. |
| (a) darkmode.js (b) sakelar mode gelap | ? Tambahkan mode / mode malam gelap ke situs web Anda dalam beberapa detik |
| Velocity.js | Animasi JavaScript yang dipercepat. |
| Favico.js | Manfaatkan favicon Anda dengan lencana, gambar, atau video. |
| Fluidvids.js | Modul Video Lebar Fluid (Responsif), 1KB, Pemain Kustom, Elemen Dinamis/Dukungan XHR. |
| Sorote.js | Sorote.js adalah highlighter sintaks yang ditulis dalam JavaScript. |
| Headroom.js | Sembunyikan header Anda sampai Anda membutuhkannya. |
| Holder.js | Placeholder gambar sisi klien. |
| Lazysizes.js | Kinerja tinggi dan pemuat malas yang ramah SEO untuk gambar (responsif dan normal), iframes dan banyak lagi. |
| Littlefoot.js | Littlefoot adalah perpustakaan JavaScript ringan yang menciptakan catatan kaki yang luar biasa. |
| lunr.js | Pencarian teks lengkap sederhana di browser Anda. |
| Nprogress.js | Bilah kemajuan nanoskopi. |
| Pace.js | Bilah kemajuan halaman web otomatis. |
| Prism.js | Prism adalah perpustakaan penyorotan sintaks yang ringan, kuat, dan elegan. |
| react-burger-menu | Komponen reaksi sidebar off-canvas dengan kumpulan efek dan gaya menggunakan transisi CSS dan animasi jalur SVG. |
| Nav responsif | Plugin navigasi responsif tanpa dependensi perpustakaan dan dengan dukungan layar sentuh cepat. |
| Slideout.js | Menu Navigasi Slide Out Touch untuk aplikasi web seluler Anda. |
| Smartcrop.js | Konten yang sadar pemangkasan gambar. |
| Tabella.js | Tabel responsif. |
| Menambatkan | Perpustakaan JavaScript untuk secara efisien membuat elemen yang benar -benar diposisikan tetap di sebelah elemen lain di halaman. |
| Tippy.js | Perpustakaan Tooltip Vanilla JavaScript yang ringan. |
| Tooltip.js | Tooltip.js adalah perpustakaan JavaScript dan CSS untuk membuat tooltips yang dapat ditata. |
| Turbolinks | Turbolinks® membuat menavigasi aplikasi web Anda lebih cepat. |
| Mengeset | Pra-prosesor tipografi untuk HTML Anda yang menggunakan nol javascript sisi klien. |
| Zeroclipboard.js | Cara mudah untuk menyalin teks ke clipboard. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Formstone - Latar Belakang | Plugin jQuery untuk latar belakang gambar dan video bingkai penuh. |
| Bigfoot.js | Plugin jQuery untuk memberdayakan catatan kaki. |
| bigslide.js | Plugin jQuery navigasi panel slide kecil dengan mimpi besar. |
| Fitvids.js | Plugin jQuery yang ringan dan mudah digunakan untuk embed video lebar fluida. |
| fullpage.js | Satu halaman gulir bagian plugin situs. |
| Beban malas | Lazy Load adalah penundaan pemuatan gambar di halaman web panjang. |
| Lity | Plugin Lightbox yang sangat ringan, mudah diakses, dan responsif yang mendukung gambar, iframe, dan konten sebaris di luar kotak. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Terser | ? JavaScript Parser, Mangler dan Toolkit Kompresor untuk ES6+ |
| Uglifyjs | Uglifyjs adalah parser javascript, minifier, kompresor dan peralatan perdagangan. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Animate.css | Perpustakaan Cross-Browser dari CSS Animations. |
| Cssgram | Perpustakaan kecil (<1kb gzipped!) Untuk menciptakan kembali filter Instagram dengan filter CSS dan mode campuran. |
| CSS memfilter taman bermain | Mainkan dengan efek filter CSS3 yang baru. |
| EQCSS | Spesifikasi untuk sintaks permintaan elemen gaya kontainer di CSS. |
| Flex Grid | Sistem grid berdasarkan properti display fleksibel. |
Menguasai :nth-child | Kelas Pseudo CSS3 dan: Rentang Nth-Child. |
| Eric Meyer CSS Reset | Eric Meyer CSS Reset |
| Graaf | Overlay kisi CSS murni untuk desain. |
| Hamburger | Hamburger animasi CSS yang lezat. |
| Sistem Grid Mueller | Sistem grid modular untuk tata letak yang responsif/adaptif dan non -responsif, berdasarkan kompas. |
| Normalisasi.CSS | Alternatif modern, siap HTML5 untuk reset CSS. |
| RTLCSS | Kerangka kerja untuk mengubah lembaran gaya cascading (CSS) kiri ke kanan (LTR) menjadi kanan-ke-kiri (RTL). |
| Roti panggang | Gila, kisi CSS tanpa basa-basi. |
| CSSWAND | Ini benar-benar hanya beberapa perpustakaan animasi sederhana berbasis CSS |
| Air.css | Koleksi gaya untuk membuat situs web sederhana |
| Raisin CSS | Perpustakaan hanya utilitas CSS. |
| Spektrum CSS | Implementasi CSS standar bahasa desain spektrum untuk pihak internal dan ke -3 |
| Box-shadows.css | Mianly berdasarkan bayangan kotak |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Bagaimana bekerja dengan ikon svg | - |
| Sejajarkan ikon SVG ke SMS dan ucapkan selamat tinggal pada ikon font | - |
| - | - |
| Ikon Bootstrap | Ikon bootstrap adalah SVG, sehingga skala dengan cepat dan mudah dan dapat ditata dengan CSS. Sementara mereka dibangun untuk Bootstrap, mereka akan bekerja di proyek apa pun. |
| Ikon Lisensi Creative Commons | Unduh ikon lisensi SVG, EPS, dan PNG Creative Commons di situs Anda. |
| Flaticon | Basis data terbesar dari ikon gratis yang tersedia dalam format PNG, SVG, EPS, PSD dan Base 64. |
| Bulu | Feather adalah kumpulan ikon open source yang indah. |
| Font mengagumkan | Toolkit font ikonik dan CSS. |
| Font-Awesome-SVG-PNG | Font Awesome Split untuk file SVG dan PNG individu dengan ukuran berbeda bersama dengan generator berbasis Node.js. |
| FontForge | Editor font bebas dan open source yang dibawa kepada Anda oleh komunitas sesama pecinta tipe. |
| Fontello | Cara mudah untuk membuat font ikon khusus untuk situs Anda. Pilih gambar dari koleksi besar kami, dan buat paket webfont dengan satu klik. |
| Icomoon | Icomoon menyediakan paket ikon vektor, bersama dengan aplikasi HTML5 gratis untuk membuat font ikon khusus atau sprite SVG. Jelajahi di antara ribuan piksel ikon sempurna atau impor vektor Anda sendiri. |
| Ionicons | Font Ikon Premium untuk Kerangka Ionik. |
| Ikon Desain Bahan | Lihat semua ikon desain material dan banyak lagi dari komunitas. |
| Daftar Besar Ikon Flat & Ikon Font oleh CSS-TRIKS | Ada banyak pengumpulan seperti itu. Yang ini milikku. |
| Proyek kata benda - ikon untuk semuanya | Hampir satu juta ikon yang dikuratori, dibuat oleh komunitas global. |
| Octicons | Ikon yang dapat diskalakan buatan tangan dengan <3 oleh GitHub. |
| Ikon yang sempurna | Cara termudah untuk membuat ikon sosial independen resolusi. |
| Ikon sederhana | Ikon SVG gratis untuk merek populer. |
| SVG-ICON | Koleksi Ikon SVG Ultimate dilakukan dengan benar. |
| Ikon SVG | Siap menggunakan ikon SVG untuk web. |
| Ikon Vektor Roundup | Perbandingan berdampingan antara font ikon populer. |
| Kami menyukai font ikon | Layanan Hosting Ikon Sumber Gratis & Open Source untuk tujuan pengujian. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Tinyjpg | Smart Webp, JPEG dan kompresi PNG |
| Kompres PNG | - |
| Kompres jpeg | - |
| Gif kompres | - |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Chartspree | Membuat grafik dalam hitungan detik. |
| Formspree | Bentuk HTML fungsional untuk situs statis. |
| Gridspree | Tampilkan data spreadsheet Anda namun Anda suka tepat di situs statis Anda dengan Google Spreadsheet. |
| Jotform | Pembangun formulir |
| WTF, formulir? | Kontrol bentuk HTML yang lebih ramah dengan sedikit sihir CSS. Dirancang untuk IE9+, serta krom, safari, dan Firefox terbaru. |
| Wufoo | Pembangun formulir online dengan database penyimpanan cloud. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| API Abstrak | Serangkaian API utilitas yang sederhana namun kuat untuk pengembang, seperti validasi email, generator avatar pengguna, kompresi gambar, dan banyak lagi. Semua API memiliki versi gratis. |
| Autodraw | Gambar cepat untuk semua orang. Autodraw Pasang Pembelajaran Mesin dengan gambar dari seniman berbakat untuk membantu Anda menggambar barang dengan cepat. |
| Penerjemah biner | Penerjemah kode biner gratis, terjemahkan kode biner ke teks. |
| Base16 | Arsitektur untuk membangun tema yang didasarkan pada sintaks yang dipilih dengan cermat menggunakan basis enam belas warna. |
| Bootstrap 5 Cheat Sheet | Daftar interaktif kelas Bootstrap 5, variabel, dan mixin. |
| Colors.css | Warna default yang lebih baik untuk web. Koleksi kelas kulit untuk prototipe yang lebih cepat dan situs yang terlihat lebih bagus. |
| Kode warna hex warna | Color-Hex memberikan informasi tentang warna termasuk model warna (RGB, HSL, HSV dan CMYK), warna triadik, warna monokromatik dan warna analog yang dihitung dalam halaman warna. |
| Perburuan warna | Koleksi warna yang indah, diperbarui setiap hari. |
| Generator CSS3 | Klasik CSS3 |
| Cssmatic | Alat CSS terbaik untuk desainer web. |
| Draw.io | Draw.io adalah perangkat lunak diagram online gratis untuk membuat diagram alur, diagram proses, grafik org, UML, ER dan diagram jaringan. |
| Warna datar | Jelajahi lebih dari 11.000 warna datar dalam lebih dari 2.300 palet warna datar. Salin atau unduh file .ACO untuk digunakan di photoshop. |
| Alat Pengembangan Frontend Dogma Frontend | Alat berbasis web yang dikuratori untuk pengembang dan pemilik situs web, untuk analisis dan eksplorasi. |
| Latar belakang gradien | Sebagai daftar situs web gradien terbaik di internet, latar belakang gradien memungkinkan Anda untuk menjelajah, mencoba dan memilih dari ratusan palet warna campuran yang indah. |
| Styling Wizard: Google Maps API | Kustomisasi warna, jalan, label, dan banyak lagi. Kemudian gunakan gaya khusus Anda di proyek platform Google Maps Anda. |
| Peta yang manis | Repositori gaya yang berbeda untuk Google Maps yang ditujukan untuk desainer dan pengembang web. |
| Solarisasi - warna presisi untuk mesin dan orang | Solaria adalah enam belas palet warna (delapan monoton, delapan warna aksen) yang dirancang untuk digunakan dengan aplikasi terminal dan GUI. |
| Sri Hash Generator | Penggunaan SRI direkomendasikan sebagai praktik terbaik, setiap kali perpustakaan dimuat dari sumber pihak ketiga. |
| Superdomain | Periksa ketersediaan domain. |
| Buat tabel lateks online | Buat dengan cepat bahkan tabel lateks yang kompleks dengan generator online - penggabungan sel didukung bersama dengan pengeditan perbatasan. |
| Uigradients | Koleksi gradien warna yang dipilih sendiri untuk desainer dan pengembang. |
| Tidak diminiikan | Alat online gratis untuk tidak dikenali (unpack, deobfuscate) JavaScript, CSS dan kode HTML, membuatnya dapat dibaca dan cantik. |
| Alat kode web | CSS3, HTML5, Mikrodata, Buka Grafik dan Generator Kartu Twitter |
| Apa Resolusi Layar Saya | Alat online untuk memeriksa resolusi layar dari perangkat tampilan apa pun. |
| WebGradients | Kumpulan gradien latar belakang gratis yang dapat Anda gunakan sebagai latar belakang konten di bagian mana pun dari situs web Anda. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Bootstrapcdn | CDN yang disarankan untuk Bootstrap, Font Awesome dan Bootswatch. |
| CDNJS | CDN Sumber Gratis dan Terbuka untuk Pustaka Terkait Web untuk mempercepat situs web Anda! |
| Coralcdn | Jaringan distribusi konten gratis dan terbuka yang berbasis di sekitar teknologi peer-to-peer, yang terdiri dari jaringan proksi web dan server nama di seluruh dunia. |
| Fontcdn | Alat pencarian untuk Google Web Fonts. |
| Google Fonts | Ratusan font open-source gratis yang dioptimalkan untuk web. |
| Google Hosted Libraries | Jaringan distribusi konten yang stabil, andal, berkecepatan tinggi, dan tersedia secara global untuk perpustakaan JavaScript paling populer, sumber terbuka. |
| jsdelivr | CDN super cepat gratis untuk pengembang dan webmaster. |
| Microsoft Ajax CDN | Perpustakaan JavaScript pihak ketiga yang populer seperti jQuery dan memungkinkan Anda untuk dengan mudah menambahkannya ke aplikasi web Anda. |
| CDN Perangkat Lunak Sumber Terbuka | Perangkat Lunak Sumber Terbuka CDN oleh MaxCDN. |
| Yandex CDN | Layanan host perpustakaan JavaScript yang memberi pengembang situs akses ke Yandex Content Delivery (CDN) dan dapat menangani berbagai pekerjaan javascript open source dan perpustakaan dari server Yandex. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Dapatkah saya menggunakannya | Periksa kompatibilitas browser properti CSS3 dan HTML5. |
| Haruskah saya awalan | Cukup tunjukkan awalan apa yang dibutuhkan untuk properti CSS yang lebih baru. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Apakah saya responsif? | Lihat bagaimana situs Anda terlihat di desktop, laptop, iPad & iPhone. |
| BrowserStack | Gunakan Tester Perangkat Browser dan unduh gambar Internet Explorer untuk VM Anda. |
| Deviceponsive | Tampilkan pratinjau cepat dari situs web Anda responsif terhadap resolusi perangkat yang berbeda seperti MacBook, iPad, atau iPhone. Bagikan pratinjau ini dengan klien Anda. |
| Aplikasi Responsif | Devtool yang harus dimiliki untuk pengembang web untuk pengembangan web yang lebih cepat responsif. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Alat Google Pagespeed | Alat PageSpeed menganalisis dan mengoptimalkan situs web Anda berikut praktik terbaik. |
| Webpagetest | Jalankan tes kecepatan situs web gratis dari beberapa lokasi di seluruh dunia menggunakan browser nyata dan pada kecepatan koneksi konsumen nyata. |
| Tes Kecepatan Situs Web | Gunakan tes kecepatan situs web gratis ini untuk menganalisis kecepatan beban situs web Anda, dan pelajari cara membuatnya lebih cepat. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| JsonplaceHolder | API istirahat online palsu untuk pengujian dan prototipe |
| Lorem ipsum | Lorem Ipsum hanyalah teks boneka dari industri pencetakan dan pengesahan huruf. |
| Lorempixel | Gambar placeholder untuk setiap kasus. |
| Placehold.it | Layanan penampung gambar yang cepat dan sederhana. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Tempat | Yang terbaik untuk menjatuhkan proyek Anda dalam konteks perangkat apa pun. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Generator Favicon | Generator Favicon Online. Benar -benar. |
| Bangun situs saya yang disematkan | Alat online untuk membuat ubin layar start windows khusus untuk situs Anda dalam waktu kurang dari satu menit. |
| Peningkatan situs yang disematkan di Windows / Membuat ubin khusus untuk situs web IE11 | Menyiapkan ubin langsung dan pemberitahuan untuk windows |
| Mengkonfigurasi Aplikasi Web untuk Apple | Informasi dan teknik konseptual tentang membuat konten web yang efektif untuk Safari dan Webkit menggunakan HTML dan CSS. |
| Aplikasi Web yang Diinstal dengan Aplikasi Web Manifest di Chrome untuk Format File Android / Manifest | Gunakan manifes aplikasi web untuk mengontrol bagaimana aplikasi web Anda diluncurkan. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Codemyui | Cuplikan kode yang dipilih sendiri yang dapat Anda gunakan di proyek web Anda. Temukan inspirasi desain web dengan sampel kode. |
| Codyhouse | Perpustakaan gratis HTML, CSS, JS Nuggets. |
| Codrops | Codrops adalah blog desain dan pengembangan web yang menerbitkan artikel dan tutorial tentang tren web terbaru, teknik, dan kemungkinan baru. |
| Pindah ke https | Migrasi dari HTTP ke HTTP dengan mudah. |
| Navnav | Satu ton CSS, jQuery, dan contoh navigasi responsif JavaScript, demo, dan tutorial dari seluruh web. |
| Papersizes.io - Sumber daya terbaik untuk ukuran kertas | Sumber daya sederhana dan gratis untuk menemukan standar internasional untuk ukuran kertas dalam metrik dan kekaisaran. |
| Permen PDF | Edit file PDF dengan PDF Candy - Editor PDF online gratis. Konversi PDF ke Word, PDF ke JPG, Gabungkan PDF, split PDF, kompres PDF, dll. |
| scotch | Blog pengembangan web yang membahas semua hal pemrograman, pengembangan, web, dan kehidupan. |
| Smashing Magazine | Majalah online untuk desainer dan pengembang web profesional, dengan fokus pada teknik yang berguna, praktik terbaik, dan sumber daya yang berharga. |
| Tutorial web online w3schools | Situs pengembang web terbesar di dunia. |
↥ Kembali ke atas
| Nama |
|---|
| Mozilla Web Documents |
| CSS Dev Docs |
| Indeks Properti CSS |
| Referensi CSS |
| Referensi CSS - Codrops |
| Tata letak : |
| Flexbox - Trik CSS |
| CSS Grid - Trik CSS |
| CSS Flexbox Playground oleh Gabi |
| Flexbox Froggy |
| Taman Grid CSS |
| Animasi CSS : |
| Menggunakan Animasi CSS - MDN |
| Animasi - Trik CSS |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Browser Font yang aman | Font umum untuk semua versi setara Windows & Mac. |
| Tumpukan Font CSS | Koleksi lengkap tumpukan font CSS aman web. |
| CSS Outline Properti - Garis Besar: Tidak Ada dan Garis Besar: 0 | Properti Garis Besar CSS adalah persyaratan aksesibilitas, namun sering disalahgunakan oleh banyak perancang web, mengapa mereka melakukannya? |
| Referensi Pemilih CSS | Di CSS, pemilih adalah pola yang digunakan untuk memilih elemen yang ingin Anda gaya. |
| Kekhususan CSS | Kekhususan CSS. Spesifisitas CSS memberikan representasi numerik dari pemilih untuk membandingkan jika ada konflik gaya. Poster Web menampilkan spesifisitas CSS dengan ikon dari film 'The Shining' karya Stanley Kubrick. |
| Kisi dengan contoh | Semua yang Anda butuhkan untuk mempelajari tata letak kisi CSS. |
| Taman Kisi | Game untuk mempelajari kisi CSS. |
| Griddy | Pelajari jaringan CSS! |
| Tautan tag hash yang tidak headbutt jendela browser | CSS-Tricks posting oleh Chris Coyier. |
| Pelajari CSS Grid | Panduan untuk Mempelajari Kisi CSS. |
| Pelajari CSS Grid | Banyak sumber daya fantastis di luar sana oleh Jen Simmons. |
| Pelajari tata letak CSS | Situs ini mengajarkan fundamental CSS yang digunakan dalam tata letak situs web mana pun. |
| Mengesampingkan Warna Pilihan Teks Default dengan CSS | CSS-Tricks posting oleh Chris Coyier. |
| Tautan yang lebih cerdas menggarisbawahi untuk setiap situs web | Diposting oleh Adam Schwartz. |
| Apa warna latar belakang browser-default saat memilih teks? | Jawaban di Stack Overflow |
| Mengapa saya beralih dari kurang ke sass? | Diposting oleh Hugo Giraudel. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Poster kantor rumah | Repositori poster Home Office yang mencakup berbagai topik - penelitian, kebutuhan akses, aksesibilitas, desain. |
↥ Kembali ke atas
| Nama |
|---|
| Mengagumi web |
| Awward |
| Behance |
| Galeri Situs Web Terbaik |
| Codepen |
| Galeri CSS |
| Pemenang CSS |
| Desain lemari es |
| Deviantart |
| Menggiring bola |
| Penghargaan Situs Web Favorit (FWA) |
| Goodui |
| Desain Google |
| Inspirasi HTML |
| Inspirasi untuk Efek UI Pencarian |
| Satu halaman cinta |
| Bagus yang saya suka |
| Siiimple |
| Desain terbaik |
| Situs yang sangat bagus |
| Inspirasi Desain Web |
| WebDesign - Pencarian Tumblr |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Menjelajahi skala tipe responsif | Menemukan ritme Anda (yang sesuai, multi-perangkat dan vertikal) |
| Pasangan font | Pasangan font membantu desainer memasangkan google font bersama -sama. Kombinasi dan pasangan google font yang indah. |
| Menghasilkan skala jenis dengan stackswell | Hemat waktu dengan rilis terbaru Stackswell dan buat sistem tipe dalam hitungan detik! |
| Sistem Jenis Desain Bahan | Gunakan tipografi untuk menyajikan desain dan konten Anda sejelas dan seefisien mungkin. |
| Skala modular | Hitung, visualisasikan, dan pelajari tentang skala modular. |
| Ketik koneksi | Type Connection adalah game yang membantu Anda mempelajari cara memasangkan tipografi. |
| Tipografi untuk pengembang | Ini dimaksudkan sebagai panduan praktis bagi pengembang untuk mempelajari tipografi web. |
| Upewolf | Apa yang sedang tren dalam jenis |
| Ketik Skala - Kalkulator Visual | Pratinjau dan pilih skala tipe yang tepat untuk proyek Anda. Eksperimen dengan ukuran font, skala dan webfont yang berbeda. |
| Whatfont - Ekstensi Chrome | Cara termudah untuk mengidentifikasi font di halaman web. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Schema.org | Aktivitas kolaboratif, komunitas dengan misi untuk membuat, memelihara, dan mempromosikan skema untuk data terstruktur di internet, di halaman web, dalam pesan email, dan seterusnya. |
| Microformat | Cara paling sederhana untuk menandai informasi terstruktur dalam HTML. |
| Pahami bagaimana data terstruktur bekerja | Dokumentasi ini menjelaskan properti mana yang diperlukan, direkomendasikan, atau opsional untuk data terstruktur dengan makna khusus untuk pencarian Google. |
| Alat Pengujian Data Terstruktur oleh Google | Alat pengujian data terstruktur Google. |
| Wawasan PageSpeed oleh Google | Buat halaman web Anda cepat di semua perangkat. |
| JSON untuk menghubungkan data | Data berantakan dan terputus. JSON-LD mengatur dan menghubungkannya, membuat web yang lebih baik. |
| Json-ld | Wiki |
| Pencari garis lintang dan bujur | Lintang dan bujur adalah unit yang mewakili koordinat pada sistem koordinat geografis. Untuk melakukan pencarian, menggunakan nama tempat, kota, negara bagian, atau alamat, atau klik lokasi di peta untuk menemukan koordinat LAT Long. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Daftar Sistem Manajemen Paket Perangkat Lunak | Ini adalah daftar sistem manajemen paket perangkat lunak, dikategorikan terlebih dahulu berdasarkan format paket (biner, kode sumber, hybrid) dan kemudian oleh keluarga sistem operasi. |
| TEPAT | Manajer Paket OS Linux yang berbasis Debian. |
| Yum | Manajer Paket OS Linux berbasis Fedora. |
| Homebrew | Homebrew adalah sistem manajemen paket yang menyederhanakan pemasangan perangkat lunak pada sistem operasi macOS Apple dan Linux. |
| Winget | Windows Package Manager (alias Winget) adalah manajer paket open-source gratis yang dirancang untuk Microsoft Windows 10. |
| Cokelat | Chocolatey adalah manajer paket dan penginstal tingkat mesin untuk paket perangkat lunak, dibangun untuk platform Windows. |
| Goenv | GOENV bertujuan untuk sesederhana mungkin dan mengikuti model manajemen versi PyenV dan RBENV yang sudah berhasil. |
| NPM | NPM (awalnya kependekan dari Node Package Manager) adalah manajer paket untuk bahasa pemrograman JavaScript. |
| nodenv | Gunakan NODENV untuk memilih versi node untuk aplikasi Anda dan menjamin bahwa lingkungan pengembangan Anda cocok dengan produksi. |
| Pyenv | PyenV memungkinkan Anda dengan mudah beralih di antara beberapa versi Python. |
| benang | Benang adalah alternatif untuk NPM. |
| RVM | RVM adalah alat baris perintah yang memungkinkan Anda untuk dengan mudah menginstal, mengelola, dan bekerja dengan beberapa lingkungan ruby dari penerjemah hingga set permata. |
| rbenv | Gunakan RBENV untuk memilih versi Ruby untuk aplikasi Anda dan menjamin bahwa lingkungan pengembangan Anda cocok dengan produksi. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| Netlify | Menyebarkan situs web statis modern dengan netlify. Dapatkan CDN, penempatan terus menerus, HTTPS 1-klik, dan semua layanan yang Anda butuhkan. Mulailah secara gratis. |
| Staticgen | Daftar generator situs statis open-source teratas. |
| Staticman | Staticman adalah aplikasi Node.js yang menerima konten yang dibuat pengguna dan mengunggahnya sebagai file data ke repositori GitHub dan/atau GitLab. |
| Gitalk | Komponen komentar modern berdasarkan masalah GitHub dan pra -preact. |
| ucapan | Widget komentar ringan yang dibangun di atas masalah GitHub. Gunakan masalah github untuk komentar blog, halaman wiki dan banyak lagi! |
↥ Kembali ke atas
| Nama |
|---|
| halaman tldr |
| tldr inbrowser.app |
| tldr-book.pdf |
| Perintah Dasar Menyeduh - Develeet |
| cheat.sh |
| Devhints |
| Lembar cheat homebrew |
| Manual GitHub Cli |
| Markdown Cheatsheet |
| Sheet GitHub-Cheat |
| cheatsheet.md |
| Octonator di Twitter: "Tambahkan .pibb ke akhir URL GIST untuk mendapatkan versi HTML Only yang cocok untuk penyematan di situs lain. |
↥ Kembali ke atas
| Nama | Keterangan |
|---|---|
| 56 generator lorem ipsum unik | Bumbui teks pengisi Anda dan proyek desain dengan generator lorem ipsum yang lucu ini. |
| Panduan Abstrak untuk Kode Status HTTP | Daftar dan Penjelasan Kode Status HTTP |
| Luar biasa | Daftar daftar mengagumkan yang dikuratori. |
| Keangkuhan yang luar biasa | Daftar kedahsyatan yang luar biasa luar biasa. |
| Luar biasa mengagumkan | Daftar yang dikuratori dari daftar banyak topik yang dikuratori. |
| Sumber Daya Bootstrap Dengan Mulai Bootstrap | Daftar komprehensif bootstrap dan sumber daya terkait. |
| Cuplikan Bootstrap dengan Mulai Bootstrap | Perpustakaan Kurasi Bootstrap 4 Cuplikan Kode, Sempurna untuk Mampir ke Proyek Anda Tanpa Mengunduh Seluruh Tema! |
| Desain Essentials, Koleksi GitHub | Koleksi perpustakaan desain ini adalah yang terbaik di web, dan akan menyelesaikan toolset Anda untuk merancang produk yang menakjubkan. |
| Sumber Daya Desain untuk Pengembang | Daftar sumber daya desain & UI gratis yang dikuratori untuk pengembang termasuk stok foto, templat, kerangka kerja, kit UI, alat online dan banyak lagi. |
| GitHub - Showcases Open Source | Jelajahi repositori populer berdasarkan topik yang paling menarik minat Anda. |
| Latar belakang gradien | Sebagai daftar situs web gradien terbaik di internet, latar belakang gradien memungkinkan Anda untuk menjelajah, mencoba dan memilih dari ratusan palet warna campuran yang indah. |
| JavaScript Plugins Repository | Vanilla JS Tools untuk menulis aplikasi web yang kuat tanpa jQuery. |
| Wilayah Javascript | Katalog Jster Javascript. |
| Javascripting | Basis data pustaka JavaScript, kerangka kerja, dan plugin. |
| Libraries.io | Layanan Penemuan Sumber Terbuka. |
| Daftar Kode Status HTTP | Daftar kode status respons Hypertext Transfer Protocol (HTTP). |
| URL berbagi sosial | Proyek ini dimaksudkan untuk membantu Anda mengintegrasikan berbagi di media sosial dalam kode Anda. |
| Stok foto yang tidak payah | Daftar tempat untuk menemukan foto stok gratis terbaik. |
| Editor Teks, Koleksi GitHub | Sebuah karya dari beberapa editor open source yang luar biasa luar biasa. |
| Unheap | Repositori jQuery plugin yang rapi diklasifikasikan dalam kategori. |
↥ Kembali ke atas
