Žiniatinklio kūrėjams yra daugybė įrankių. Kai kurie iš jų yra tikrai nepakeičiami, kiti gali būti naudojami karts nuo karto atliekant konkrečias užduotis. Šie įrankiai turi vieną bendrą bruožą: jie padeda geras idėjas paversti puikiu dizainu. Naujos priemonės atsiranda labai dažnai ir sparčiai plinta debesų technologijos jau privedė prie to, kad kai kurie kūrėjai praktiškai nenaudoja programų, kurias reikia paleisti iš kietojo disko – visas darbui reikalingas priemones galima rasti internete. FreelanceToday atkreipia jūsų dėmesį į 10 geriausi įrankiai interneto kūrėjams.

Timas Petrusky, kūrėjas iš Vokietijos, sukūrė labai įdomią svetainę. Jis paleido žiniatinklio paslaugą pavadinimu „We Love Icon Fonts“, kuri veikia taip pat, kaip „Google Web Font“, tačiau vietoj šriftų yra piktogramos. Jo kolekcija nuolat atnaujinama, todėl daugelis kūrėjų svetainėje galės rasti piktogramų rinkinius, kuriuos bus galima naudoti savo projektuose. Norimą rinkinį galite prijungti vos per kelias minutes. Užtenka CSS parašyti paslaugos teikiamą kodą ir po to piktogramų rodymą pasirūpins We Love Icon Fonts, kuris atlieka prieglobos funkciją.

Maskew yra labai įdomi Javascript biblioteka, leidžianti greitai sukurti iškreiptus elementus. Svetainėje yra pavyzdys, kaip galite pasiekti norimą efektą. Kartais šie elementai atrodo labai įspūdingai ir bus naudinga žinoti, kad yra specialiai tam sukurtas internetinis įrankis.

UXPim paslauga yra įrankis, kuris gali būti naudingas dirbant kartu su projektais. Jis skirtas greitai išspręsti UX problemas. Paslaugos kūrėjai yra specialistai, puikiai išmanantys įvairius UX aspektus. Vienas iš labai svarbių UXPin privalumų yra galimybė bendradarbiauti realiu laiku. Tai leidžia laiku stebėti klaidas visuose svetainės ar programos kūrimo etapuose. Labai naudingas įrankis, leidžiantis dirbti su projektu, išbandant jo tinkamumą naudoti.

Šis šešėlių generatorius gali būti vienas iš naudingiausių įrankių žiniatinklio kūrėjo arsenale. Su juo galite sukurti gražius šešėlių efektus įvairiems šriftams. Svetainėje galite rasti daugybę nemokamų temų. Norėdami pritaikyti efektą, turėsite atsisiųsti kodą ir įterpti jį į CSS. Įrankio naudojimas atveria puikias galimybes dizaineriams – pateikiamus efektus galima pritaikyti antraštėms, reklamjuosčiams, logotipams ir bet kokiems teksto blokams.

Over API yra paslauga, kurią įvertins visi be išimties žiniatinklio kūrėjai. Tai išteklius, kuriame galite rasti patarimų visais su svetainių ir programų kūrimu susijusiais klausimais. Viskas išdėliota lentynose, todėl surasti reikalingą informaciją nebus sunku. Iš esmės tai yra didžiulis internetinis sukčiavimo lapas kūrėjui. Žinant apie tai, nereikia visko laikyti savo galvoje – reikalingas kodas, scenarijus ir daug daugiau yra vos už poros paspaudimų.

Scratchpad yra teksto rengyklė, skirta darbui su HTML ir CSS. Jis veikia realiu laiku, iš karto parodo, kaip bus rodomas kodas, taip pat galite juo keistis nuorodomis su kitais vartotojais. Bloknotėlis taip pat gali uždaryti žymas. Tobulas įrankis HTML/CSS mokymuisi ir mokymui.

CSS3 generatorius yra labai naudingas įrankis, ypač skirtas interneto dizaineriams, kurie nėra labai susipažinę su CSS. Jei ką nors pamiršote arba tiesiog nenorite gaišti laiko kurdami kodą, galite naudoti CSS3 generatorių. Viskas labai paprasta: tereikia pasirinkti norimą efektą, sukonfigūruoti jį keliais slankikliais, nukopijuoti kodą ir įklijuoti į savo projektą. Paslauga gali būti naudojama tiek pagal paskirtį, tiek kaip mokymo priemonė – žiūrint, kaip keičiasi kodas priklausomai nuo pasirinktų nustatymų, tampa lengviau suprasti, kaip greitai galima pasiekti norimą rezultatą.

