Layout mooier maken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Outsystems Developer Medior

Dit ga je doen Bouwen aan nieuwe en innovatieve applicaties; Maken van koppelingen tussen Outsystems en het bestaande applicatielandschap; Troubleshooting op bestaande software. Hier ga je werken De organisatie is internationale speler binnen de bouwbranche en richt zich op de infrastructuur, zowel boven als onder de grond. Ze zijn ruim 1100 man groot en maken op IT vlak een mooie groei door. Als ervaren Developer kom je te werken op een IT-afdeling van zo'n 25 man groot. Een aantal jaar geleden hebben ze de keuze gemaakt om zich meer te gaan richten op ontwikkeling en door de groei van de

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Voor een mooi softwarebedrijf in omgeving Moordrecht zijn wij op zoek naar een Embedded Software developer. Ben jij enthousiast en een echte team player? Lees dan snel of dit iets voor jou is! Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Laat dan snel wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot

Bekijk vacature »

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 in onderwijsland. Wat vragen

Bekijk vacature »

Front-end developer - working on software for arou

Functie They have recently started looking for an experienced Front-end (mobile/app) developer. Because of the short lines within the team, they are also looking for someone who can communicate with the service desk, sales and support for technical questions. You will join their IT team consisting of about 10 colleagues divided over two teams in rooms opposite each other. Half of these are involved in their front-end. You will work together with, among others, the Architect, 1 senior, 1 junior and there is a Team Leader. In terms of technology, they work with a unique tech-stack, particularly because of the

Bekijk vacature »

Freelance JAVA / C# Developer

Functieomschrijving Voor een opdrachtgever in omgeving Zoetermeer zijn wij op zoek naar ervaren JAVA of C# Developers die graag op projectbasis willen werken. Je komt terecht bij een informele developers club die mooie projecten uitvoeren voor grote klanten. Ben je een ervaren freelancer of werk je in loondienst en ben je toe aan een nieuwe uitdaging? Lees dan snel verder want wie weet is dit een leuke vacature voor jou! Het fijne van deze werkgever is dat je zelf mag beslissen hoe je te werk wilt gaan. Wil je als freelancer werken dan is dat OK. Wil je de zekerheid

Bekijk vacature »

Junior .NET developer

Functie Ons programma is voor afgestudeerde enthousiastelingen die het als een uitdaging zien om met een klein dynamisch team bij de grootste bedrijven van Nederland aan de slag te gaan. Tijdens jouw dienstverband word jij begeleid door een talent manager. Het ontwikkelen van jouw talent staat hierbij centraal. Het programma doorloop je met een team van circa 8 Mede- trainees. De eerste maand start je met een fulltime inhouse opleiding. Deze staat geheel in het teken van de werkzaamheden die jij verder in het programma zult uitvoeren. Na deze opleidingsmaand ga je aan de slag in een dynamische omgeving bij

Bekijk vacature »

Java developer

Als Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community die bestaat uit ruim 100 gepassioneerde professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze klanten. Geen werkdag is hetzelfde, je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfskritische systemen. Een voorbeeld hiervan is een cliënt-volgsysteem bij Reclassering Nederland. Andere klanten waar wij onder andere voor werken: KPN, Philips, Nationale-Nederlanden, Kamer van Koophandel, ABN AMRO, Bovemij, Arval en de Politie. Werken bij Sogeti Nieuwe ontwikkelingen volgen we op de voet en delen we binnen de

Bekijk vacature »

SQL beheerder / ontwikkelaar

Functie omschrijving Voor een klant in omgeving Tiel zijn wij op zoek naar een SQL beheerder met affiniteit met technisch applicatiebeheer. Je krijgt een fijne in-house werkplek waar je gaat werken aan diverse projecten. Dit bedrijf doet het beheer van databases voor een aantal bancaire klanten. Op dit momenten hebben zij ruim 1500 databases in beheer. Jouw werkzaamheden gaan er als volgt uit zien: Je gaat de development afdeling ondersteunen bij het ontwikkelen van MS SQL Scripts. Je zal zowel zelfstandig als in teamverband MS SQL databases installeren & beheren. Je monitort en onderzoekt incidenten en de achterliggende oorzaken. Je

