transform ie8

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frontend Developer - Leeuwarden

Frontend Developer – Leeuwarden Als Frontend Developer bouw jij mee aan het onderwijs van de toekomst! In een scrum team werken met jonge en enthousiaste collega’s, moderne technieken, ruimte voor eigen ontwikkeling en op een proactieve wijze kunnen meewerken aan innovatie binnen het onderwijs. Magister is het state-of-the-art softwarepakket dat scholen in het voortgezet onderwijs op alle fronten ontzorgt. Van leerlingenadministratie tot het ondersteunen van individuele leerlijnen, van toegang tot digitaal lesmateriaal tot het plannen van het lesrooster. In de Magister app bedient Magister ruim 2,5 miljoen gebruikers waarvan, dagelijks meer dan 600.000 unieke. Hiermee is Magister de absolute marktleider

Bekijk vacature »

C# Ontwikkelaar

Functieomschrijving Voor een software ontwikkelaar in de omgeving van Vught zijn we op zoek naar een gemotiveerde C# ontwikkelaar. Deel jij hun passie voor development en dan vooral in C#.NET? Dan kan dit wel eens jouw droombaan zijn! Jouw werkzaamheden zullen er ongeveer als volgt uit gaan zien Door de wensen van de klant goed te begrijpen ga jij aan de slag dit om te zetten naar passende oplossingen en werk je deze uit tot een sterk eindproduct. Je gaat je bezighouden met de ontwikkeling van webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Frameworks en C#.

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Ontwikkelaar Identity & Access Management

Dit ga je doen Als Identity & Access Management Ontwikkelaar zorg jij er voor dat studenten, medewerkers en docenten de juiste benodigdheden op het juiste moment kunnen gebruiken; Het juist opslaan van onderzoeksdata en het openbaar beschikbaar stellen van publicaties (Open Access); Studenten, collega's en wetenschappers ondersteunen; Agile en Scrum werken; Technisch Applicatiebeheer; Ontwikkelen in One Identity Manager en VB.NET. Hier ga je werken Als Ontwikkelaar kom je terecht in een hecht team die zich richt op wetenschappelijke informatie en ICT. Jij bent degene die er voor zorgt dat alle informatie, uit diverse onderzoeken, bij de juiste personen terecht komt.

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Wil jij bij een platte en informele organisatie werken? Lees dan snel verder! Voor een opdrachtgever in omgeving Boskoop dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat technische klussen uitvoeren op locatie bij klanten.Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Je gaat software en webapplicaties ontwikkelen met behulp van de talen

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »

Software Developer

Functie omschrijving Heb jij affiniteit met ICT en een WO diploma in de pocket? Dan ben je hier aan het juiste adres. Voor een opdrachtgever in Amsterdam zijn wij op zoek naar kandidaten die (enige) ervaring hebben met Java, Javascript, C of C++. Je zal door middel van trainingen worden opgeleid tot een volwaardige Software Developer. Er wordt tijdens de training natuurlijk veel aandacht besteedt aan de vaktechnische aspecten, maar er gaat ook veel aandacht uit naar jouw persoonlijke ontwikkeling. Bedrijfsprofiel Bij deze opdrachtgever in de omgeving van Amsterdam zoeken ze meerdere enthousiaste kandidaten die hun carrière willen starten met

Bekijk vacature »

Ontwikkelaar Centrale Monitoring

Ontwikkelaar centrale Monitoring Functieomschrijving Wil jij een bijdrage leveren aan het onderhoud, opzetten en ontwikkelingen van technologieën van SSC-ICT, een van de grootste ICT-dienstverleners van en voor de Rijksoverheid? Je komt als monitorspecialist te werken bij team Operations Management Services. Dit team werkt aan het stabiliseren en waarborgen van een betrouwbare monitoromgeving voor 7 ministeries. Jij begeleidt het implementatieproces van de te monitoren technologieën, onder andere via management packs, connectoren en API's. Je hebt hiervoor veel contact met interne en externe klanten, die hun wensen op het gebied van monitoring aan jou doorgeven. Je beoordeelt deze wensen en komt met

Bekijk vacature »

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carrière te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

Bekijk vacature »

Ervaren PHP Developer

Functieomschrijving PHP Developer met brede ervaring gezocht! Ben jij een Full Stack PHP Developer met brede ervaring die toe is aan een volgende stap? Lees dan snel verder! Voor onze eindklant in de regio Nunspeet zijn wij op zoek naar een ervaren PHP Developer die het IT Team van deze organisatie gaat versterken. Wij zoeken een enthousiaste en breed georiënteerde IT-er die er voor gaat zorgen dat deze innovatieve organisatie de volgende stap gaat maken. Om deze functie goed uit te kunnen voeren moet je communicatief goed zijn en in staat zijn om zelfstandig problemen op te lossen. Daarnaast bestaat

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in de regio van Bergen op Zoom ben je als PHP Developer niet alleen gefocust op het ontwikkelen van Software. Daarnaast ben je ook voortdurend bezig met het zoeken naar nieuwe mogelijkheden en innovaties die essentieel kunnen zijn voor de efficiëntie van software ontwikkeling. Je deelt veel kennis en informatie met het team en ontvangt deze dan ook graag terug. Techstack: PHP, Symfony & mySQL. Bedrijfsprofiel Deze uitdagende opdrachtgever is ruim 20 jaar actief in de regio Bergen op Zoom. Het vooruitstrevende team staat de hele dag voor je klaar om je te helpen en ondersteunen.