„Viewport Resizer“ yra paprastas ir patogus įrankis, skirtas patikrinti svetainių reagavimą. Jei norite pamatyti, kaip svetainė bus rodoma skirtinguose mobiliuosiuose įrenginiuose, tiesiog vilkite mėlyną mygtuką su užrašu SpustelėkitearbaŽymėį svetainės skirtuką, kuris jau atidarytas testavimui. Puslapio viršuje atsiras skydelis su piktogramomis įvairių įrenginių: išmanieji telefonai, planšetiniai kompiuteriai, nešiojamieji kompiuteriai. Spustelėję piktogramą pamatysite, kaip svetainė pritaikyta mobiliesiems. Rodoma numatytoji paslauga Apple įrenginiai, bet naudodami nustatymus galite pasirinkti bet kurią kitą ekrano skiriamąją gebą.

MakeAppIcon įrankis konvertuoja pradinį vaizdą į programos piktogramą PNG formatu. Šią paprastą operaciją galima nesunkiai atlikti rankiniu būdu, tačiau paslauga gali sutaupyti šiek tiek laiko, nes pasirinkto vaizdo dydis pakeičiamas taip, kad atitiktų visus standartinius „Android“ ir „iOS“ piktogramų dydžius.

Kurdami svetaines kartais neturite reikiamų vaizdų. Bet jei žinote nuotraukos dydį, galite padaryti bet kokį vaizdą, kuris veiks kaip „žuvis“. Bet kam gaišti laiką ieškant ir apdorojant vaizdą, jei yra labai naudinga priemonė, pavadinta „Fake Images Please“? Ši paslauga generuoja netikrus vaizdus su URL, kuriuos galite naudoti savo projektavimo darbuose. Galima rinktis ne tik dydį, bet ir spalvą ir net tekstą.

Šioje kolekcijoje mes surinkome jums reikalingiausių įrankių ir išteklių kolekciją, su kuria išmoksite viską atlikti greičiau ir būti produktyvesni. Jei praleidome kažką labai svarbaus, be ko negali gyventi interneto kūrėjas, pasidalinkite tuo komentaruose.

Dizainas

Dizaino kūrimas yra bene kūrybiškiausia darbo svetainėje dalis, todėl žemiau pateikti ištekliai vienaip ar kitaip bus susiję su kūrybiškumu.

Subtilūs raštai

Modeliuotojas

„CodePen“ tapo įspūdingų CSS3 ir JS demonstracinių versijų demonstravimo platforma. Jei ieškote įkvėpimo (ar tiesiog šaunių mygtukų), apsilankykite CodePen.

W3 tikrintuvas

„Validator“ yra nemokama W3C paslauga, padedanti patvirtinti žiniatinklio dokumentus. Jis gali tvarkyti dokumentus, parašytus daugeliu žymėjimo kalbų, ir suteikti jums supratimą, kas gali būti negerai su kodu. Ieškodami kodo klaidų, pirmiausia turėtumėte naudoti šį įrankį.

MinCSS

MinCSS yra įrankis, kuris, gavęs URL, įkelia puslapį ir jo CSS bei išsiaiškina, kurie parinkikliai nenaudojami. Rezultatas yra optimizuota originalaus CSS kopija.

Išvalykite CSS

„Clean CSS“ yra įrankių rinkinys, skirtas formatuoti ir optimizuoti kodą, o ne tik parašytas CSS.

CSSTidy

Tai CSS kodo optimizavimo priemonė ir analizatorius, skirtas „Windows“, „Linux“ ir „MacOS“.  Galite jį valdyti iš bet kurio komandinė eilutė

, ir per PHP scenarijų.

Koala programa

Nuostabi kelių platformų programa, kuri automatiškai kompiliuoja Less/SASS failus.

Mūsų srityje labai svarbu mokėti atlikti tam tikrą užduotį, taip pat pasitelkti kūrybiškumą jai atlikti. Tačiau to ne visada pakanka. Taip pat labai svarbus tinkamų priemonių pasirinkimas, kurių pagalba užduotį galima išspręsti daug lengviau ir greičiau. Juk labai dažnai kūrėjai gauna projektus „vakar“, o laikas nėra paskutinis jų įgyvendinimo veiksnys. Čia rasite išteklių ir įrankių, palengvinančių įvairius interneto projektų etapus.

Maketavimo įrankiai

„MockFlow“ yra „Flash“ pagrindu sukurta paslauga, leidžianti kurti rėmelius paprasti elementai prototipo kūrimui. Jis puikiai tinka tiek pavieniams dizaineriams, tiek profesionalių sąsajų kūrėjų komandoms, kaip ir viskas standartinis rinkinys prototipų sąsajų kūrimo įrankiai.

FrameBox

Frame Box yra labai paprastas internetinis įrankis svetainių maketams kurti. Naudodami vartotojo sąsajos elementus galite labai greitai sukurti vielinį rėmą, pakeisti jų dydį ir netgi nustatyti išdėstymo plotį. Taip pat galite bendrinti savo išdėstymą socialiniai tinklai. Gana paprasta ir veiksminga.