Bekijk vacature »

Digital Agency is looking for PHP developers!

Functie The team currently has 20 colleagues, consisting of developers (front and backend) and the operations team, which also includes management and two scrum masters. They are looking for a PHP developer who is able to work independently. You will work in one of the three scrum teams and start working on a project for the customer. The interesting thing about this is that you do have variety in terms of work, but at the same time continuously work for existing customers. This also gives you the opportunity to really go into depth and develop innovative technical solutions. In terms

Bekijk vacature »

Front end developer binnen de consultancy

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

JAVA Programmeur

Bedrijfsomschrijving Functieomschrijving We zoeken per direct enthousiaste software engineers die ons team komen versterken.We werken in DevOps teams met een sterk gevoel voor verantwoordelijkheid. Er wordt nauw samengewerkt met ons Business analyse team (BAT), met onze uitvoerende medewerkers en met de DevOps teams onderling binnen het domein. Het liefst hebben we veel en vaak interactie met onze interne en externe eindgebruikers om zo de juiste dingen te maken. We werken multidisciplinair in een dynamische omgeving. Achtergrond opdracht De Businesseenheid Examens is verantwoordelijk voor de logistiek van de staatsexamens Voortgezet (speciaal) onderwijs, Nederlands als 2e taal en schoolexamens. In het kader

Bekijk vacature »

Back End Developer .NET

Dit ga je doen Ontwikkelen in C# .NET en werken aan nieuwbouw, uitbouw en onderhoud van de software (die communiceren met 68.000 sensoren, waardoor er meerdere miljoenen berichten per uur verwerkt worden); Samenwerken in Scrum Teams; Meewerken aan verschillende, uitdagende projecten; Werken met nieuwe technologieën en vrijheid krijgen om jezelf te ontwikkelen en door te groeien. Hier ga je werken Je komt als Developer te werken bij een organisatie die gespecialiseerd is in software die real-time wordt gebruikt. De software constateert waar werk moet worden uitgevoerd en de chauffeurs worden met een andere applicatie hierop geattendeerd. Ook wordt er direct

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET ontwikkelaar start jij in een ontwikkelteam met 7 .NET developers. In ons team werken er drie senior .NET developer, twee medior .NET developers en twee junior .NET developers. Er is dan ook genoeg senioriteit in ons team om jou te kunnen bieden wat jij nodig hebt! Wij werken in scrum en hebben drie wekelijkste sprints. Daarnaast doen wij minimaal vier keer per jaar een release. Ons platform is ontzettend complex en groot. Het is dan ook in het begin belangrijk dat jij de processen gaat begrijpen. Jij krijgt dan ook een cursus om beter te begrijpen

Bekijk vacature »

Magento2 Developer

Functie Ben jij een ontwikkelaar en wil jij een volgende stap zetten en als teamlead aan de slag? Lees dan snel verder! Voor een gewilde opdrachtgever in omgeving Delft zijn wij op zoek naar een programmeur die als meewerkend voorman aan de slag wilt gaan. Een developer die een team van twee man aan zal sturen. Jouw werkzaamheden zullen er als volgt uitzien; Ontwikkelen en ontwerpen van API's; Maatwerkoplossingen; Databeveiliging; Optimalisatie webshops; Ontwikkelen technische implementaties voor verbetering database; Aanspreekpunt voor de organisatie en verantwoordelijk voor de aansturing van externe developers. Zoek je veel uitdaging en veelzijdigheid in je werk dan

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe stap? Voor een softwarebedrijf in regio Oosterhout zijn wij op zoek naar een back-end developer met kennis of ervaring met C# en SQL. Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in kaart, om ze vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »
Andy V

Andy V

24/10/2012 20:00:22
Quote Anchor link
Hallo,

