Mājas lapa » Web dizains » Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2015. gada jūlijs)

    Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2015. gada jūlijs)

    Tīmekļa izstrādātāji tiek svētīti ar bezmaksas rīkiem un resursiem, kas atrodami tiešsaistē, kurus mēs ik mēnesi apņemamies savās svaigu resursu sērijā. Ja esat aizmirsis pagājušā mēneša partiju, pārskatiet to šeit vai pārbaudiet pārējos jaunos resursus, kas apkopoti gada sākumā.

    Attiecībā uz 2015. gada jūlija partiju mēs augstu vērtējam jaunus rīkus un resursus, kas atvieglotu jūsu uzdevumus, sākot no WordPress spraudņiem, kas ļauj izvietot spraudņa atjauninājumus privāti JavaScript bibliotēkā, lai pievienotu saistošas ​​animācijas.

    Aladdin

    Šis spraudnis pievieno papildu funkcionalitāti WordPress administrācijai, kas ir līdzīga OS X Spotlight. Ar to jūs varat ātri piekļūt Mac datoriem un mapēm. Pēc instalēšanas divreiz nospiediet Shift, pēc tam ierakstiet to, ko vēlaties piekļūt. Tas padara WordPress administrāciju pieejamāku, izmantojot tastatūru.

    SiteOrigin CSS

    SiteOrigin CSS ir spēcīgs WordPress spraudnis, lai pielāgotu jebkuru tēmas izskatu reālā laikā. Spraudnis pievieno jaunu paneli zem loga Izskats> Custom CSS izvēlnē. Tajā varat rakstīt pielāgotus CSS noteikumus, lai pārrakstītu tēmas CSS, ko izmantojat, vai arī varat izmantot GUI paneli, lai intuitīvi pievienotu CSS noteikumus.

    DynamicsJS

    DynmaicJS ir bibliotēka, kas izmanto fizikas balstītu animāciju. Es neesmu fizikas eksperts, bet piemēri šeit šajā izvēlnē izskatās ļoti forši. Tas var animēt HTML un SVG elementus, un tas nodrošina ātru veiktspēju bez jebkādas atkarības. DynamicJS ir pārbaudīts, izmantojot Safari 7+, Firefox 35+, Chrome 34+ un IE10+.

    Lidmašīnas režīms

    Šis spraudnis novērsīs vairākus WordPress ārējos HTTP pieprasījumus, piemēram, Google fontus, Gravatar un WordPress atjauninātājus, mēģinot izveidot savienojumus ar spraudņiem un tēmu krātuvēm atjauninājumiem. Tas ir noderīgs spraudnis vietējai attīstībai, lai apturētu kļūdas, kas rodas, ja šie zvani neizdodas (kas parasti notiek, kad attīstāt lokāli zem ārkārtīgi lēna interneta).

    Coverr

    Video kolekcija, kas ir lieliska jūsu vietņu galvenēm. Visi videoklipi ir bezmaksas, licencēti saskaņā ar publisko domēnu. Neaizmirstiet pārbaudīt “Kā izmantot” sadaļā, lai uzzinātu, kā pievienot videoklipu savai tīmekļa lapai.

    VibrantJS

    VibrantJS izceļ redzamas krāsas no attēla. Tas arī atklāj dažas API, kas ļauj apstrādāt iegūto krāsu, piemēram, krāsu formāta pārslēgšana un pareiza fona un teksta sastāva izvēle. Jūs varat to izmantot, lai uzlabotu vietnes saskarni ar dinamisku krāsu ģenerēšanu, izmantotu krāsu kā vietas apzīmējuma attēlu, kad attēls vēl nav pilnībā ielādēts, vai izveidojiet tīmekļa lietojumprogrammu krāsu Swatch ģenerēšanai.

    GradifyCSS

    Šī bibliotēka iegūst divas ievērojamas krāsas un ģenerē CSS gradientu no iegūtās krāsas. Līdzīgi kā VibrantJS, varat izmantot gradientu kā attēla vietas apzīmējumu, kad attēls nav pilnībā ielādēts vai kā pārklājuma krāsa.

    PurifyCSS

    PurifyCSS attīra neizmantotos CSS noteikumus no jūsu stilu. To var izmantot, lai līdz 40% samazinātu stilu lapas lielos ietvaros, piemēram, Bootstrap un Foundation. PurifyCSS ir pieejams kā Grunt un Gulp spraudnis.

    Nosaukums Capital for WordPress

    Vārds ir viss. Šis WordPress spraudnis pārvērš virsrakstus, kā arī virsrakstus saturā pareizā lielā burta formā, saglabājot vai publicējot pastu un lapu. Es uzskatu, ka šis spraudnis ir noderīgs tīmekļa vietnēm, kurās ir vairāki autori, lai saglabātu konsekvenci savā tīmekļa vietnē.

    GitHub Updater

    Šis spraudnis ļauj lietotājam instalēt un automātiski atjaunināt WordPress spraudņi, kas izvietoti GitHub. Neskatoties uz nosaukumu, spraudnis atbalsta arī Bitbucket un GitLab, tostarp vienu privātā repozitorijā. Tas ir noderīgs spraudnis izstrādātājiem, kas izstrādā un izplata savus spraudņus vai tēmas tikai saviem klientiem.

    Kodu piemēri

    Kodu piemēru kolekcija no WordPress Theme Review komanda. Šobrīd piemērs sastāv no kodiem, lai izveidotu Theme Customizer komponentus, izmantojot Customizer API, tostarp, lai izveidotu sadaļu, iestatījumus un paneli. Vairāk kodu labākās prakses piemēri, kas pievienoti nākotnē.