Piktogramos

Įdomus nemokamų piktogramų atsisiuntimo šaltinis.

Čia galite rasti daug įdomių piktogramų. Pasirinkę taip pat galite pakeisti jo foną, kampą ir spalvą. Paieška atliekama naudojant raktinius žodžius.

Tai tinkama vieta tiems, kurie ieško minimalistinių ikonų. Juos galima atsisiųsti PNG arba SVG formatu.

Visos piktogramos, kurios rodomos šioje svetainėje, yra sukurtos grynu CSS ir tik viename DIV HTML bloke.

Svetainė, kurioje pateikiami piktogramų šriftai. Jums tereikia pridėti jums patinkantį šriftą prie kolekcijos, importuoti jį į css, pridėti klasę ir pritaikyti jį tinkamoje vietoje. Čia galite pamatyti pavyzdį.

Tekstūros

Ieškoti tekstūrų yra gana patogu, nes jos skirstomos į skirtingas kategorijas.

Dar viena įdomi tekstūrų kolekcija. Puikus dalykas šioje svetainėje yra tai, kad yra nemažai kategorijų, apimančių daugybę tekstūrų tipų (pvz., šviesų ar augalų lapų), kurių niekur kitur nerasite.

Svetainėje užtenka didelis skaičius nemokamos tekstūros, vaizdai ir 3D modeliai.

Standartiniai vaizdai

Norimą vaizdą galite rasti be jokių pastangų.

„Dafont“ siūlo tikrai daug šriftų, dauguma jų yra nemokami komerciniam ir asmeniniam naudojimui. Čia taip pat galite iš karto peržiūrėti, kaip atrodys tekstas. Galima ieškoti daug skirtingų kategorijų. Taip pat galite rasti kirilicos šriftus. U

Itin patogi paslauga šriftams įterpti ir automatiškai konvertuoti į TrueType, WOFF, EOT Lite, EOT Compressed ir SVG formatus. Svetainėje taip pat yra nemokamų šriftų galerija.

Kaip įterpti šriftus kada pagalbos šriftas Voverė, galite perskaityti straipsnyje.

„Identifont“ turi nemokamų šriftų skyriuje „Fontset“. Bet ir šio šaltinio pagalba galite nustatyti šriftą.

Ši paslauga leidžia nustatyti, kuris šriftas buvo naudojamas, jei į jį įkeliate vaizdą. Jame taip pat yra daug nemokamų šriftų, kuriuos galima atsisiųsti.

Manome, kad nėra prasmės apibūdinti šio šaltinio. Bet vis tiek. Su juo galite pasirinkti reikiamus šriftų tipus ir importuoti juos į savo svetainę.

Funkcionalumo įrankiai

Tai „JavaScript“ biblioteka, kuria siekiama nustatyti, ar naršyklė palaiko HTML5 ir CSS3. Jei naujos funkcijos nepalaikomos, už HTML žymės taikomos kai kurios klasės.

Tiems, kurie vis dar nėra susipažinę su biblioteka, galite perskaityti apie praktinius pritaikymus Habré.

„Ringmark“ yra žiniatinklio testas, skirtas išmatuoti mobiliųjų naršyklių galimybes.

Polyfills yra scenarijai, imituojantys savųjų API elgesį senesnėse naršyklėse. Čia galite rasti daugiau nei 40 scenarijų. Kai kurie iš jų:

• JQuery-Animate-Enhanced $.animate() metodas, skirtas CSS perėjimams apibrėžti Webkit, Mozilla ir Opera. Suderinamas su IE6+.
• CssSandpaper yra „JavaScript“ biblioteka, su kuria galite sukurti gana įdomių efektų.
• JQuery-Anystrecht yra įskiepis, skirtas css3 fono dydžio modeliavimui.
• Transform.js ir Transitions.js taip pat labai naudingi įskiepiai, atveriantys naujas galimybes.

Vaizdų galerijos

Interaktyvi vaizdų galerija su antraštėmis.

Touch Touch yra vaizdų galerija, kuri siekia būti puikus sprendimas Android mobilusis ir iOS įrenginius.

Paprastas paralaksas – turinio slankiklis su įvairiomis animacijomis.

Slankiklis, kuriame galite įdėti tekstinį turinį, vaizdus su antraštėmis ir vaizdo įrašus. Be to, jis yra begalinis, nes vartotojas, perėjęs prie paskutinio vaizdo, automatiškai pereina prie pirmojo.

Sprite generatoriai

Visi žino CSS sprite naudojimo pranašumus. Automatinis sprite generatorius gali padėti sutaupyti daug laiko. Šis generatorius suteikia galimybę sukurti .png, .jpg formatų sprite ir generuoti CSS kodą.

Naudingos svetainės

Apibendrinant, norėdami neatsilikti nuo tendencijų, toliau pateikiame keletą svetainių, kurios jums labai padės šiuo klausimu.

