Vraag betreft minifyen css

Overzicht

Sponsored by: Vacatures door Monsterboard

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

Junior Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Samenwerken in een team van 10 collega's; Opleveren van mooie eindproducten, middels de Agile methodiek; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als startende IT-professional kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven.

Bekijk vacature »

Junior Java Developer Hackatons Kennissessies API

Bedrijfsomschrijving Deze leuke organisatie in Dieren richt zich op het maken van de allermooiste en gaafste slimme web applicaties! Het bedrijf is hecht, in totaal werken hier 25 medewerkers samen aan hele mooie op maat gemaakte webapplicaties. Ze zijn trots op hun werk, en ze delen kennis graag met elkaar via kennissessies of door het organiseren van hackatons. Kennisdeling, dat staat hier centraal. Met elkaar naar de laatste trends kijken op het gebied van Java en daar van leren. Je komt hier te werken bij een flexibele werkgever: je krijgt de vrijheid om gezellig op kantoor te werken, of zelfstandig

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

Front-end Developer

As a Front-end Developer you are responsible for website development and improving customer experience based on data analyze. Do you want to join our inhouse development team? Get moving and strengthen Nederlandse Loterij as a Front-end Developer. Result oriented and joyfull. Thanks to your efforts the inhouse development team can work together on the development of new systems and applications. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Front-end Developer you score by: Front-end: Website development. Adding new functionality and improving customer experience based on data analyze, customer feedback. All in close corporation

Bekijk vacature »

Integration Developer

Functieomschrijving As integration developer at Randstad Groep Nederland IT you play an integral role in innovating and optimising our processes and way of working. As we continue to move towards a more internationally connected tech environment and build new global platforms, our integration team continues to grow. You will join the APK team (Applicatie Koppelingen), consisting of business analysts, developers, a product owner and scrum master. Together you are responsible for a fundamental aspect of our applications, provinding the basis for our other development teams. As integrations developer you work in an agile way, and are responsible for the continued

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

Web Developer

Dit ga je doen Je komt te werken in een samengesteld projectteam bestaande uit collega developers, testers, een devops engineer, scrum master/ projectleider, een product owner en marketing communicatie/ e-commerce specialisten. In totaal bestaat het team uit ongeveer 8 personen, waarbij je nauw gaat samenwerken met 1 collega developer op de locatie in regio Eindhoven. De rest van het team is gevestigd in het buitenland. Samen met je team ben je verantwoordelijk voor de doorontwikkeling van de branded website en de onlline shops die hieraan gekoppeld zijn (Magento2/Drupal gebaseerd). Het betreft een complexe omgeving met veel maatwerk aanpassingen en koppelingen

Bekijk vacature »

Front-end Developer

Front-end Developers opgelet! Bij Luminis zijn ze opzoek naar jou. Lees de vacature en solliciteer direct. Luminis is een software- en technologiebedrijf met meerdere vestigingen. Vanuit deze vestigingen werken 200 professionals aan technisch hoogwaardige oplossingen voor klanten zoals KLM, Nike en Bol.com. Ook ontwikkelt Luminis eigen oplossingen op het gebied van cloud, Internet of Things, data intelligence, e-sports en e-learning. Luminis onderscheidt zich door aantoonbaar voorop te lopen in technologie en innovatie. Luminis heeft drie kernpunten die verankerd zitten in alles wat we doen: het omarmen van nieuwe technologie, meesterschap en kennis delen. Functiebeschrijving First things first! Het is belangrijk

Bekijk vacature »

C# .Net Developer

Dit ga je doen Het bouwen van Api's; Nieuwe oplossingen bouwen met C# .Net; De huidige software uitbouwen met C# .Net; Meewerken in projecten; Meedenken aan de toekomstplannen en verbeteringen; Onderdeel van het Scrum Team. Hier ga je werken Onze klant is een dienstverlenende organisatie voor diverse soorten organisaties in Nederland. Ze zijn van oorsprong een familiebedrijf en er is een open cultuur. Ze zijn vooruitstrevend op IT gebied en hebben een eigen inhouse development team van circa 11 man. Je komt hier te werken in het subteam .Net Core. Hier werken ze volgens scrum met de nieuwste technieken en

