What do you use?

A framework like bootstrap or create your own CSS?

 

Please give your own opinion choosing one rather than other .

 

 

 

 

I always create my own. The reason being that frameworks are very generic and can take a lot of time to tweak, plus often add loads of CSS you don't really need (bloat!).

An Observation.

 

Everybody starts by learning the basics of css and html, (Once they give up on using 'wysiwyg' that is if there not at uni). Then they start to experiment and probably resolve some issues for themselves but want to go beyond what html and css alone can achieve so they start learning one or more dynamic language.

 

By this time they have the basics, but need to set realistic goals so that the can continue to achieve and advance themselves. Unfortunately most will not set realistic project goals and push for things they cannot readily achieve by the next logical step in their personal development and so they then start grasping at straws. Frameworks proclaim to be the answer to every problem you could possibly imagine, and many are a great extension of your knowledge that can make developing an application much faster; However extending your abilities while using a framework is not a realistic possibility if you have not already properly learnt the basics of the language/s the framework is working in before using the framework.

 

My Opinion.

 

Frameworks have there proper place in web development and design but, they are not the way forward when you are trying to learn how to develop or design for any environment including the web. The only way to extend the knowledge base that you will need is to keep things real, except that you currently know only what you know and that you need to learn more before you can be the next 'big thing' in your chosen profession.

 

If your first project was the static four page site about yourself, then your next project should not be a 100 page dynamic enterprise solution for a global brand. It is good to think big, bad to think that you have reached your limit, and far worse to assume you have learnt all there is to know.

 

Every language, markup, or coding format has it's reference material which every developer and designer will always be referencing know matter how experienced they are, even those that help to write such references. So it doesn't actually matter what frameworks you do or do not use, they all have their pro's and con's, and they all require you to learn yet another way of achieving what ever you was on the verge of achieving before you found this 'wondrous solution to all your problems', but will still have to learn anyway.

 

Having said all that.

 

I have recently been experimenting with the Yii php based framework which uses the Boostrap framework, and also includes the PhPUnit development testing framework. This has been a great learning curve for me, and I love the way it has so many built in security features to protect your app once it is deployed online. All I need to do now is understand how to put it all together, which I think will require me to learn some more php so I can fully understand what the framework is doing.

 

Then again, 'Learning all things web' is my hobby, so onwards and hopefully upwards.

Thank you for the comments.

I'll have my own responsive site and not using framework.

I understand the point about working within your means/abilities and your natural path in your personal development. It's all good

 

But for me the internet is a haven of resources for frameworks, learning tools and experiences to help you learn what you need to do.

 

So it's about reading, practicing, learning, utlising!

 

I'll use frameworks in my project but only if it really helps me and I try to make sure I at least understanding what's going on in the frameworks that I use

Am Not using Bootstrap but rather than using html and css only for creating responsive site.

 

First of all add the meta viewportname and content inside the header position of html document.

 

the mata code is given below:

 

<meta name="viewport" content="width=device-width">

 

After that creating document asusual manner.

 

 

And then add the media query into the css style sheet.

 

the media query is given below:

 

@media screen and (max-device-width 480px) {

 

/* css code for responsive */

}

 

If you want change the device width size based on your device screen size.