• Pasaulio žiniatinklio konsorciumas (W3C) yra organizacija, kurianti ir įgyvendinanti technologijų standartus World Wide Web. W3C kuria bendrus interneto principus ir standartus (vadinamus „rekomendacijomis“). W3C rekomendacijos), kuriuos vėliau įdiegia programinės ir techninės įrangos gamintojai. Tai užtikrina suderinamumą tarp programinės įrangos produktai ir įvairių kompanijų įranga, todėl World Wide Web yra pažangesnis, universalesnis ir patogesnis.
• WebPlatform.org yra atviras šaltinis, kuriame kūrėjai dalijasi savo patirtimi. Svetainėje galite perskaityti apie įdomias HTML5, SVG, CSS3, animacijos, vaizdo įrašų, WebGL ir daug kitų tendencijas.
• Html5 Prašome yra puikus šaltinis, jei norite sužinoti, ką palaiko naujos naršyklės. Be to, yra įvairių polifillų ir atsarginių elementų, kuriuos galima naudoti, jei savybės nepalaikomos.

Vertimas – budėjimo kambarys

Ką darytumėte, jei staiga atsidurtumėte dykumos saloje visiškoje tuštumoje, turėtumėte tik USB atmintinę, prieigą prie interneto ir paprastas kompiuteris, ant kurio tik operacinė sistema? Natūralu, kad pirmas dalykas, kurį darytumėte, būtų kreiptis pagalbos internetu, bet kas tada? Kaip ten organizuotumėte savo dizainerės darbą?

Gerai, tikriausiai lengviau išreikšti esmę naudojant labiau tikėtiną scenarijų. Ką daryti, jei jūsų kompiuteris sugenda, visi jūsų duomenys ir programos ištrinti, o projektas turi būti atliktas po dviejų dienų? O gal norite būti lengvas, atsikelkite ir eikite per kelias minutes ir išvažiuokite be didelio pasiruošimo, su savimi pasiimdami tik persirengimo drabužius ir USB atmintinę. Jei naudotumėte toliau išvardytas programas, nė vienas iš aprašytų scenarijų nesukeltų jums rimtų problemų.

Į šį sąrašą įtrauktos programos gali būti naudingos sprendžiant bet kokias problemas – nuo ​​programavimo iki grafikos kūrimo, internetinio verslo ir projektų valdymo – visa tai naudojant tik „flash drive“. Ir nors USB atmintinės tampa vis didesnės (mano naujausiais pastebėjimais, 64 GB „flash“ atmintinė nebėra tokia brangi, o ji yra 4 GB didesnė nei mano dabartinis „MacBook“), norint pasiekti visas funkcijas, vis tiek reikia, daugiausia, specialių programų. perkeliamumas. Mūsų sąraše esančios programos atitinka šiuos reikalavimus: nešiojamos ir pakankamai mažos USB atmintinei (dažnai labai mažam).

01. Programavimas

-
Notepad++ (Portable Edition) yra programa, skirta programoms rašyti su visomis būtinomis funkcijomis. Sukompiliuota C++, veikia Windows sistemoje. Jis yra laisvai prieinamas ir išleistas pagal GPL licenciją.

Nešiojamoji versija išlaiko visas pagrindinės funkcijas. Tarp jų: ​​kelių kanalų duomenų peržiūra, nevienalytės kalbos aplinkos palaikymas, WYSIWYG redaktorius (pateikiamas galutinis medžiagos pavidalas, kai vyksta apdorojimas), automatinio užbaigimo naudojimas, sintaksės paryškinimas ir sutraukimas koduojant, įsimenant ir atkuriant baigtą. operacijas, taip pat kitus veiksmus. Tai puiki kompaktiška programa, skirta programoms rašyti.

-
Nvu Portable yra nešiojamasis Nvu Web Authoring Software leidimas. Apima WYSIWYG redaktorių ir galingą failų valdymo sistemą. Sukurta netechniškai raštingiems vartotojams, kurie turi pagrindinių (arba nulio) žinių apie HTML ir CSS programavimą.

-
Oiko CSS redaktorius – CSS, (X)HTML ir XML redaktorius nešiojamu formatu su pilna komplektacija funkcijas. Veikia Windows versijose nuo 98 iki XP. Visiškai patikimas redaktorius su paprasta naudoti sąsaja, ypatybių ir parinktuvų rodymu pagal grupes, jūsų CSS kodavimo struktūriniu medžiu, taip pat esama peržiūros funkcija IE ir Mozilla naršyklėse.

-
Blender Portable yra nešiojama 3D vaizdų generavimo programos Blender versija. Parengta pagal PortableApps.com platformą. Nešiojamoji versija išlaiko visas pagrindinės Blender versijos funkcijas.