Bekijk vacature »

Microsoft Acess Developer

Functieomschrijving Wat ga je doen? Heb jij ongeveer 3 jaar ervaring als Software Developer, en komen de volgende kennisgebieden jou niet vreemd voor: MS Acces, C# & SQL? Vind jij het daarnaast leuk om maatwerk software te ontwikkelen voor klanten in een bijzondere branche? Lees dan snel verder! Als developer ben jij samen met een gemotiveerd team van 10 collega’s verantwoordelijk voor het creëren van aangemeten software voor klanten. Je bent klantvriendelijk en oplossingsgericht ingesteld, omdat het essentieel is om de klanten zo goed mogelijk te helpen met hun uitdagingen. Het is mogelijk om vanuit huis je werkzaamheden uit te

Bekijk vacature »

Senior C# Software Ontwikkelaar te Zaandam

Bedrijfsomschrijving Deze werkgever heeft als missie om haar klanten op ICT-gebied volledig te ontzorgen. Ze zijn een ICT bedrijf met een verscheidenheid aan ICT oplossingen waaronder Cloud oplossingen en een groot deel van het werk is gericht op software realisatie. Voor de Enterprise-klanten voert het relatief kleine ontwikkelteam waar jij deel uit van kan gaan maken binnen deze organisatie te Zaandam de grootste opdrachten uit. Niet alleen websites en complexe webapplicaties maar ook mobile apps, web services en complete systeemintegraties! Je moet dan denken aan Dynamics, Sharepoint en Salesforce. Je komt hier terecht in een relatief kleine organisatie met ontzettend

Bekijk vacature »
Davey Mat

Davey Mat

15/08/2014 01:04:20
Quote Anchor link
Hallo allemaal,

Ik probeer een responsive website te maken en gebruik om mijn content te verdelen "transform" vlakken.
Het probleem is dat <=ie8 hier niet mee om kan gaan. Kan iemand mij helpen om dit toch goed te krijgen? (ps. Sorry dat de css niet echt mooi is, dit heeft een wat "minder" ervaren collega gemaakt en samen proberen we een oplossing te vinden voor het transform probleem alvorens de css te optimaliseren;) )

html
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <link href="css/styles.css" rel="stylesheet">
    </head>
    <body>
        <div class="menubar">
        Hier de menubar
        </div>
        <section class="schuinebg-container">
            <div class="bgblauw">
                <div class="schuinebg1">
                    <article class="schuinebg-content">
                        <h3>Content hier</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
                <div class="schuinebg2">
                    <article class="schuinebg-content">
                        <h3>Diensten</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
            <div class="bggrijs">
                <div class="schuinebg3">
                    <article class="schuinebg-content">
                        <h3>Referenties</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
                <div class="schuinebg4">
                    <article class="schuinebg-content">
                        <h3>Over ons</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
            <div class="bgwit">
                <div class="schuinebg5">
                    <article class="schuinebg-content">
                        <h3>Contact</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
        </section>
    </body>
</html>


css
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
html, body{
    margin: 0;
    padding: 0;
}
.menubar{
    background:white;
}
.bgblauw {
    background: #8accde;
}
.bggrijs{
    background: #a9a9a9;
}
.bgwit{
    background: white;
}
.schuinebg-container{
    width: 100%;
    overflow: hidden;
    /*padding-top: 150px;*/
}
.schuinebg1{
    margin: 0 -50px;
    transform-origin: left center;
    background: #8accde;
    transform: rotate(-4deg);
}
.schuinebg2{
    margin: 0 -50px;
    transform-origin: left center;
    background: white;
    transform: rotate(4deg);
    margin-top: -200px;
}
.schuinebg3{
    margin: 0 -50px;
    transform-origin: left center;
    background: #a9a9a9;
    transform: rotate(-4deg);
}
.schuinebg4{
    margin: 0 -50px;
    transform-origin: left center;
    background: #8accde;
    transform: rotate(4deg);
    margin-top: -200px;
}
.schuinebg5    {
    margin: 0 -50px;
    transform-origin: left center;
    background: white;
    transform: rotate(-4deg);
}
.schuinebg-content{
    margin: 0 auto;
}
.schuinebg1 .schuinebg-content h3{
    color: white;
}
.schuinebg2 .schuinebg-content h3{
    color: #4c97ce;
}
.schuinebg3 .schuinebg-content h3{
    color: white;
}
.schuinebg4 .schuinebg-content h3{
    color: white;
}
.schuinebg5 .schuinebg-content h3{
    color: #4c97ce;
}
.schuinebg1 .schuinebg-content{
    transform: rotate(4deg);
    color: white;
    padding: 80px 100px 200px 100px;
}
.schuinebg2 .schuinebg-content{
    transform: rotate(-4deg);
    color: #4c97ce;
    padding: 80px 100px 250px 100px;
}
.schuinebg3 .schuinebg-content{
    transform: rotate(4deg);
    color: white;
    padding: 80px 100px 200px 100px;
}
.schuinebg4 .schuinebg-content{
    transform: rotate(-4deg);
    color: white;
    padding: 80px 100px 250px 100px;
}
.schuinebg5 .schuinebg-content{
    transform: rotate(4deg);
    color: #4e4e4e;
    padding: 80px 100px 200px 100px;
}
Gewijzigd op 15/08/2014 01:06:16 door Davey Mat
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

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.