transform ie8

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end developer (Medior/Senior)

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

Junior Front end developer Onderwijssoftware

Functie Als Junior front end developer kom jij terecht in een klein, maar hecht team bestaande uit 5 andere developers (waarvan 2 senioren, 2 medior en 1 junior). Met de gezamenlijke missie om “ieder kind te helpen met onze software” wordt er dagelijks gepassioneerd en hard gewerkt aan ons in-house ontwikkeld platform. Deze software is gebaseerd is op AI, machine Learning en wetenschappelijke inzichten. Dagelijks zul jij werken met onze high traffic webapplicatie. We hebben ruim 300.00 gebruikers en meer dan 2 miljard records waar je te maken mee krijgt! Verder zul jij je bezighouden met: – Het ontwikkelen van

Bekijk vacature »

Senior .NET developer

Klaar voor een nieuwe uitdaging? Welke technologieën gaan schuil achter de dagelijkse energievoorziening? Als senior .NET developer bij Kenter maak jij samen met je team het verschil, zowel voor de interne organisatie als voor eindklanten. Samen bouwen jullie aan innovatieve dienstverlening met behulp van de nieuwste technologieën en tools. Het is een functie met veel vrijheid, goede arbeidsvoorwaarden én je draagt jouw steentje bij aan de energietransitie. Klinkt dit als iets voor jou? Lees dan verder of solliciteer direct! Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare

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 »

React developer Inhouse cloudplatform

Functie De functie: Als front-end developer kom je te werken naast 2 andere front-end/React developers, waaronder één senior. Een hele mooie kans dus om in korte tijd veel nieuwe kennis en ervaring op te doen. Ze hebben momenteel veel werk hierin en daarom willen ze het team graag uitbreiden. Het is van belang dat je, zeker gezien het vele thuiswerken, in ieder geval al een aantal projecten hebt gedaan in React. Taken waar je aan kunt denken zijn het ontwikkelen van client-applicaties o.b.v. HTML5, React en andere open standaarden. Ook ben je nauw betrokken bij het implementeren van designs o.b.v.

Bekijk vacature »

Junior Low-code ontwikkelaar gezocht omgeving Arnh

Bedrijfsomschrijving Wij zijn een dynamisch IT-bedrijf dat zich richt op het stroomlijnen van bedrijfsprocessen en het creëren van ondersteunende applicaties. Onze kracht ligt in het combineren van zakelijk inzicht met IT-expertise via gestroomlijnde procesontwerpen en wendbare applicatieontwikkeling met behulp van Low-code technologieën. Als jonge professional krijg je de kans om samen te werken met een team van 15 deskundige collega's, verspreid over nationale en internationale locaties. We bieden je een leerzame omgeving waar je je vaardigheden kunt ontwikkelen en groeien in je rol als Low-code ontwikkelaar. Word jij onze nieuwe Junior Low-code Ontwikkelaar (OutSystems)? Versterk ons team en draag bij

Bekijk vacature »

Web Developer

Bedrijfsomschrijving ENGIE Nederland is onderdeel van de beursgenoteerde ENGIE Groep. ENGIE is actief in 70 landen, met wereldwijd 150.000 medewerkers. Als groep is het de missie om bij te dragen aan de verduurzaming van de wereld. ENGIE Energie biedt energiediensten aan particulieren en grootzakelijk en gaat de uitdagingen van de energietransitie aan door het beschikbaar maken van duurzame energie, het streven de klimaatverandering tot een minimum te beperken, leveringszekerheid te bieden en zorg te dragen voor een verantwoord gebruik van de beschikbare resources. ENGIE Energie investeert daarom in hernieuwbare energiebronnen zoals zon, wind en bio-gas. Functieomschrijving Heb jij veel ervaring

Bekijk vacature »

C# .NET developer voor innovatieve applicaties gez

Bedrijfsomschrijving Deze werkgever houdt zich al ruim 20 jaar bezig met het ontwikkelen van innovatieve software en dat willen ze graag nog lang doorzetten. En dat merk je ook als je als .NET developer hier aan de slag gaat. De applicaties worden continu doorontwikkeld met altijd als uitgangspunt dat zowel de kwaliteit als het gebruikersgemak van hoog niveau is. Het bedrijf telt inmiddels ruim 25 medewerkers waarvan meer dan de helft op de development afdeling werken. Meer weten over deze werkgever? Mail naar [email protected] of bel 0657578548 Functieomschrijving Je komt te werken in een Scrum team met andere .NET developers