-
GIMP Portable yra verta mažo formato alternatyva Adobe Photoshop. Nors prie GIMP vartotojo sąsajos priprasti reikia šiek tiek laiko, skirtingai nuo kitų nuotraukų redagavimo programų, ja naudotis yra gana paprasta.

-
„Lightscreen Portable“ yra nešiojama „Windows“ programa, leidžianti momentines nuotraukas bet kurio jūsų kompiuterio darbalaukyje. Atlieka penkias operacijas su kintamais parametrais (lango užšaldymas, ekrano užšaldymas ir kt.), kurių kiekviena paleidžiama naudojant naują spartųjį klavišą greita prieiga.

-
Nešiojamas Audacity – nešiojamas garso redaktorius skirta Mac OS X. Audacity turi daug skirtingų funkcijų, įskaitant „gyvo“ garso įrašymą, redagavimą (įskaitant neriboto skaičiaus takelių apdorojimą ir maišymą), efektų taikymą garso failus, taip pat nustatyti suderinamumą su įvairių formatų failus.

-
Portable Inkscape yra nešiojamas vektorinės grafikos rengyklė. „Inkscape“ funkcijų rinkinys yra panašus į kitų kūrimo programų vektorinė grafika, įskaitant Illustrator, CorelDraw ir Xara X. Grafiniai vaizdai išsaugotas SVG (Scalable Vector Graphics) formatu.

-
„FastStone Capture“ yra nešiojama programa, kuri fiksuoja vaizdus iš ekrano. Galite užfiksuoti bet ką: langus, viso ekrano vaizdą, stačiakampes sritis, bet kokius objektus, savavališkai apibrėžtas sritis ir net slenkamus langus (rimtas pranašumas prieš daugelį kitų ekrano fiksavimo programų, ne tik nešiojamąsias).

-
Fotografija – nešiojamas grafikos programa, leidžianti redaguoti ir kurti vaizdus. Yra piešimo įrankių rinkinys, leidžia jį išplėsti per vartotojo nustatymus, sluoksnių ir kanalų pasirinkimą (įskaitant darbinius sluoksnius ir trafaretus), taip pat apima įvairius kitus įrankius.

-
Artweaver yra nešiojama, laisvai prieinama vaizdų kūrimo programa. Tai leidžia iš karto nuotraukas paversti piešiniais ir yra didelis piešimo įrankių rinkinys. Be to, galite kurti naujus įrankius, taip pat pritaikyti esamus.

-
VLC Media Player Portable yra nešiojamas garso ir vaizdo failų grotuvas. Atkuria MPEG-1, MPEG-2, MPEG-4, DivX, WMV, MP3 ir daugelį kitų formatų. Be jūsų medijos failų atkūrimo, jis taip pat gali tarnauti kaip medijos serveris, nukreipiantis duomenų srautus vienam ar keliems vartotojams per IPv4 arba IPv6 protokolus.

-
FileZilla Portable yra dar viena FTP programa iš PortableApps.com. Palaiko failų perkėlimą naudojant FTP protokolai, FTPS ir SFTP, taip pat didelių failų (daugiau nei 4 GB) perdavimo valdymas. Daug konfigūravimo parinkčių. Be to, jis palaiko HTTP/1.1, SOCKS5 ir FTP tarpinį serverį ir apima failų prieigos registravimą, sinchronizuotą katalogų naršymą ir nuotolinę failų paiešką.

-
XAMPP yra nešiojamas, pilnas žiniatinklio serverio paketas, įskaitant Apache, MySQL, PHP ir Perl. Jis yra iš anksto sukonfigūruotas, todėl jums tereikia jį išpakuoti ir įdiegti. Tai apima phpMyAdmin, FileZilla FTP Serveris, SQLite, Zend Optimizer ir MiniPerl, be kita ko. Tai FTP, žiniatinklio serveris ir duomenų bazės serveris viename pilname pakete. Taip pat yra lengva versija, kurią sudaro „Apache“, „MySQL“, „phpMyAdmin“, „SQLite“ ir jų programinės įrangos paketai.

* – Norėdami peržiūrėti ir redaguoti HTML, CSS ir JavaScript kodavimą tiesiai puslapyje.
* – Pagrindinė CSS nuosavybės peržiūros priemonė.
* – įrankių juosta, skirta patikrinti HTML kodų teisingumą „Firefox“.
* – Papildomas meniu ir įvairių įrankių skydelis žiniatinklio kūrėjams.
* – „Firefox“ įmontuota HTML/CSS nuoroda.

-
Momentiniai bėgiai – darbo aplinka skirtas Ruby, kuriame yra Ruby on Rails, Apache ir MySQL, paruoštas paleisti. Jums tereikia įdėti šią programą į pasirinktą katalogą ir pradėti ją veikti; diegimo failai visai ne.