Bekijk vacature »

Front-End Developer Design System

You work together with other development teams and designers to build and improve user experiences on a daily basis to make our customers happy. How do I become a Front-End Developer Design System at Coolblue? The Design System team at Coolblue is responsible for building interfaces and interactions that help our colleagues build coherent, seamless and high-quality experiences for our users. By combining product, design & engineering know-how, we provide expertise on front-end, brand, usability and accessibility matters as part of our day-to-day. Would you also like to become a Front-End Developer Design System at Coolblue? Read below if the

Bekijk vacature »

Delphi Developer

Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken. Wat doe je als Delphi Developer bij Coolblue? Je werkt samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken, of het nu gaat om het uitbreiden van features of het migreren naar API's. Alles om een glimlach op het gezicht van onze collega's te toveren! Hoewel je een Delphi Developer bent, ben je niet vies van een beetje C#. Wil jij ook Delphi Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind

Bekijk vacature »

Lasrobot programmeur - omgeving Doetinchem

Wij zijn op zoek naar een lasrobot programmeur, die gaat werken bij een toeleverancier van plaatwerk in regio Doetinchem. De organisatie is een begrip in de regio vanwege de ruime ervaring, kennis, flexibiliteit, variërende klantenkring en geavanceerde machines. In jouw functie gebruik jij je creativiteit om lasmallen te maken voor op de lasrobots. Met jouw creativiteit zorg je er ook voor dat nieuwe producten en productvarianten bedacht en geproduceerd worden. Je krijgt hier enige vrijheid in en mag de grenzen van de machine daarbij op zoeken. Je programmeert de robot en houdt hierbij rekening met de meest efficiënte werkwijze. Daarnaast

Bekijk vacature »

Freelance senior ICT ontwikkelaar (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 86,00 Team LIV is op zoek naar een enthousiaste, flexibele, multitaskende en hands-on ontwikkelaar met veel ervaring in het gedeeltelijk of volledig zelfstandig bepalen van ontwikkel- en realisatie aanpak. Onze nieuwe collega moet in staat zijn te werken in een hectische omgeving waarbij er sprake is van zeer verschillen realisatietrajecten voor wat betreft(technische)diepgang, startmoment (wel/geen beschrijvingen beschikbaar) en klantcontact. De gekozen ontwikkelmethodiek dient passend te zijn voor het op te lossen vraagstuk waarbij samenwerking met de testengineer in relatie tot Systeem integratie test

Bekijk vacature »
Tim Dam

Tim Dam

29/10/2021 16:37:25
Anchor link
Hoi allen,

Ikzelf ben helaas nog niet voldoende thuis in PHP om een probleem op te lossen.
Hopelijk past mijn vraag hier op het forum en is iemand bereid te helpen.

Een (standaard) php script welke op een website gebruikt wordt om css te minifyen werkt niet helemaal goed.
Ik weet niet of ik het hele script zo hier kan plaatsen, dus beperkt ik mij voor nu tot een klein deel ervan, waarvan ik denk dat het probleem zit.

Het idee is dat er spaties en regeleindes uit de css gehaald worden.
Dat werkte prima, tot ik er achter kwam dat als er een bijv. een punt stond, deze niet goed ging.

Bijv. ging #test p { wel goed, maar #test .test werd door het script aan elkaar geplakt.

In het script vond ik dit, die dat afhandelde:

case ' ':
if ($this->isAlphaNum($this->b)) {
$this->action(1);
} else {
$this->action(2);
}
break;

Goed hierbij te weten dat $this de spatie zelf is.
$this->b is dan $this->next()
oftewel het teken na de spatie.

De actions verwijzen naar hoe deze af te handelen.
De action(1) behoud in dit geval de spatie en bij action(2) wordt deze vervangen/weggehaald.

Het is mij gelukt dat stukje script aan te pasen, zodat hij ok de punt, een haakje, een hash, of een dubbele punt uitsluit.
Dat heb ik zo gedaan:

case ' ':


if (strpos($this->b, ".") !== false) {
$this->action(1);
} elseif (strpos($this->b, "(") !== false) {
$this->action(1);
} elseif (strpos($this->b, "#") !== false) {
$this->action(1);
} elseif (strpos($this->b, ":") !== false) {
$this->action(1);
} elseif ($this->isAlphaNum($this->b)) {
$this->action(1);
} else {
$this->action(2);
}
break;

Dit leek goed te werken en het gewenste effect te hebben.
Tot ik er achter kwam dat als er een % of een plus-teken of een min-teken staat, deze de spaties toch aan elkaar plakt, zoals bijv in een css calc:

#test .test {
color: #000;
width: calc(100% - 30px);
}

