# The Future's Bright, The Future's Foundation **URL:** \ **Category:** Foundation\ **Created:** [December 10, 2016, 12:58am UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484 "2016-12-10T00:58:17Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 12:58am UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/1 "2016-12-10T00:58:17Z")
I feel disappointed in myself that I ignored Foundation - I have @Rob to thank for the gentle nudge towards Foundation. [http://foundation.zurb.com/grid.html](http://foundation.zurb.com/grid.html) šŸ•¶ ---
**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\ **Post date:** [December 10, 2016, 10:34am UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/2 "2016-12-10T10:34:34Z")
@Jack Iā€™m delighted to hear you are seeing the merits of Foundation, personally my preferred framework. Iā€™ve only 1550 other Pinegrow users in the Slack team to convince. I find it to tick all the boxes youā€™ve mentioned and like you it just felt right for me by comparison to Bootstrap. I hope it serves you well and Zurb have a lot of useful information on their site and YouTube channel, tutorials, etc thatā€™s worth looking at. Looking forward to seeing what you do with it. ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 1:44pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/3 "2016-12-10T13:44:11Z")
@Rob - ā€œit just feels rightā€ sometimes in life, that is it! Something just feels right! šŸ•¶ ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 1:56pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/4 "2016-12-10T13:56:31Z")
mmm, interesting. ok! so, in a nutshell, I see less bloat, more _zing_, er, whatever, so ,! for a sort of newbie/lazy learning, whats the maximum funkyness of foundation and just how does it make you go _oooh_, and personally, just all those dang bootstrap sites look the same! banner, blocks, layout, blah blah. I would like to creat NON BOXEY websites! I may just have too. but, as I newbie/lazylearner, I sure as hell see the advantage of a framework, but, alas, its the welcome mat to [http://genericwebsite.yuk](http://genericwebsite.yuk) ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 2:02pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/5 "2016-12-10T14:02:24Z")
schpengle - you sucked me in there as I knew your link was fake but I couldnā€™t resist clicking! As for the boxy aspect - this is where designers are caught out, especially when working on big projects as Iā€™m currently redesigning a website for someone and the work involved - my god, I mean there is so much work, all these little fine details, testing and so on - its no wonder most websites look the same as design can take hours. I remember this guy on another forum he used to be quite mouthy and say ā€œdesign is easyā€ and then I found one of his old comments saying ā€œIā€™ve ripped apart my site over 100 times because I was never happy with the designā€ - funnyā€¦I thought design was easy lol Iā€™m getting bored of the blocks look but because of mobile web design, you have to work with blocks - but if you put up a link to a website that you think is fresh, you think is different, once iā€™ve finished this project Iā€™ll upload a video at some point showing how I would approach such a design. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 2:18pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/6 "2016-12-10T14:18:48Z")
Yes! a click! I got one! Your machine has just been added to my KittyBot network šŸ˜‰ hee hee. and yeah, the whole framework thing. I worked for a web design company back in 2008, [http://ergonet.org](http://ergonet.org) , the boss had developed his whole own CMS called ARIA (Artist Release and Informationā€¦Aardvark? I could never remember the last bit) and while the graphicy guy, I could happily toss out of the window did make very nice designs _Mostly_ - but I do remember some of them. and , coming from my hippy background the websites, tend be to a littel _different_ - lets look shall we? as it was mostley alternative/hippy things we were involoved withā€¦ oh no! its gone ā€œThe way of the Frameā€! [http://www.greengathering.org.uk/](http://www.greengathering.org.uk/) well, in fact, all of them have beenā€¦ _modernised_ [http://twofeathers.co.uk/shop/index.php](http://twofeathers.co.uk/shop/index.php) that one has gone the way of the "Press\* . wordpress. lets see ā€¦ ah lets see, its all changed! He had had enough of web stuff, folded the company and, well, now makes music! > **[Sam Welbourne](https://www.youtube.com/user/SamWelbourneGuitar)** > > The second album is called The Nought Principle. Why? I write pieces of music about the things that interest me or move me. In a recent interview the subject... ā€¦I bet all the people who invested thousands in the non existent servers and now defunct CMS were thrilled. but, I digress and have gone off topic. How unlike me! ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 2:31pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/7 "2016-12-10T14:31:02Z")
99/100 for ā€œmobile friendlinessā€ ā€¦however ā€¦ ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/2c32cb4a701cd6a37c25d0597c5afdcf76788e5c.png) Sloppy - I would have sleepless nights if I knew the text was overflowing lol But I can see what you think is fresh - it reminds me of designs from early 2000, a guy I know (he has successful web design business) in the states and has kept to the same style - problem is few of his sites are responsive, so be interesting to see if he changes his style (I stalk his portfolio). ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 2:34pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/8 "2016-12-10T14:34:43Z")
as an aside. [https://beta.companieshouse.gov.uk/company/06318154/officers](https://beta.companieshouse.gov.uk/company/06318154/officers) tehy were interesting times, I mean, how many times can one guy resign? I left in 2008, seeing the writing on the walls. I, however, never worked in the web business agian. _sniff_ that was my one shot at it _sob_ and yep. pretty much thats about it, the DESIGNS were like \*HEy! we can do this! Ive a great idea! \* Photoshop slice some other app DIce GLitter Whooosh! Spry WIdgets javascriā€¦ wah? more glitter TADA!! so yeah, I get the whole _box model_ idea, but, at the endā€¦they are still boxes. ugh ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 2:37pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/9 "2016-12-10T14:37:03Z")
Brighton - Glastonburyā€¦Iā€™m seeing a pattern here! šŸ˜šŸ•¶ He may be settled in Ibiza! ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 2:44pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/10 "2016-12-10T14:44:20Z")
hee hee! yeah, so anyway! BACK TO FOUNDATION! go on, show me something nice and explain some Foundations Niceties to me. Pleeease ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 3:19pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/11 "2016-12-10T15:19:20Z")
This is me messing around - never attempted this style of design before within Pinegrow but you can clearly see it can work - it just requires adjustments, such as adjusting the row (css) for the row to match the screen size as with the relative, it needs adjustments for when the layout adapts. Itā€™s random, just going with the flow but if you want to design like a hippy or go back to the 90ā€™s - you can! Itā€™s all css and working with the row/columns - testing the layout and this is the beauty of Pinegrow - you can see everything take place as you experiment. ps. my chromebook was struggling there! its nearly time for a new machine but the chromebook lives on lol ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 3:29pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/12 "2016-12-10T15:29:38Z")
![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/0304a3c0c10d54c6ecf1bac9072935182c79ec16.png) Thatā€™s me making quick adjustments and viewing the screen at under 300px and all viewable - it all depends how much effort you want to make - and if I wanted I could design that way in Foundation or Bootstrap - all the same principles apply. ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 4:06pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/13 "2016-12-10T16:06:37Z")
this is why I think of PInegrow as a playground when experimenting, it allows you to try anything you want and because it doesnā€™t generate code - you discover what works (and what doesnā€™t work). ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 4:19pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/14 "2016-12-10T16:19:16Z")
NIceā€¦ (rounded corner, but stillā€¦)ā€¦ ā€œboxesā€ šŸ˜ƒ ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 4:36pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/15 "2016-12-10T16:36:10Z")
šŸ˜ In the future css shapes will change web design, but for now , you have to work with boxes and get creative with borders. Also remember you can use images as backgrounds for these shapes - so instead of having a colour, you can use patterns. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 10, 2016, 4:59pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/16 "2016-12-10T16:59:21Z")
I meanā€¦ anyone seen? > **[The Shapes of CSS | CSS-Tricks](https://css-tricks.com/the-shapes-of-css/)** > > CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you > **[CSS3 Circles: How to Create Circles Using CSS3 Border Radius | Udemy Blog](https://blog.udemy.com/css3-circles/)** > > CSS, or Cascading Style Sheets, are a powerful way to add graphics and effects to your website that are efficient, effective and that make your site user friendly. The new elements available in CSS3 offer even more flexibility for creating great... > but, I rather fancy the idea of images, with a background color as you say, with certain edges, fading out to the same background colour of ā€¦a background imageā€¦or image, so that pics seems to _leak_ and ooze into each otherā€¦ and thereby get rid of the _mandatory_ visual box model - which is still there at a structural level, but, not a visual one. I really need to get cleverer and manifest my work up on the world. and LO! they did look upon it and (it sucked? Nay!) it was good! šŸ™‚ ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 10, 2016, 7:56pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/17 "2016-12-10T19:56:41Z")
schpengle this is the problem posting on this forum - I allow myself to get dragged into playground mode (even though I enjoy it) lol I hope you do experiment and get creative because if you really want, you can use big world class photos and text, if you want to build websites - that is what everyone does. And Iā€™m not trying to be funny because Iā€™ve done it (I love photography) - but you donā€™t learn anything by dropping a big photo into a page and adding text. Anyway - thats me out of here for awhile because I really need to focus on finishing these projects and stay away from playground mode. ---
**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\ **Post date:** [December 10, 2016, 8:33pm UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/18 "2016-12-10T20:33:36Z")
Nice new avatar, ready for the beach cubicle. šŸ˜‰ I am curiousā€¦ > [@Jack](#): > > - ā€œI feel at home within the foundation framework.ā€ > - ā€œFoundation is ā€¦ aimed at designers.ā€ @jack How so, care to explain the aspects? > [@Getting started with Foundation and its settings file to make the most of SASS](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/2): > > **From another thread** ; > ā€œI only need the essentials, as my main reason for using a framework is to speed up my design process and the responsive aspect.ā€ What essentials do you need / require? Like grids, breakpoints, media queries that are ready to use? Or other aspects of the frameworks, if so what? ---
**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\ **Post date:** [December 11, 2016, 2:20am UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/19 "2016-12-11T02:20:44Z")
From using both versions of Foundation, so far I like: - The grid system - Learning to work with rem - Less CSS styling (using default version in Pinegrow) - Collapsible Rows - Responsive gutters Iā€™ve also started designing for mobile first (rather than laptop) and sometimes you need a change of environment to realise bad habits you have fallen into. With bootstrap (which is an excellent framework) I was focused on block building, rather than complete websites and while building blocks is fun and an excellent way to build up a user library - whenever I started a design in bootstrap, I was designing with smart components in mind - I donā€™t do that within Foundation. I only had a glimpse of the essentials download but will look at that in future so may need a custom version - but why are you quoting replies from another thread? lol You know Iā€™ve said I can work in any framework but from using foundation and reading the resources from their website it just feels right. BTW @Pinegrow_User why dont you upload some of your work and share your years of experience! Iā€™m sure everyone could learn from your experience? šŸ˜‡ ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [December 11, 2016, 2:44am UTC](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484/20 "2016-12-11T02:44:39Z")
I shall have to look at Foundation again. I know Rob rather likes it ! [Next page](https://forum.pinegrow.com/t/the-futures-bright-the-futures-foundation/484.md?page=2)