-
Portable Chrome – nešiojama versija Chrome naršyklė iš Google. Turi visas pagrindinio savybes „Chrome“ versijos, įskaitant stabilumą ir greitį, puslapių naršymą naudojant skirtukus ir paieškos variklio paleidimą tiesiai iš adreso juostos.

-
„Dia Portable“ yra diagramų sudarymo programa, panaši į „Microsoft Visio“. Tačiau skirtingai nei Visio, jis labiau skirtas darbo schemoms kurti, tai yra labiau tinkamas kasdieniniam naudojimui. Veikia su XML failais, bet taip pat gali konvertuoti failus į EPS, SVG, PNG, WMF ir XFIG formatus. Naudodami Dia taip pat galite spausdinti diagramas (įskaitant kelių puslapių).

-
Mozilla Sunbird, Portable Edition yra su Windows ir Linux suderinama kalendoriaus programa. Atskira kalendoriaus paslauga su visomis funkcijomis, idealiai tinkanti kuriant darbo grafikus ir įprastai valdyti projektus.

-
„Task Coach Portable“ yra dar vienas planuotojas, skirtas tvarkyti savo užduočių ir dabartinių projektų sąrašus. Jo funkcijos apima naudojimo paprastumą vartotojo sąsaja, leidžianti lengvai planuoti ir organizuoti veiklas, sekti jų įgyvendinimo eigą, taip pat apskaičiuoti konkrečių projektų biudžetą, kiekvienam iš jų priskirti pradžios ir pabaigos datas ir kt.

-
GnuCash Portable yra dar viena programa iš PortableApps.com. Nemokamos prieigos paslauga, skirta finansinėms ataskaitoms tvarkyti su daugeliu funkcijų, būdingų komercinėms finansų planavimo programoms. Leidžia vesti įrašus. dvigubo įrašo apskaitą, tvarkyti akcijų / obligacijų investicinių fondų sąskaitas ir tvarkyti sąskaitas faktūras ir mokėtinų / gautinų sumų dokumentus.

-
OpenOffice.org Portable – verslo programų rinkinio versija atvira prieiga OpenOffice.org iš PortableApps.com. Apima visas pagrindines OpenOffice.org programas: Writer (tekstų rengyklė), Calc (skaičiuoklių procesorius), Impress (pristatymo programa), Draw (grafikos redaktorius) ir Base (duomenų bazė).

-
„AbiWord Portable“ yra tekstų rengyklė, galinti atidaryti įvairius failus tekstinės programos, įskaitant, Microsoft Word, Word Perfect, Open Document (OpenOffice.org), Office Open XML, RTF, HTML ir kt. Turi visas pagrindines standarto funkcijas tekstų rengyklė, įskaitant rašybos ir gramatikos tikrinimą bei automatinį raidžių kūrimą iš fiksuotų formų.

07. Kitos naudingos programos

-
Sumatra PDF yra kompaktiška, nešiojama nemokama PDF peržiūros programa, skirta Windows. Jis pats yra nešiojamas, todėl nėra dar „nešiojamesnės“ jo versijos. Valdomas sparčiaisiais klavišais, jį galima sukonfigūruoti kaip pagrindinę PDF peržiūros priemonę.

-
Foxit Reader V3.0 yra nešiojamųjų nemokamų programų kolekcijos produktas. Naudodami Foxit galite atidaryti ir skaityti PDF dokumentus kelyje. Tačiau atminkite, kad pagal atsisiuntimo puslapio komentarus šią programą, jo įdiegimas ir konfigūravimas gali būti sudėtingas.

-
Pidgin Portable yra nešiojama Pidgin (anksčiau Gaim) momentinių pranešimų kliento versija. Palaiko AOL, MSN, ICQ, Jabber ir Yahoo interneto pasiuntinius. Jis gali būti papildytas šifravimo moduliais saugiam momentinių pranešimų siuntimui.

-
„Trillian Anywhere“ leidžia prijungti „Trillian“ momentinių pranešimų klientą iš USB atmintinės ar disko. Jos dėka galite pasiimti savo kontaktus ir nustatymus su savimi bet kur ir naudoti nešiojamą Trillian versiją su visu funkcijų rinkiniu bet kuriame kompiuteryje su interneto ryšiu.

Iš autoriaus: Norėdami tapti CSS meistru, turite žinoti, kaip atliekamas CSS derinimas ir optimizavimas. Kaip diagnozuojate ir išsprendžiate atvaizdavimo problemas? Kaip užtikrinti, kad CSS nesukeltų našumo problemų galutiniams vartotojams? O kaip užtikrinti kodo kokybę?

Žinodami, kuriuos įrankius naudoti, galėsite užtikrinti, kad priekinė dalis veiktų optimaliai. Šiame straipsnyje apžvelgsime naršyklės įrankius, skirtus kūrėjams Chrome, Safari, Firefox ir Microsoft Edge.

