nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Bewerk je CSS-ontwerpen in de browser met CSS George

Heb je ooit wilde bewerken in je browser zonder terug te schakelen naar je CSS-bestanden? Een oplossing is Chrome Developer Tools, maar sommige ontwikkelaars geven de voorkeur aan een eenvoudigere workflow .

Dat is waar CSS George binnenkomt. Deze gratis editing tool in de browser werkt bovenop LESS en het wordt geïnitieerd door een eenvoudig JavaScript-bestand .

De meeste ontwikkelaars geven de voorkeur aan een browser-gebaseerde editor, omdat niet iedereen de LESS-precompiler gebruikt. Maar CSS George draait wel op een LESS-omgeving die snel via npm kan worden geïnstalleerd.

Als u npm hebt geïnstalleerd, kunt u deze eenvoudige code uitvoeren om de bronbestanden toe te voegen aan uw huidige project:

 npm install --save-dev css-george 

Of u kunt het George.js bestand uit GitHub George.js waar het naast alle andere bronbestanden wordt gehost. Het hele project is gratis en open source, dus je kunt een volledige kopie van GitHub downloaden als je npm niet wilt gebruiken.

Met het .js bestand toegevoegd aan de koptekst van uw site, kunt u beginnen met het uitvoeren van George-functies vanuit de browser. Als u het editorvenster wilt openen, klikt u op de tilde-sleutel die toegankelijk is via Shift + `in de linkerbovenhoek van de meeste toetsenborden. Er zou een nieuw venster moeten verschijnen dat er ongeveer zo uitziet:

In dit scherm kunt u de MINDER variabelen bewerken die voor alles worden gebruikt, van kleuren tot lettergroottes of lettertypefamilies.

Dit is waar de LESS plugin een noodzaak wordt omdat je CSS moet vertellen welke variabelen je moet opnemen . Zodra ze zijn ingesteld, kun je de CSS George-browsereditor openen en naar de stad gaan.

Ik hoop dat het duidelijk is dat dit hulpprogramma niet tijdens runtime moet worden opgenomen . Tenzij u de bezoekers specifiek de paginakleur en stijl wilt laten aanpassen, wat over het algemeen geen goed idee is. Maar voor lokaal testen is CSS George een zeldzaam hulpmiddel dat bruikbaar is voor alle ontwikkelaars van frontends.

Je kunt het live bekijken op de CSS George demopagina of een volledige kopie downloaden via npm of vanuit de GitHub-repo.

Tieners, Facebook en de toekomst van sociale media

Tieners, Facebook en de toekomst van sociale media

"Teens leaving Facebook" is al een tijdje een favoriet onderwerp van de technische media . In 2010 had Mashable zelfs een artikel over tieners en 'Facebook-vermoeidheid' en het onderwerp is sindsdien niet ver verwijderd van de lippen van de tech-media. Meer recentelijk, in de tweede helft van 2013, kwam het onderwerp weer op de voorgrond, met nieuwsartikelen die verband hielden met deze vermeende tieneruittocht van Facebook op Business Insider, The Guardian, ABC News en bijna overal daar tussenin

(Technische en ontwerptips)

20 gratis SEO e-boeken om uw website te verbeteren

20 gratis SEO e-boeken om uw website te verbeteren

Het veld van Search Engine Optimization (SEO) verandert in een zeer snel tempo . Het tijdperk van jaarlijkse algoritmische updates is zo goed als afgelopen. Tegenwoordig worden Google- algoritmen elke maand of zelfs wekelijks aangevallen en zonder zelfs maar een waarschuwing die dramatische wijzigingen in de rangschikking en wijziging van de SEO-praktijken veroorzaakt

(Technische en ontwerptips)