Zoals sommigen hier vast al wel weten ben ik zelf een layout in elkaar aan het steken voor mijn site waar ik ondertussen ook aan het werken ben maar ik ben natuurlijk niet de beste designer dus wou ik even vragen wat jullie ondertussen van mijn eerste layout vinden en natuurlijk met jullie tips hoe ik deze mooier kan maken.

http://layout.site11.com/
Gewijzigd op 24/10/2012 20:00:56 door Andy V
 
PHP hulp

PHP hulp

03/12/2024 18:17:34
 
Flip --

Flip --

24/10/2012 20:09:27
Quote Anchor link
vind em best nice
alleen die knoppen links die van grijs naar groen overgaan vind ik wat minder. Wordt een beetje te grijzig zo die knoppen. Op zich wel leuk effect maar zo verdwijnt je knop veel in de achtergrond, te veel naar mijn mening
 
Andy V

Andy V

24/10/2012 20:18:41
Quote Anchor link
misschien is het beter als ik de tekst wat naar rechts uitlijn?
 
Flip --

Flip --

24/10/2012 20:54:20
Quote Anchor link
vind het helemaal prima zo.
Misschien als je verteld wat je wilt dat je site uitstraald en waar je site over gaat kunnen we daar ons advies nog op aanpassen. Maar het design is verder oké naar mijn mening.
 
Bart V B

Bart V B

24/10/2012 20:59:21
Quote Anchor link
Ben ik nou de enige die zegt dat de knop 'contact' op de verkeerde plek staat.
Die knopjes aan de linker kant bevallen mij wel. Misschien dat je die nog een beetje fade kan meegeven?
Want ik vind die overgang een beetje hard gaan. Of het misschien omdraaien, het verloop naar vol vlak laten lopen?
 
Andy V

Andy V

24/10/2012 21:19:32
Quote Anchor link
Het zou een spel worden waar ik al een tijdje mee bezig ben.
Ik ben helemaal van 0 eraan begonnen dus dan kan ik er alles mee doen wat ik wil, en ondertussen leer ik er best veel uit.

De bovenste knopjes zijn eigenlijk alleen voor als je nog niet ingelogd bent dan krijg je dus alleen de bovenste knopjes te zien als je wel ingelogd bent krijg je alleen het linkermenu te zien.

Ik ben het ermee eens dat sommige knopjes er niet thuishoren, die heb ik er eigenlijk gewoon gezet om een voorbeeld te hebben.

Ik ga misschien ook wel de knopjes aan de linkerkant verwijderen of gewoon in verschillende Menu's steken die je dan kan uit of inklappen.
 
Wouter J

Wouter J

25/10/2012 00:40:01
Quote Anchor link
Vat alle tekst hieronder niet persoonlijk op, ik ken jou niet en alle kritiek is op het design/de code.


Het is duidelijk dat je nog aan het begin van een mooie ladder zit. Maar iedereen moet ergens beginnen, zelfs grote schilder maken eerst hark poppetjes.

Ik vertel hieronder gewoon verhalen wat ik onlogisch vind, wat niet hoort en wat gewoon echt niet kan :)

Kleur
Phoef, daar is de website dan. Meteen straalt er zo'n felle kleur naar me toe. Dat hoort niet echt op het web thuis. Waar we in de print sector juist om felle kleuren springen gaat het op het web juist om de wat doffere kleuren.
Ook houden we van natuurlijke kleuren. De kleur die je nu hebt ziet er zo chemisch uit.

Gewoon even snel een kleur pakkend is bijv #44A51E een veel mooiere groen.

Web 1.0
In het algemeen kunnen we de huidige webdesign geschiedenis opdelen in 3 perioden, respectievelijk Web 1.0, 2.0 en 3.0. Web 1.0 is de tijd van het begin van het internet, alles heeft een tabel look en effecten zijn erg overdreven. Web 2.0 is van rond 2010. De effecten zijn minder, code schoner en alles heeft een veel mooiere look. Web 3.0 is nog behoorlijk jong en is juist weer minimalistisch, weinig effecten en alles draait om de content.