Naršyklėmis pagrįsti kūrėjo įrankiai

Daugumoje stalinių kompiuterių naršyklių yra elementų tikrinimo funkcija, kurią galite naudoti CSS derinimui. Šią parinktį galite suaktyvinti spustelėdami dešiniuoju pelės mygtuku spustelėkite pelę ir pasirinkite „View Element“. „Mac“ vartotojai taip pat gali patikrinti elementą spustelėdami jį laikydami nuspaudę klavišą „Ctrl“. Toliau pateiktame paveikslėlyje parodyta, ką galite pamatyti „Firefox Developer Edition“.

Kūrėjo įrankiai Firefox Developer Edition

JavaScript. Greita pradžia

„Firefox“, „Chrome“ ir „Safari“ taip pat galite paspausti „Ctrl“ + „Shift“ + I („Windows“ / „Linux“) arba „Cmd“ + „Option“ + I („MacOS“), kad atidarytumėte kūrėjo įrankių juostą. Toliau pateiktame paveikslėlyje rodomi „Chrome“ kūrėjo įrankiai.

„Chrome“ kūrėjo įrankiai

„Microsoft Edge“ galite atidaryti kūrėjo įrankius paspausdami F12, kaip parodyta toliau.

„Microsoft Edge“ kūrėjo įrankiai

Taip pat galite atidaryti kiekvienos naršyklės kūrėjo įrankius naudodami programos meniu:

Microsoft Edge: Įrankiai > Kūrėjo įrankiai

Firefox: Įrankiai > Žiniatinklio kūrėjas

Chrome: Rodinys > Kūrėjai

„Safari“: kūrimas > Rodyti žiniatinklio inspektorių

Jei naudojate „Safari“, pirmiausia turite įjungti meniu „Develop“, eidami į „Safari“ > „Preferences“ > „Advanced“ ir meniu juostoje pažymėdami žymės langelį Rodyti meniu. Žemiau pateikiamas „Safari“ kūrėjo įrankių rodinys.

„Safari 11“ kūrėjo įrankiai

Atidarius kūrėjo įrankių sąsają, gali tekti pasirinkti norimą skydelį:

Microsoft Edge: DOM Explorer

Firefox: inspektorius

„Chrome“: elementai

Safari: elementai

Sužinosite, kad atidarėte dešinįjį skydelį, kai vienoje skydelio pusėje pamatysite HTML, o kitoje – CSS taisykles.

Pastaba. Žymėjimas, kurį matysite HTML skydelyje, yra DOM atvaizdas. Jis sugeneruojamas, kai naršyklė baigia analizuoti dokumentą ir gali skirtis nuo pradinio žymėjimo. Naudodami Peržiūrėti šaltinio žymėjimą galite matyti šaltinio žymėjimą, tačiau atminkite, kad JavaScript programose tokio šaltinio žymėjimo gali nebūti.

Stilių skydelio naudojimas

Kartais elementas atrodo ne taip, kaip tikėtasi. Galbūt nebuvo pritaikytas tipografinis pakeitimas arba pastraipos įtrauka mažesnė, nei norėjote. Naudodami žiniatinklio inspektoriaus skydelį Stiliai, galite nustatyti, kurios taisyklės turi įtakos elementui.

Stilių skydelis suskirstytas į skirtingos naršyklės visai susitarta. Standartiniai stiliai, jei tokių yra, pateikiami pirmiausia. Tai stiliai, nustatyti naudojant HTML stiliaus atributą, CSS autoriaus arba programiškai naudojant scenarijus.

Autoriaus stiliaus taisyklės yra prieš vartotojo agento stilius. Vartotojo agentų stiliai yra numatytieji naršyklės stiliai. Jie taip pat daro įtaką išvaizda jūsų svetainę. (Jei norite peržiūrėti vartotojo agento stilius, „Firefox“ gali reikėti pasirinkti parinktį Rodyti naršyklės parinktis. Šią parinktį rasite įrankių juostos parinkčių skydelyje.)

Savybės ir reikšmės grupuojamos pagal parinkiklį. Šalia kiekvienos nuosavybės yra žymimasis laukelis, leidžiantis įjungti arba išjungti konkrečias taisykles. Spustelėdami ypatybę arba vertę galite ją pakeisti, kad nereikėtų redaguoti, išsaugoti ir įkelti kodo iš naujo.

Kaskados ir paveldėjimo problemų apibrėžimas

Kai tikrinate stilius, galite pastebėti, kad kai kurios savybės yra perbrauktos. Šios savybės buvo nepaisomos dėl pakopinės taisyklės, prieštaraujančios taisyklės arba konkretesnio parinkiklio, kaip parodyta toliau.

Nustatyti nuosavybės ir vertės poras, kurios buvo pakeistos kita deklaracija

JavaScript. Greita pradžia