Bekijk vacature »

Robot Programmeur

In het kort Drie redenen waarom deze vacature uniek is! Programmeren van zelflerende robots Werken op kantoor en testen in de bedrijfshal Je krijgt verantwoordelijkheid, vrijheid en je mag werken naar eigen inzicht De organisatie Hier ga je aan de slag Een bedrijf dat innovatieve robottoepassingen ontwerpt en bouwt voor onder andere de staal industrie, energie- bouw- en agrarische sector. De robots die vaak in combinatie met diverse randapparatuur geleverd worden vormen een totaaloplossing voor de klant. Dit zijn klanten over de hele wereld, van België en Duitsland tot China, India, maar ook in Nederland. Projecten waar momenteel aan wordt

Bekijk vacature »

C# .NET Software Developer

Functie omschrijving Ben jij op zoek naar een nieuwe uitdaging binnen software development waar je gaat werken voor een jong en flexibel bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Software Developer met ervaring binnen C# .NET die enthousiast wordt van het aansluiten en begeleiden van (complexe) nieuwe klanten. Verder begeleid je complexe projecten, ben jij iemand die altijd kansen ziet? Dan zoeken wij jou! In deze functie ga jij je bezighouden met: Meedenken in oplossingsrichtingen; Werken aan de architectuur; Het verbeteren van functionaliteiten binnen het dataplatform; Ontwikkelen van nieuwe technologieën. Bedrijfsprofiel Waar ga je aan de

Bekijk vacature »

PHP Laravel Ontwikkelaar

Functie omschrijving Weet jij alles over Laravel en krijg je energie van het developen van software hiermee? Laat het weten want wij zoeken een PHP/Laravel developer in regio 's-Hertogenbosch voor klein bedrijf welke softwareoplossingen maakt voor hun klanten. Jouw taken hierbij: Softwareapplicaties ontwikkelen en verder optimaliseren in veel diverse projecten op basis van Agile/Scrum. Documentatie schrijven over applicaties. Uitleg geven over software en applicaties Klantcontact hebben over bestaande applicaties. Techstack: PHP, Laravel, HTML, CSS, Javascript. Bedrijfsprofiel Deze organisatie zit in de regio van 's-Hertogenbosch en is een klein bedrijf. Er werken circa 15 medewerkers, verdeeld in meerdere teams, zoals back-end

Bekijk vacature »

Front-end developer (React)

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

SQL developer

Functieomschrijving Voor een erkende werkgever in de omgeving van Tilburg zijn wij op zoek naar een ervaren SQL ontwikkelaar. Hier wordt jij mede verantwoordelijk voor zowel de design en implementatie van SQL-databases als voor het verstaan van de processen van klanten naar het vertalen van deze processen naar IT-oplossingen. Jouw takenpakket komt er als volgt uit te zien: Het ontwerpen en implementeren van databaseschema's: Je bent in staat om een database te ontwerpen en de structuur van tabellen, relaties, indexen en andere objecten te definiëren; Het schrijven van complexe SQL-query's: Je kunt complexe query's schrijven om gegevens uit de database

Bekijk vacature »

Front-end Developer - Juniorfunctie

Functie omschrijving Ben jij op zoek naar een uitdagende baan als front-end developer, in een informele werksfeer, waar jij echt het verschil kan maken? Wil jij graag werken voor een bedrijf dat sportiviteit en een open communicatie, hoog in het vaandel heeft staan? Dan hebben wij de perfecte vacature voor je! Voor een klein bedrijf in Rijen dat gespecialiseerd is in het omzetten van digitale woningtekeningen naar managementinformatie, zijn wij per direct op zoek naar een allround front-end developer. Jouw werkzaamheden zien er als volgt uit: Ja gaat nauw samenwerken met de back-end developer. De database structuur is volledig gebouwd

Bekijk vacature »

Starter/junior PHP developer

Functie Momenteel zijn ze op zoek naar een junior PHP developer om het team te versterken. Als back-end developer bouw je de enterprise software die hun bedrijf helpt bij haar primaire processen. Afhankelijk van de omvang van het project werk je in een klein team aan een project. Ze hebben dagelijkse stand-ups en elke twee weken een scrumsessie, begeleid door de Scrum Master, waar je je ideeën kunt presenteren en samen met de Product Owner kunt werken aan het beste product. Ze vertrouwen enorm op hun eigen bedrijfssoftware. Dit geeft hun een groot voordeel ten opzichte van hun concurrentie. Zo

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.