Met alle respect, maar jou website heeft een Web 1.0 look. Dat is normaal, een webdesigner gaat vaak dezelfde weg als de webdesign wereld van 1 naar 2 naar 3.
Wat kan je nou doen om naar 2.0 te komen? De eerste stap is al de kleuren. Vervolgens komt er nog de gradients bij. Een gradient van een kleur naar een totaal andere kleur komt nauwelijks voor. We zijn meer van de gradients binnen een kleur, van licht naar donker bijv. En het liefst zo klein mogelijk dat je net denk "zit daar een gradient?".

Ook de ronde hoeken mogen wat minder veel. Er zijn nog wel veel meer punten, eigenlijk zijn alle punten hier een stap in de 2.0 richting.

Typografie
Dan je lettertype. Dat is vreselijk, maar voel je daar niet alleen in 70% is vreselijk en ook deze website heeft dat nog niet door.

Allereerst is het beter en makkelijker om donkere tekst op een lichte achtergrond te lezen. Ik zou dus die zwarte achtergrond weghalen.

Daarnaast moet je veel effecten creëren. Je moet de ogen naar korte stukjes tekst leiden door een opvallende kleur en verschillende contrasten in de vorm van groottes. Ik zeg altijd gekstekend 'een lezer wil niet lezen, hij wil lezen wat hij zou kunnen lezen'.

En ik raad je aan een ander lettertype te kiezen. Verdana, Helvetica, Arial ze zijn allemaal vreselijke lettertypes die je website echt niet mooier maken. Blader eens door http://google.com/webfonts en kies een leuk leesbaar lettertype uit.

Tevens moet je je kopjes beter indelen. H1 is een hoofdtitel en H6 kan je geen titel meer noemen. Een kopje van een artikel op een pagina heeft doorgaans in HTML4 een H3 of H2.

Maak je alinea's wat kleiner, voeg afbeeldingen toe en laat je tekst ademen. Gebruik regellengtes van 40 - 70 tekens lang en maak de regel afstand groter als de font size of regel lengte groter worden.

Code
Nog wat andere code tips:
- Maak je scrollbar over de hele pagina, dat willen mensen veel liever dan een scrollbar in een klein stukje;
- Je laadt nu 2x jQuery in, dat is 1 keer te veel. Ik raad je aan in productie omgeving de minified (.min.js) te laden. Ook raad ik je heel erg aan om een versie op te geven. jQuery is straks helaas niet maar backwards-comptable en sommige plugins werken niet op alle versies;
- Je kan de helft van je divjes verwijderen, die zijn nergens voor nodig;
- Gebruik geen inline style;
- Gebruik geen tabellen;
- Het font element is zeer ouderwets, los dit op met CSS;
- Plaats je script tags vlak boven </body>, dan laad je pagina sneller;
- Gebruik naast de prefixes (-webkit-, -moz-, -o-, -ms-, -khtml-) ook altijd de officiële variant. Haal je code ook eens door http://prefixr.com/ je mist namelijk nog wat prefixes;
- Plaats officiële property altijd na de prefixes.
 
Machiel K

Machiel K

25/10/2012 12:28:09
Quote Anchor link
Netjes. Alleen het lettertype van "Lorem ipsum dolor sit amet, consectetur adipiscing elit" is zwaar irritant om te lezen. Verder zie ik dat je veel verschillende lettertypes gebruikt, dat maakt het druk en vind ik zelf nooit echt mooi.
 
Wouter J

Wouter J

25/10/2012 12:31:21
Quote Anchor link
Machiel, dan zie jij wat anders dan ik, volgens mij (en volgens WhatFont?) is het allemaal Verdana.
 
Rick van Riel

Rick van Riel

25/10/2012 15:09:18
Quote Anchor link
Andy kijk is op deze website https://kuler.adobe.com/ voor mooie kleur combinaties. De kleuren die je nu gebruikt passen namelijk totaal niet bij elkaar.
 
Wouter J

Wouter J

25/10/2012 15:27:30
Quote Anchor link
Rick, groen en zwart? Alles past bij zwart/wit/grijs...
 
Rick van Riel

Rick van Riel

