50 Sumber & Inspirasi Teratas Untuk Pereka Web dan Pembangun Hadapan

Sumber & Inspirasi Untuk Pereka Web dan Pembangun Front-end -

Sebagai pemilik blog reka bentuk, saya sering berada di web mencari inspirasi, perspektif baharu, arah aliran, penyelesaian baharu dan isu berkaitan reka bentuk web lain yang boleh memberi manfaat kepada saya, dan dengan itu, pelanggan saya! Internet kini penuh dengan tapak & blog yang penuh dengan sumber untuk pereka bentuk dan pembangun bahagian hadapan; tutorial photoshop, penapis, corak dan berus, tekstur, elemen, fon percuma dan set ikon, alat rangka wayar, aplikasi, rangka kerja CSS, dsb.

Di bawah saya telah menyenaraikan tapak kegemaran saya dengan penerangan ringkas tentang sebab saya suka menggunakannya. Gunakan ia untuk kelebihan anda!

SumberPenerangan Produkpautan
Majalah SmashingMajalah dalam talian untuk pereka web dan pembangun dengan artikel tentang pengekodan, reka bentuk, UX dan banyak lagiVisit Site
Trik CSSTapak web khusus untuk mengajar semua perkara CSS, dengan tutorial, pelajaran video dan komuniti yang aktifVisit Site
CodePenKomuniti dalam talian untuk menguji dan mempamerkan coretan kod HTML, CSS dan JavaScript ciptaan penggunaVisit Site
Ke atasTapak yang memberikan yang terbaik daripada yang terbaik dalam reka bentuk mudah alih dan webVisit Site
Stack OverflowKomuniti dalam talian untuk menguji dan mempamerkan coretan kod HTML, CSS dan JavaScript ciptaan penggunaVisit Site
DribbbleKomuniti pereka bentuk berkongsi tangkapan skrin kerja, proses dan projek merekaVisit Site
BehancePlatform untuk kreatif mempamerkan dan menemui karya kreatifVisit Site
Hadapan HadapanTempat di mana pembangun bahagian hadapan boleh bertanya soalan, berkongsi pautan menarik dan mempamerkan hasil kerja merekaVisit Site
Co-dropBlog reka bentuk dan pembangunan web yang menerbitkan artikel dan tutorial tentang trend dan teknik web terkiniVisit Site
W3SchoolsLaman web pendidikan untuk mempelajari teknologi web dalam talian. Kandungan termasuk tutorial dan rujukanVisit Site
Dokumen Web MDNKomuniti terbuka pembangun membina sumber untuk web yang lebih baik, termasuk dokumentasi standard web dan sumber pembelajaranVisit Site
SitepointSumber pembelajaran dalam talian untuk pembangun web, menawarkan kursus tentang HTML, CSS, JavaScript dan banyak lagiVisit Site
Web LedgerBlog reka bentuk web, menerbitkan artikel tentang arah aliran, teknik dan banyak lagiVisit Site
Sarjana DepanKursus JavaScript, Node.js dan kejuruteraan bahagian hadapan yang mendalamVisit Site
GitHubPerkhidmatan pengehosan berasaskan web untuk kawalan versi dan kerjasama. Ia adalah alat penting untuk mana-mana pembangunVisit Site

Hongkiat.com – sumber / inspirasi / maklumat
Ini adalah blog daripada pereka web Malaysia Hong Kiat Lim, yang hampir setiap hari blog baru dengan kandungan yang terdiri daripada petua & helah Photoshop, Tema WordPress terbaik, Infografik, sumber reka bentuk percuma, dsb. dsb., Dibaca dengan baik, tahapnya tinggi dan menawarkan banyak pautan ke sumber luaran.

CoolHompages.com – inspirasi / sumber
Namanya agak mengelirukan. Laman web ini telah menjadi galeri yang sangat luas untuk semua jenis tapak web & reka bentuk. Anda boleh menapis mengikut gaya dan jenis. Terdapat juga kemungkinan untuk memuat turun (beberapa, bukan semua) reka bentuk (sebagai templat) dan menggunakannya untuk tujuan mereka sendiri.

AgileDesigners.com – sumber
Sebuah tapak dipenuhi dengan alat & bahan percuma / bebas royalti dan berbayar untuk pereka bentuk dan pembangun bahagian hadapan. Sesiapa sahaja yang menjadi ahli komuniti boleh menyerahkan kandungan baharu—diproses dengan jelas dalam kategori berbeza. Sumber baharu harian.

Inspired-UI.com & pttrns.com inspirasi
Menjalankan syarikat UI? Kedua-dua tapak didedikasikan sepenuhnya untuk reka bentuk antara muka pengguna untuk aplikasi mudah alih dan tapak melalui navigasi sebelah kiri untuk menapis pada bahagian dan subjek yang berbeza.

PatternTap.com – ilham
Salah satu tapak yang saya pergi untuk inspirasi konkrit untuk reka bentuk web. Patterntap telah mengkategorikan contoh semua jenis bahagian tapak yang berbeza dengan mudah. Tatal melalui ratusan contoh pengepala, pengaki, borang, 404 halaman, ikon, dsb., dsb. Baru-baru ini anda juga boleh menapis pada gaya reka bentuk. Sumber yang berharga untuk inspirasi.

NotCot.org – ilham
NotCot ialah koleksi beraneka ragam perkara rawak yang mempunyai satu persamaan; mereka kelihatan 'istimewa' atau 'luar biasa'; mereka 'reka bentuk. Beg tangan, payung, model skala, logo, mainan, pembungkusan, makanan, fotografi, perabot, dan lain-lain, dan lain-lain, semuanya telah berakhir. Tidak semuanya sama cantik atau berguna, tetapi ia pasti memberi inspirasi!

CartCraze.com – ilham
CartCraze ialah tapak galeri khusus untuk satu jenis tapak: kedai web. Malangnya, tidak boleh ditapis pada gaya, kandungan atau negara, tetapi menatal melalui beratus-ratus kedai web yang berbeza menggantikannya. Sumber inspirasi yang baik untuk pereka webshop seperti saya.

eCommerceGallery.com – ilham
Sama seperti CartCraze, tapak galeri dengan kedai web sahaja. Ini boleh ditapis melalui teg pada produk yang dijual di kedai web. Lekker menatal dan mengklik, sekali lagi sumber inspirasi yang baik untuk pereka webshop

TheFWA.com – inspirasi / anugerah
FWA, singkatan untuk 'Anugerah Laman Web Kegemaran', telah dikenali selama 13 tahun sebagai Preamp Anugerah untuk laman web yang cantik dan menakjubkan. Menerima anugerah 'tapak hari', 'tapak bulan' atau 'tapak tahun' daripada The FWA menjamin reputasi tinggi dalam dunia reka bentuk web. Setiap hari FWA memilih tapak yang layak mendapat predikat 'tapak hari ini' dan ini ditunjukkan di laman utama. Kebanyakan tapak yang menerima anugerah adalah daripada jenama besar yang tidak berusaha keras untuk menarik khalayak yang ramai, tetapi kadangkala tapak atau tapak yang lebih kecil daripada syarikat yang tidak dikenali/bebas atau pereka web jatuh ke dalam hadiah.