Pinegrow Community Support Forum

The Future's Bright, The Future's Foundation


#1

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

:sunglasses:


#2

@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.


#3

@Rob - “it just feels right” sometimes in life, that is it! Something just feels right! :sunglasses:


#4

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


#5

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.


#6

Yes! a click! I got one! Your machine has just been added to my KittyBot network :wink: hee hee. and yeah, the whole framework thing. I worked for a web design company back in 2008, 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/
well, in fact, all of them have been… modernised
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!

…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!


#7

99/100 for “mobile friendliness” …however …

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).


#8

as an aside.
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


#9

Brighton - Glastonbury…I’m seeing a pattern here! :heart_eyes::sunglasses:

He may be settled in Ibiza!


#10

hee hee! yeah, so anyway! BACK TO FOUNDATION!
go on, show me something nice and explain some Foundations Niceties to me.
Pleeease


#11

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


#12

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.


#13

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).


#14

NIce… (rounded corner, but still…)… “boxes”
:smiley:


#15

:grin:

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.


#16

I mean…
anyone seen?

https://css-tricks.com/examples/ShapesOfCSS/

https://blog.udemy.com/css3-circles/

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!
:slight_smile:


#17

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.


#18

Nice new avatar, ready for the beach cubicle. :wink:

I am curious…

@jack

How so, care to explain the aspects?

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?


#19

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? :innocent:


#20

I shall have to look at Foundation again. I know Rob rather likes it !