Yesterday was one of the nice weekends and a productive Sunday.I have this project running in my head before my Saturday night and decided to start working on making a decent landing page which is already designed by my comrade “Ye”. I have no sense in colors and pretty things in my eyes at all. I shape things from my inside and so I need deeper explaination in every cases that I have to work on. This sound weried right ? But no problem , I got a .sketch file and I got my Foundation.
I been using Foundation over the time with Druapl and ROR but didn’t feel like it making me faster then I could do for the front-end jobs.But I knew it. Most of the people out there would probably like to use their choice of frameworks and mine was Foundation since I started to use frameworks to fastern my projects.
The thing is “Foundation don’t give a jerk , it give you what you just needed for!”. Yep , no creamy but classy and yummy for those who might want to create something heartful products.
Install it happily. But you need nodejs and gruntcli pre-installed on your machine.
Start a kick-start project
Then here you go.
Here is what looks like inside of the project!
So what do we do !
Just start your html layout as you need and I used sass for this particular project by including —libsass. When you are done with layout and styling is so easy that you might want to do it with sass.
Running grunt mean watching your sass and updating your app.css which is located right under the folder ‘css’. It will automatically refreshing your app.css each time you save your sass.
This took me just for 2 straight-up hours to finish off all the staff from .sketch file.