nl.hideout-lastation.com
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.
Google neemt aanvullende maatregelen om phishingpogingen te bestrijden
Terwijl Google werd aangevallen door phishing-aanvallen, woedt ook de oorlog tegen dergelijke kwaadwillende berichten. Onlangs heeft het bedrijf een reeks verbeteringen aan Gmail geïmplementeerd die gebruikers kunnen helpen bij het vermijden van phishing .De eerste van de nieuwe verbeteringen is de implementatie van een nieuw machine-leermodel dat vroege phishing-detectie met zich meebrengt.
Anticiperend ontwerp: wanneer keuze wordt verwijderd uit besluitvorming
Heeft u er ooit over nagedacht hoe het web eruit zou zien als we konden anticiperen op de behoeften van gebruikers ? Het idee om gebruikerservaring te personaliseren en verschillende inhoud aan verschillende mensen te laten zien op basis van hun interesses, is de laatste tijd verschenen in de discussies over webdesign
