Jump to content

New Milktop website and brand


onjegolders
 Share

Recommended Posts

Hey all, just wanted to share with you the new Milktop website http://www.milktop.co.uk/ (powered by PW of course).

post-502-0-90103100-1387657000_thumb.png

This comes to life as the result of merging Milktop with ED DESIGN ( the design company of Diogo, who you all know and love and his partner Erika, a fantastic graphic designer). It's been great to work with this new team, and we hope that you guys will like the website as much as we have enjoyed creating it :)

A few notes on how we accomplished some things:

For the grid we used Bourbon Neat. We wanted to try out this framework since it doesn't make impact at all on the markup. We're pretty happy with the result, but in the end we feel like we didn't save that much time by using it than if we would have used simple SASS variables or created our own mixins.

For the icons we used Fontello. This is great because it allows you to create a new font with your own set of icons from several sources, and even add some custom built icons by importing a SVG drawing. One advantage is that the final font only has the icons that you put there, which makes it a very small download.

We decided to use large images to display our work in the best way possible, but we're serving smaller images for smaller screens. We do this by serving the smaller size by default and swapping the image for a larger version by measuring the container element :

<img data-large="<?php echo $img->url; ?>" src="<?php echo $img->width(400)->url; ?>">
 

For speed we are using the excellent ProCache module by Ryan :)

For publishing automatically to Twitter and Facebook we plan to (not done yet) publish a RSS feed with Ryan's RSS module and use IFFFT to pull it into both social networks. If you don't know IFFFT, you should definitely check it out.

A final detail, our logo is designed in HTML and CSS ;)

Hope you guys like it and thanks again to the great ProcessWire community without whom this collaboration would never have happened.

Have a great evening.

  • Like 19
Link to comment
Share on other sites

Thanks for all the reactions guys :)

You guys hooked up? Like a ProcessWire marriage?

I guess you can call it that :D

We have a very interesting triangle Solihul/Frankfurt/Porto going on here, and hope we will show more nice websites on the forum soon ;)

@pwired, you completely missed the point here and I hope others didn't interpreted it the same way. The CSS logo is not about performance at all, it's just a "nice to have" feature, something to represent what we do. We know most people won't even notice, but we think it's a nice touch for those who do.

I can design a good logo with photoshop in 10 minutes

*sigh*

Well, then again, thanks to all :)

  • Like 2
Link to comment
Share on other sites

@pwired, you completely missed the point here

We'll if the point wasn't about performance but about nice to have feature then better be more clear about it

instead of leaving it open for other interpretations such as html/css or graphic performance.

Re-edited my post.

Link to comment
Share on other sites

Thanks guys for all your feedback guys :) Yeah I guess this is almost like a PW marriage! Maybe a new sub-forum Ryan?

On a serious note, I'm really pleased to be working with Diogo and Erika, we just have some work to do to get across to clients who we are and how we work.

  • Like 1
Link to comment
Share on other sites

The images on the about page do not show on desktop version (running firefox 25 windows) but when I resized the window they show up

I can reproduce what Peter Foeng has found with Firefox on windows desktop:

images on the about page only show up after resizing the window.

With Cometbird browser, even after resizing the window, images do not show up.

With Opera browser the images show up ok.

  • Like 2
Link to comment
Share on other sites

It's fixed :)

for info: we had a grayscale filter on the css for those images that was causing the weird behaviour. For now we only removed it because we don't need it anymore, but later I will investigate why.

Thanks guys!

  • Like 2
Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...