Pereiti prie turinio

Front-End dev'e, atsibodo spaudalioti refresh'ą? Klientai nori "Pixel perfect?"


Rekomenduojami pranešimai

Sveiki,

Jei atsibodo spaudyti refreshą ant css edit'o ar projektas loadinasi ilgiau, nei trunka css/sass pakeitimas, o gal klientas nori "pixel perfect" dizaino? Parašiau custom chrome extension'ą, kuris turėtų padėti evelopinant frontend'ą.

Pagrindinės savybės:

1. auto css refresh ant edit'o

2. pixel perfect mode'as, kur galit pasidaryti svetainės overlay su tikru dizainu ig lengvai jį įjungti - išjungti.

3. Difference mode'as

Linkas: https://chrome.google.com/webstore/detail/proto-tool/kobijmefblkndpicohiondpdnpojebjd

Paskaitykite description'ą prieš naudojant ir sėkmės :)

Jei turite klausimų ar pasiūlymų - rašykite čia.

Ačiū!

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Super įskiepis ! Nesitikėjau net iš pradžių, kad veiks kaip noriu, bet pranoko visus lūkesšius.

Ačiū!

Įskiepis gal neturi normalaus video ir usability, kad atskleistų savo galimybes, kadangi jį naudojau grynai savo reikmėms ir user friendly daryti jo kaip ir nebuvo reikalo, tačiau pagalvojau - kodėl nepasidalinti su visais? Bandžiau aš ir livereload ir takana ir daug kitų toolsų ir tiesiog pabandžiau į problemą pažiūrėti paprasčiau. jei tik vartotojai pasidalintų nuomonėmis kas blogai - sutaupytumėt labai daug mano laiko :)

Jei žmonės naudos, tai bus kaip ir paspirtis tolimesniam progresui. Kai naudoji vienas - tiesiog nebuvo prasmės jį tobulinti.

Redagavo KingPin
Nuoroda į pranešimą
Dalintis kituose puslapiuose

na, įsidiegus tavo pluginą - http://prntscr.com/4tp7ja ir jį išinstaliavus viskas pasitaiso. Net nežinau dėl ko.

ech, sorry už tai, dokumentacijoje viskas paaiškinta :)

by "default" - pluginsas veikia visur ir refreshina viską, kas yra didžiulis overhead'as. kai tik įdėsi domain'ą į domain list'ą, kuris yra optionuos'e, jis veiks tik tuose domain'uose, kurie yra liste. NEREKOMENDUOU extension'o leisti visur :) tačiau ir negaliu to pakeisti, nes dauguma jį susimetę, nematys pradinio jo grožio :)

Redagavo KingPin
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Geras pluginas, tik aisku (nelabai tikiu kad tai imanoma) bet galetu dar labiau live jis buti :DD, kaip tarkime chrome f12 paspaudus, ir ten tarkim paddinga css redaguojant galima rodykliu pagalba (aukstyn, zemyn), pataikyti tiesiai i pikseli :).

 

Mazytis pastebejimas dar norint uzsideti png ant webo kad pixelius atitaikyti ir norint iskviesti ten kur ivesti adresa reikia spausti shift+1 veikia tik iš viršaus esančių skaičių (kurie yra kaip ir čęėįšųū), o iš skaitinės klaviatūros neišėjo išsikviesti to meniu.

 

Tai tiek, puikus darbas

 

Arba dar pasvajojimui butu cool tarkim developini chromeje backenda ir kur nors sublime-text viskas keiciasi live ir tau tik tereikia paskui issaugoti viska

Redagavo sparagas
Nuoroda į pranešimą
Dalintis kituose puslapiuose
  • po 3 savaičių...
  • po 3 savaičių...
  • po 6 mėnesių...
  • po 4 mėnesių...
  • po 2 savaičių...

Na, aš pabandymui pasirašiau paprastą html failą (kuris yra mano kompiuteryje file:///Users/nickas/Desktop/index.html), į options įrašiau file:///Users/nickas/Desktop/, bet live refresh neveikia :(. Kodėl?

jei užsimesi ant kokio iis/apache servako, tada veiks (po domenu), problema yra, kad browseriai neleidžia prieiti prie failų, kurie yra failinėje sistemoje (kaip pvz tavo atveju), tad neina patikrinti, kada jis atsinaujino...

užsimesk po kokiu bent jau localhost, tikrai veiks :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Artėjam prie 1000 :)

Graudu. Tūkstantis dar 1998 metais naudoja, kuomet kiti front-enderiai jau įsivaizduoja, kas yra buildas, kurio reikėtų naudojant bet kokį css/js transpailerį. (o buildą susitvarkius - npm install gulp-livereload ar kitą vieną iš tūkstančio...).

Redagavo Deviltry
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...