Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2012. gada novembris)
Ir vairāki jauni lieliski rīki un resursi, lai web dizaineriem un izstrādātājiem piešķirtu papildu sviras savu darbu. Šomēnes mums ir lieliski bezmaksas rīki un resursi ir vērts mēģināt, sākot no spraudņa, lai izveidotu atdzistus fotoattēlu efektus spraudnim, kas paredzēts saturam un attēlam, kas slīd ar patiesi vēsu pāreju.
Tātad, pārbaudīsim tos.
Pārbaudiet visus mūsu jaunos resursus (pēc mēneša):
Proto
Interaktīvs web dizains tagad kļūst par standarta praksi, veidojot tīmekļa vietni. Tas padara to rīks patiešām noderīgs, lai veiktu darbu. Proto ir veidota, balstoties uz SCSS, lai ātri reaģētu uz izkārtojumu, nodrošinot iepriekš definētas CSS klases, kas ir gatavas lietošanai, definējot atsaucīgo režģi un dažas ierīces specifiskas klases.
Režģis Displayer
Ja jūs strādājat ar Responsive Design ietvariem, piemēram, Bootstrap vai Foundation, jums, iespējams, būs nepieciešama šī grāmatzīme, lai izsekotu pārlūkprogrammas tīklam. Šis rīks parādīs pārklājuma tīklu tīklā, kuru skatāt. Tas ir diezgan ērts, vienkārši velciet un nometiet to grāmatzīmju joslā. Vienkārši noklikšķiniet uz grāmatzīmi jebkurā laikā, kad jums ir nepieciešams rādīt tīklus.
BootMetro
Windows 8 izmanto Metro dizaina valodas vienkāršību. Ja vēlaties izmantot šo stilu savā tīmekļa vietnē, BootMetro, iespējams, ir vajadzīgs.
Aizstāj
Internetā ir pieejamas daudzas WordPress startera tēmas, bet neviens cits nav tikpat liels kā Underscores. Ar to varat norādīt un personalizēt tēmas nosaukumu, aprakstu, autoru un konkrēti tēmas slugu, kas attiecas uz tēmas funkciju, tiklīdz lejupielādējat paketi, lai jūs saņemtu kaut ko līdzīgu theme_slug_function.
Jarallax
Tāpat kā parallaxa efekts, ko redzat šādās tīmekļa vietnēs? Ja vēlaties izmantot līdzīgu efektu savai tīmekļa vietnei, varat izmantot Jarallax, JavaScript animācijas bibliotēku, lai izveidotu paralaksu (gandrīz nekādā laikā).
Vējains
Vai esat garlaicīgi ar bīdāmām galerijas sekām, kas pārvietojas tikai horizontāli? Pēc tam pārbaudiet Windy, kas izmanto 3D pārveidošanu, lai palaist saturu patiesi unikālā veidā. Skatiet demo šeit.
TiltShift
Īsāk sakot, fotografēšana fotografēšanā ir metode, lai padarītu fotoattēlu mazāku, gandrīz miniatūru, nekā tas patiešām ir. Pārbaudiet šo fotoattēlu kolekciju šajā ziņojumā: “Tilt-Shift fotogrāfija”. Ja vēlaties izmantot šādu efektu savā foto galerijā, varat vienkārši izmantot šo JavaScript bibliotēku, TiltShift.js.
Secība
Sequence.js ir atsaucīgs jQuery slīdņa spraudnis ar dažiem uzlabotiem pārejas efektiem. Atšķirībā no otrā slīdņa, secībā nav sava iebūvēta tēma. Tātad, mēs varam pilnībā pielāgot izskatu un atbilstību mūsu tīmekļa vietnei.
Delta
jQuery UI ir kopīgs interneta lietotāja interfeisa un mijiedarbības komplekts, kas ir viegli lietojams. Tomēr noklusējuma tēma ir garlaicīga. Tātad, ja vēlaties, lai jQuery UI meklētu atšķirīgu izskatu, tomēr nevēlaties, lai ar CSS netraucētu rokas, jūs varat vienkārši nomainīt noklusējuma CSS stilus ar Delta, kas ir slidens tēma jQuery UI.
