I've been fiddling around with bootstrap for some weeks now and I'm feeling like running in a maze.
There is thousands-and-millions of programs to help you visually building up a bootstrap website, I took a look at various options like: blocs app, rapid weaver, pine grow and some web apps now but I didn't find a solution that makes me confident.
I'm not that into coding, I can do some html, css and low-level php-programming but getting into this framework was not manageable for me while studying and working. As a designer my first approach was using those "visual apps" and to a certain point they can be nice.
Would it be easier to use an IDE and is there an IDE, that can handle bootstrap in a way I don't have to read all the docs to understand what I have to do just to create a simple page?
I'm just searching for the right tool to work with the bootstrap framework and would like some advice from more experienced users - thank you.
Take a look at Bootstrap Studio. They provide a guy to build bootstrap projects.
https://bootstrapstudio.io/
Related
I may have a very stupid question for some of you, but I am a beginner, and need a little help from some of you who have experience in this area.
For example, I work freelance or have my own business where I do web design with HTML, CSS and JS.
Now I feel very comfortable writing my code with the FLEXBOXGrid system instead of maybe Bootstrap4 or something like that.
does it matter, if I use the Flexboxgrid system or bootstrap or maybe raw Html,css without frameworks?
Is it perhaps better paid to do it with Bootstrap than with Flexboxgrid?
Thanks !
FlexboxGrid http://flexboxgrid.com/ is just a grid. If you need make things like modals, tooltips, etc. use Bootstrap. Bootstrap offers the grid and other components.
That said, do what you feel comfortable with. But a few caveats:
1) When using a framework, it's good to know the underlying technology and how it works, because you can debug your code faster and make optimizations easier.
2) You also don't need to know the underlying technology all that well to use a framework. That's why the framework was invented. It was made to speed up the entire dev process. So by all means, use Bootstrap if you need a suite of components, use FlexboxGrid if you just need a grid. You can also make a custom build of Bootstrap. A quick Google only turned up a custom build of Bootstrap 3 https://getbootstrap.com/docs/3.4/customize/ But if you're using npm to get your libraries you can probably import only the parts of the framework you need.
3) If you're looking to just get the job done for the front-end try approaching it like this:
- What does the client need (modals, grids, static content, etc?)
- If client needs more than static content and a grid, use Bootstrap
- Checkout bootstraps Docs, also checkout other forms of bootstrap. There's two that I love: https://github.com/thednp/bootstrap.native
and https://reactstrap.github.io/
If you're not looking to add more overhead, go with Bootstrap Native.
You're going to get paid based on the agreed upon price. But if you make a fantastic looking site quickly, you may get more. Remember that when using Bootstrap, you can customize the CSS to essentially add your own theme. There are also plenty of free themes out there.
Best of luck
I was always using frameworks or ready-to-use boilerplates for apps development (ReactJS mostly). Right now I'm building a simple static website (using Hugo generator). I don't want to use any kind of big-ish CSS frameworks. However, I wouldn't like to reinvent a wheel by building it completely from scratch. Is there any kind of conventional solutions for this? May be some kind of tiny css-framework or a normalizer etc?
I am not asking for a specific library - I'm asking what should I look for IN the first place: framework, compiler, normalizer etc.
Well, I don't know if I understood completely what you want, but, I think this can help you.
This is a list of the top UI frameworks of 2016/2017.
My favorites are:
Semantic-UI
Material-UI
There are more simple solutions like Pure.
Recently I used Material-UI to build this React Application.
Can i use bootstrap framework entirely to make professional websites which people would buy.
Is there market up for website development using bootstrap.
Please help to start with this?
You absolutely can! Many website templates are made with the Bootstrap framework. It is a framework that many designers/developers know and can easily modify.
Using an already-established framework gives you the time-saving advantage of not having to code many elements since they are already predefined.
I say give it a go!
So I do freelance iPhone app development, and I need to a build a small website showing my company;s name and the apps I already deployed in apple app store, plus some images of my previous clients.
I started playing with ruby on rails, and setup a skeleton app on heroku, its live and works.
My problem is I don't know how to create a lot of things in Web, like scrolling left to right,
or adding a band that has icons. I don't know what should be the next thing to learn? should I readup on html and css? or is this a RoR functionality?
Anyone can guide me in the direction of a sample protfolio website in RoR?
Thanks.
If I were you I'd leave Rails out of this equation altogether until you have HTML and CSS nailed down - you're going to add in a large layer of unneeded complexity if you try and start with a server-side framework like Rails before you understand the basics of building web pages.
I believe that http://net.tutsplus.com has free beginning HTML and CSS courses that should be more than enough to get you up to speed.
Ruby on Rails is just the framework for the site. The flashy stuff you see on websites comes from javascript, css, html, etc. If you have the website functioning properly and are now looking to create the flashy pages to show off your apps, I'd suggest getting into javascript and css.
I guess your application is a collection of static HTML/Web pages which has some data(text, images).
So I guess you really don't need a scripting language or framework to develop your site.
Having grip on HTML, CSS, JavaScript, JQuery will do everything up to my knowledge.
I'm a .NET guy desktop developer, and I love that. I don't really love web development because we lost precious time to debug CSS, javascript, and compatibility stuff instead of creating value.
But I think it's because I had not taken time to learn about good web development practices, so now because I want to become the best developer that I can, I'd like to learn about my weakness.
Can you give me some advices/links/patterns/frameworks to become a good web developer ? (I am a .NET guy so I accept everything that will permit me to develop better websites in .NET).
Thanks !
Precision
I have done a lot of ASP.NET webform in the past, but this is not enough to create great web site without loosing time on compatibility/css/javascript issue.
You could take a shortcut and use ASP.NET, which provides a number of controls to make web development easier - and you'll be familiar using them.
Unfortunately, they aren't really that great (imo) and do not teach you good practices with the web.
I suggest you look into ASP MVC, which is now in beta. This will teach you how to write websites whilst allowing you to use libraries you are familiar with .NET
With general web development, look into websites like W3schools which will teach you the basics.
Remember to seperate presentation from markup with CSS and make sure you are using javascript to add value to a page, but make sure your page is still usable without it.
You will always lose time with CSS compatability issues, all I can say is with practice you learn what pitfalls to avoid so it gets a little easier.
As for javascript development, it has improved considerably in the past few years with frameworks which in theory are cross-browser. Maybe try looking into JQuery which syncs well with ASP MVC and has intellisense in visual studio
Advices:
Best advice I can give to you: Just don`t get angry when you done something correct but it wont show as you wanted. Patience! :)
Links:
www.w3schools.com
Nettuts.com
Webappers.com
Digital Point - webmasters forum
Patterns:
My advice is to get more into MVC pattern and any enterprise pattern.
Frameworks:
Just see this link :) Framework Guide
For Javascript: JQuery,Prototype,Mootools,EXTJs
For CSS: 960 grid system is pretty good
Make sure you learn about the client/browser side as well.
Current best practice with all the different browsers around is to use a javascript library to make your web-application cross platform and cross-browser. An AJAX library like jQuery or Prototype to perform the interactive actions you wouldn't be able to do with standard HTML and CSS in the pre-AJAX era.