onjegolders Posted December 21, 2013 Share Posted December 21, 2013 Hey all, just wanted to share with you the new Milktop website http://www.milktop.co.uk/ (powered by PW of course). 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. 19 Link to comment Share on other sites More sharing options...
Joss Posted December 21, 2013 Share Posted December 21, 2013 Very nice mate! 1 Link to comment Share on other sites More sharing options...
arjen Posted December 21, 2013 Share Posted December 21, 2013 You guys hooked up? Like a ProcessWire marriage? I must have missed that one. Good luck on the new business! Great work on the website. Looks really, really good. 6 Link to comment Share on other sites More sharing options...
pwired Posted December 22, 2013 Share Posted December 22, 2013 Good business look with a background both contributing to the business look and easy for the eye.We'll that is a surprise two smart webforces here joined, congrats on both your futures. 1 Link to comment Share on other sites More sharing options...
kongondo Posted December 22, 2013 Share Posted December 22, 2013 Nice 1 Link to comment Share on other sites More sharing options...
3fingers Posted December 22, 2013 Share Posted December 22, 2013 Really nice and clean! I'm really envy about your studio's location, too cool 1 Link to comment Share on other sites More sharing options...
diogo Posted December 22, 2013 Share Posted December 22, 2013 Thanks for all the reactions guys You guys hooked up? Like a ProcessWire marriage? I guess you can call it that 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 2 Link to comment Share on other sites More sharing options...
pwired Posted December 22, 2013 Share Posted December 22, 2013 @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 More sharing options...
diogo Posted December 22, 2013 Share Posted December 22, 2013 who you all know and love Thanks André Link to comment Share on other sites More sharing options...
DaveP Posted December 22, 2013 Share Posted December 22, 2013 Looks just as good on desktop as on mobile, which I commented on earlier. And good luck to all on this new venture - here's to a successful new year! 3 Link to comment Share on other sites More sharing options...
onjegolders Posted December 22, 2013 Author Share Posted December 22, 2013 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. 1 Link to comment Share on other sites More sharing options...
peterfoeng Posted December 23, 2013 Share Posted December 23, 2013 Very nice! 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 2 Link to comment Share on other sites More sharing options...
pwired Posted December 23, 2013 Share Posted December 23, 2013 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. 2 Link to comment Share on other sites More sharing options...
diogo Posted December 23, 2013 Share Posted December 23, 2013 Thanks guys, we will see what's happening. Link to comment Share on other sites More sharing options...
onjegolders Posted December 23, 2013 Author Share Posted December 23, 2013 Thanks guys for pointing that out, we hadn't noticed that in FF on our last check. Link to comment Share on other sites More sharing options...
diogo Posted December 23, 2013 Share Posted December 23, 2013 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! 2 Link to comment Share on other sites More sharing options...
Joss Posted December 23, 2013 Share Posted December 23, 2013 I keep misreading the subject of the thread as "New Milktops webiste and BAND" Which sort of puts a whole new spin on the project. When you auditioning for musicians? 1 Link to comment Share on other sites More sharing options...
alan Posted December 23, 2013 Share Posted December 23, 2013 Love it all. Love the favicon and jealous of it's clarity—congrats! 2 Link to comment Share on other sites More sharing options...
diogo Posted December 23, 2013 Share Posted December 23, 2013 @Alan Link to comment Share on other sites More sharing options...
onjegolders Posted December 23, 2013 Author Share Posted December 23, 2013 Thanks both and Joss, you 'aint heard me sing mate... Link to comment Share on other sites More sharing options...
Joss Posted December 23, 2013 Share Posted December 23, 2013 Yep - you hum it, I will sing it 1 Link to comment Share on other sites More sharing options...
Martijn Geerts Posted December 23, 2013 Share Posted December 23, 2013 Congratulations ! Onjegolders & Diogo Site's looking great, hope the same for the business ! 2 Link to comment Share on other sites More sharing options...
rosieate Posted January 2, 2014 Share Posted January 2, 2014 Was browsing through different PW sites and came across yr post. Congrats on the new site - it looks great! 1 Link to comment Share on other sites More sharing options...
Nico Knoll Posted January 8, 2014 Share Posted January 8, 2014 Looks awesome! I think I already said it to Diogo and Erica when they were in Berlin 2 Link to comment Share on other sites More sharing options...
diogo Posted January 8, 2014 Share Posted January 8, 2014 You did 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now