25/10/2012 15:30:53
Quote Anchor link
Dat heb je toch echt verkeerd Wouter. Natuurlijk passen de standaard kleuren bij zwart, wit en grijs. Maar de groen die hier word gebruikt is geen standaard kleur en past totaal niet bij de grijs die word gebruikt. Dat de kleur er niet bij past is mijn mening en hij hoeft er niks mee te doen.
 
Tim S

Tim S

25/10/2012 16:12:06
Quote Anchor link
Ik heb je layout bekeken en ik vindt het een leuk idee. Ik zelf ook geprobeerd te werken met deze kleuren maar kreeg het niet mooi. Ik denk dat als je de kleuren een beetje aanpast dat het wel heel mooi kan worden. Ik kwam zojuist dit tegen http://freeajaxscripts.net/tutorials/sort/5/limit/10/start/10.html misschien heb je hier wat aan!
 
Q S

Q S

25/10/2012 16:24:05
Quote Anchor link
Andy, bij mij klopt het menu aan de bovenkant niet helemaal. De knop Contact staat op een nieuwe regel.
Tevens als ik mijn browser op volledig scherm zet dan krijg ik links een groot zwart vlak en de website staat helemaal rechts. Dit is op een 27" met een resolutie van 2560 x 1440 en de browser is Firefox. Andere dingen die ik zo op het eerste oog zie zijn inmiddels al genoemd.
 
Andy V

Andy V

25/10/2012 18:28:24
Quote Anchor link
Q S op 25/10/2012 16:24:05:
Andy, bij mij klopt het menu aan de bovenkant niet helemaal. De knop Contact staat op een nieuwe regel.
Tevens als ik mijn browser op volledig scherm zet dan krijg ik links een groot zwart vlak en de website staat helemaal rechts. Dit is op een 27" met een resolutie van 2560 x 1440 en de browser is Firefox. Andere dingen die ik zo op het eerste oog zie zijn inmiddels al genoemd.


Ik denk dat het komt doordat je uitzoomt en inzoomt op de website dan krijg ik dat ook, iemand hier een idee hoe ik dat probleem kan verhelpen?

De kleuren was ik ook nog niet helemaal uit maar ik ga ze wel veranderen als ik een idee erover heb


Toevoeging op 25/10/2012 19:32:18:

als ik mijn overflow weghaal uit de content div dan gaat hij over de footer heen, hoe kan ik er voor zorgen dat de footer daaronder blijft staan?
 
Albert de Wit

Albert de Wit

25/10/2012 19:34:48
Quote Anchor link
waarom zo enorm breed? als ik deze site op mijn mini laptop wil bekijken, zal er een stukje zijn die niet in mijn scherm terecht komt.
 
Tim S

Tim S

25/10/2012 21:03:07
Quote Anchor link
Ik heb deze code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
#footer, .push
{
  height: 0px;
  clear: both;
}


Bij mij blijft de footer dan altijd gewoon onderaan
 
Andy V

Andy V

25/10/2012 21:31:00
Quote Anchor link
Albert de Wit op 25/10/2012 19:34:48:
waarom zo enorm breed? als ik deze site op mijn mini laptop wil bekijken, zal er een stukje zijn die niet in mijn scherm terecht komt.


die layout is zo gemaakt dat hij zich aanpast aan de breedte van het scherm..

Maar ik heb net een versie met fixed breedte gemaakt en ik heb ook de kleuren wat aangepast etc kijk maar eens naar Layout 2.. dat zou misschien het op heel grote schermen ook wel eens kunnen oplossen
 
- Raoul -

- Raoul -

25/10/2012 21:35:53
Quote Anchor link
Uhhh...
Afbeelding
 
Andy V

Andy V

25/10/2012 21:42:15
Quote Anchor link
- Raoul - op 25/10/2012 21:35:53:
Uhhh...
Afbeelding


lees me vorige post dan eens..
 
Eddy E

Eddy E

25/10/2012 22:08:51
Quote Anchor link
Kijk eens naar max-width en max-device-width of zo?
 



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.