Dan Perrera (perrera.com)
almost 6 years ago from Ken Em
almost 6 years ago from Ken Em
Hi everyone, glad you're enjoying my site and big thanks to Ken M for posting it! I'm happy to answer questions if you have any.
Really great site Dan, the navigation was pleasing enough to get to go through and read most of your content. Great job.
Did you have any influences/inspiration in particular you looked to with the redesign? Also, did you have a key goal in mind with the redesign? Hiring, exposure, platform for your writing etc.
Thanks Joe, that's great to hear! I guess my website is a bit of a reaction to the heavy-handed animation that I've been seeing lately — I was hoping to achieve something a bit more delicate that highlights the content. I was also experimenting to see if I could achieve the feel of a "content application"(where it feels like the web is going) without sacrificing design or progressive enhancement. My hypothesis is that it might create a more engaging reading experience and, if you're any indication, it seems like it worked.
As far as inspiration goes, aesthetically I've been very interested in minimal British and Dutch design. I don't think I can point to one individual example but I was attempting to capture their sensitive use of whitespace, scale, contrast, and typography in my redesign.
That's a really interesting approach, seeing your site as a "content application". Now that you mention it, it does feel like it's somehow insulated, like the content all lives together in this flexible box. I feel like there is a real physical relationship among the content, the way it stacks in the timeline and moves back and forth into view.
Thanks for the insight, Dan!
How was it working with Atomic CSS (or is it some other similiar library)? Why did you choose that path?
I've been using Tachyons and I absolutely love it. I initially dismissed the concept of functional CSS because I didn't like the aesthetics of having a lot of little classes but I've really come to appreciate the stability and the velocity it gives me as a designer.
It's not without tradeoffs — you need to know when to break out of the framework — but because of the way it's designed, that becomes obvious pretty quickly.
Finally something new.
I think you might need to make this less great. I've just been moving back and forth between blog posts for the past 5 minutes.
I wish more people would have timeline-based websites as apposed to time-agnostic chunks of content. Dan's site is both slick and full of rich history. Awesome find!
Really enjoying like this, the navigation between each post is real nice too
Clean site and tasteful animation
(No, not that one) lol
Lovely.
Would be great to hear a breakdown of the dev stack it's built on?
Thanks Andrew. I wrote up a little bit about the tech stack in my redesign post.
The TL;DR is it's a combination of Jekyll to build the site with Barba.js to set the groundwork for the transitions, plus a mix of Anime.js and regular old CSS3 transitions to achieve the actual animation.
Cheers Dan,
I'd not come across Barba.js before - definitely one to bookmark for the future :)
Would you consider selling the Jekyll theme as a template? I've been trying to find time to build my own Jekyll blog for a couple of years now but didn't like any off-the-shelf themes - this one is just perfect.
In an ideal world I'd build my own - but client work keeps me way too busy!
Thanks! I don’t think I’ll be putting it up for sale. I worked hard to design and build something unique to my content and personal style.
Really digging that navigation.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now