Really nice. But I particularly love how the page header changes when I switch to a new tab! So good.
Fantastic example of applying trends consciously, yet remaining user friendly. Love it.
Thanks for your kind words.
This is so nice, I really like everything. Especially the small things such as the circle transition for the go-to-top link. The project pages carry out great details with their setup. And how you change the title of the page when you change tab, that is funny and serves a good purpose. Well done Johannes! :)
Thank you. That's very kind of you.
In your opening statement you switch between personal pronouns, from third to first, which reads a little weirdly. I would stick to one and use that throughout the whole website, where appropriate.
I liked the title change in the browser tab when switching to another website.
Will fix that soon. Not native English. So will ask a friend to rewrite it.
All set :) "Johannes Lamers is a senior interactive designer working on the cross section of aesthetics and technology. Johannes delivers tailor-made design, based on strong concepts and sophisticated user centric experiences, into real business results. With more than 10 years’ experience he's focussing on visual design, user experience, frontend development & brand identity.
This website is a limited display of the recent projects that he designed, and, in a large part, coded. You can email him or follow him on Twitter or Dribbble."
Nice experience on mobile
Clean, clear, and user-friendly. I dig it!
really appreciate it!
Do you like my new portfolio? Please comment.
Looks fantastic! Love the subtle details (i.e. the progress gauge around the back to top arrow, the changing title when you open a new tab, etc.). Really nice stuff.
Nice work Johannes and most especially, I love your case studies. Do you mind if I add it to www.explanatic.com?
I would love to. Thank you!
Love this! I especially liked how you worked on the small details; like the back to top circle that changes progress, and changing the title of the site when I switch to another tab.
Lovely work all round. Kudos
Really nice, but your homepage scroll effect is completely broken for me in FireFox 45.7.0 - it has some weird rendering artifacts (white boxes everywhere), and even breaks the scrollbar!
+1 for the ascii art name in the source though. =]
Will look into it. Thanks for the heads up. On the latest FF 51.0.1 (64-bit) it's working fine. Are you on PC or MAC?
PC / Win 10 / 64-bit. I'm stuck on the ESR release verison of FF at work, but it might be something else specific to me. I'll look again when I'm at home.
Hate be that guy, but OPPERTUNITIES => OPPORTUNITIES. (I just tried pronouncing that with a heavy dutch accent and it makes sense why you'd misspell that :P )
Thanks! Give me 2 mins.
Could you be so nice to elaborate what stack you used to build a website like this?
It's build on Craft CMS. It's a kick-ass content management system. Craft is designed specifically to be flexible enough to manage all types of content without a lot of hassle. I've build a content builder on it. So I'm able to reuse small parts by breaking the pages down into modules. Like a slider module (with settings) etc. Per image or media object I can choose a frame as decoration (browser, tablet, phone, card etc). For the frontend it's build on zurb foundation mixins with flexbox. The ajax handling is dome with smoothState. Images are lazyloaded
Hosting is done with Digital Ocean and managed and deployed by Laravel Forge.
Thanks! This lead me on trying to install Craft CMS with MAMP but I'm missing Mcrypt. 3 hours later still no solution, I'll try more tomorrow I guess.
Join the Craft CMS slack group. A lot of smart people who can help you out. https://craftcms.com/community
If you're still stuck - I felt your pain - https://medium.com/@jordanmoore/fixing-issues-with-mamp-mcrypt-and-craftcms-fb5f07ae9663#.s3ilk0497
Thanks, I eventually fixed it as well. In the end I set up my system to use the PHP file of MAMP and went back back to PHP 7.0, since mcrypt is deprecated in PHP 7.1.
Really annoying, but glad to get it working in the end. I will post my process from the terminal here, if someone would somehow end up here through Google.
Bold is terminal commands.
add export PATH="/Applications/MAMP/bin/php/php5.6.28/bin:$PATH" in this file, or whichever version you want to use.
source ~/.bash_profile to save
Remove the php files that are older in MAMP's folder or rename them in MAMP/bin/php/ using finder
Restart MAMP and use the same PHP File in your MAMP settings
Check php -v for version control in terminal
Check php -m to see if Mcrypt module is loading correctly ( should be in list )
If MAMP is not starting the server correctly : use sudo apachectl stop and restart MAMP
Use which php to see which php file is being used
Should work then!
I'm very impressed. Also on mobile it looks great.
Very nice! Great case studies :)