Wordt:

#test .test{color:#000;width:calc(100%-30px);}

Dan heb ik geprobeerd om deze toe te voegen:
} elseif (strpos($this->b, "-") !== false) {
$this->action(1);

Maar dat deed niets.
Ik vermoed dan ook dat procenten, plussen en minnen (math-tekens) hierbij mis gaan.

Als ik als test het min-teken aanpas naar het word 'min', krijg ik deze output:

#test .test{color:#000;width:calc(100%min 30px);}

Het lijkt dus ook dat naast het teken erna, ook het teken ervoor (in dit geval de %) roet in het eten gooit.

Hopelijk heb ik het goed uitgelegd zo en kan iemand hier iets zinnigs over zeggen.
Misschien is het hele script nodig om goed te beoordelen..maar ik weet niet of ik die in het geheel hier kan plaatsen.

gr Tim
 
PHP hulp

PHP hulp

01/02/2023 11:25:22
 
Ivo P

Ivo P

27/11/2021 16:21:15
Anchor link
Bouw je dit als een oefening voor jezelf? of als tool om te gebruiken als je je CSS file klaar hebt?

Want hiervoor zijn toch al genoeg online oplossingen te vinden.

"minify css" in google en je vindt bijvoorbeeld al
https://www.toptal.com/developers/cssminifier/
of
https://www.cleancss.com/css-minify/

Daar hebben vast mensen al tijden op zitten ontwikkelen en met de handleiding van CSS ernaast.
Dan heb je ook vast nog een hele rij oplossingen voor opties die in jouw testbestanden niet voorkwamen, maar in de praktijk wel mogelijk zijn.

En aangezien je dit normaal gesproken niet bij elke aanroep van je CSS file opnieuw laat bouwen, maar alleen als je een keer als developer een aanpassing hebt gedaan, kun je dit gewoon even copy-paste daardoorheen halen.

Toevoeging op 27/11/2021 16:24:37:

en anders nog https://www.minifier.org/
die heeft de source op github staan:

https://github.com/matthiasmullie/minify
 
Tim Dam

Tim Dam

29/11/2021 08:18:08
Anchor link
Bedankt voor je reactie.
In dit geval werd het bestand aangeroepen vanuit een CMS-systeem, waarbij ditzeflde bestand dan ook tegelijk de javascript minified.
Deze was voor CSS dus al wel volledig werkend, met als uitzondering de calc()

Dit heb ik (met behulp van een collega) uiteindelijk opgelost door uit te lezen op 'calc', daar een replace op en die dan weer als spatie laten outputten:

$input = preg_replace_callback('/(?<=calc\().*(?=\))/', "filter_css", $input);

Dit bleek een goede oplossing.
 
- Ariën  -
Beheerder

- Ariën -

02/12/2021 10:29:15
Anchor link
Fijn dat het opgelost is.
 
 

Dit topic is gesloten.



Overzicht

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.