Išmokite „JavaScript“ pagrindus naudodamiesi praktiniu pavyzdžiu, kaip sukurti žiniatinklio programą

Aukščiau esančiame paveikslėlyje bloko fono spalva, kraštinės ir šrifto dydis rodomi perbraukti. Šios deklaracijos buvo nepaisomos .close bloko, kuris yra mūsų CSS prioritetas.

Neteisingų savybių ir verčių apibrėžimas

Taip pat galite naudoti elementų inspektorių, kad aptiktumėte netinkamas arba nepalaikomas ypatybes ir ypatybių vertes. „Chromium“ naršyklėse netinkamos CSS taisyklės rodomos su perbraukta ir įspėjimo piktograma šalia jų:

Neteisingos vertės apibrėžimas CSS savybės Su naudojant Chrome

„Firefox“ taip pat pašalina netinkamas arba nepalaikomas savybes ir vertes. „Firefox Developer Edition“ taip pat naudoja įspėjimo piktogramą, kaip parodyta toliau. Standartinis Firefox panašiai rodo klaidas, tačiau nėra įspėjimo piktogramos.

Kaip Firefox Developer Edition rodo netinkamas ypatybes ir reikšmes

Žemiau esančioje „Safari“ ekrano kopijoje nepalaikomos taisyklės perbrauktos raudona linija ir paryškintos geltonu fonu bei įspėjimo piktograma.

Netinkama CSS nuosavybės vertė „Safari“.

Vietoj to „Microsoft Edge“ naudoja banguotą pabraukimą, kad nurodytų nepalaikomas ypatybes ar reikšmes.

Nepatvirtinta CSS nuosavybės vertė „Microsoft Edge“.

Kalbant apie pagrindinius derinimo ir paveldėjimo konfliktus, nesvarbu, kurią naršyklę pasirinksite. Tačiau rekomenduoju susipažinti su visais tais retais atvejais, kai reikia diagnozuoti su naršykle susijusią problemą.

Interaktyvių išdėstymų derinimas

Geriausia išbandyti įrenginį. Tačiau kūrimo metu naudinga imituoti mobiliuosius įrenginius naudojant darbalaukio naršyklę. Visose pagrindinėse darbalaukio naršyklėse yra adaptyvus derinimo režimas.

Chrome

„Chrome“ kūrėjo įrankiuose siūlo įrenginio įrankių juostos funkciją. Norėdami jį naudoti, spustelėkite įrenginio piktogramą (pavaizduota žemiau) viršutiniame kairiajame kampe šalia piktogramos „Pasirinkti elementą“.

„Chrome“ reaguojančio dizaino režimo piktograma

Įrenginio režimas leidžia imituoti kelis rodinius Android įrenginiai ir iOS, įskaitant senesnius įrenginius, tokius kaip iPhone 5 ir Galaxy S5. Įrenginio režime taip pat yra tinklo droselio funkcija, leidžianti priartėti skirtingi greičiai jungtys ir galimybė imituoti neprisijungus režimą.

Firefox

„Firefox“ panašus režimas vadinamas „Responsive Design Mode“. Jo piktograma primena ankstyvuosius iPod. Jį rasite dešinėje ekrano pusėje kūrėjo įrankių juostoje, kaip parodyta toliau.

„Firefox“ reaguojančio dizaino režimo piktograma

Pritaikymo režimu galite perjungti vertikalią ir gulsčią orientaciją, imituoti lietimo įvykius ir daryti ekrano kopijas. Panašiai kaip „Chrome“, „Firefox“ taip pat leidžia kūrėjams imituoti lėtą ryšį per droselį.

Microsoft Edge

„Microsoft Edge“ leidžia emuliuoti „Windows“ mobiliuosius įrenginius, pvz., skirtuką „Surface“, naudojant skirtuką „Emuliacija“. Naršyklės profilio meniu pasirinkite „Windows Phone“, kaip parodyta toliau.

SitePoint.com naudojant „Microsoft Edge“ įrenginio emuliacijos režimą

Be orientacijos ir skiriamosios gebos pasirinkimo, emuliacijos režimas leidžia išbandyti geografinės vietos nustatymo funkcijas. Tačiau negalite naudoti emuliacijos režimo skirtingų sąlygų modeliavimui tinklo jungtys.

Safari

„Safari“ reaguojantis dizaino režimas yra kūrėjo įrankiuose. Jis panašus į „Firefox“ emuliacijos režimą, tačiau prideda galimybę emuliuoti „iOS“ įrenginius, kaip parodyta toliau.

SitePoint.com, kai žiūrima naudojant „Safari“ interaktyvaus dizaino režimą

Norėdami įjungti „Safari“ interaktyvaus dizaino režimą, pasirinkite Kurti > Įvesti reaguojantį dizaino režimą arba Cmd + Ctrl + R.