You are viewing our Forum Archives. To view or take place in current topics click here.
#11. Posted:
MD5
  • Rising Star
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31

I would highly recommend taking a look at getting a framework for your site, this will have all of the CSS taken care of and lets you create sites a lot easier. It will let you create sites that are responsive (work on all devices and resize accordingly) and easy to manage, here is a snippet from [ Register or Signin to view external links. ] which explains what a framework is:

A CSS framework is a collection of CSS files containing predefined rules for layout widths, columns, typography and browser resets. Browser resets are CSS rules that override default style settings that may vary from browser-to-browser such as paragraph and page margins and relative sizes of paragraphs, header elements and list items.

A CSS framework allows the front-end developer to align elements to an underlying grid and create columns in the layout by simply applying a specific class name to the HTML elements on the page. Using a framework saves time because the markup for columns, alignment, relative sizes, etc. are already worked out. Additionally, cross-browser compatibility issues are handled by the framework so time is saved in testing and debugging styles in different browsers.


[ Register or Signin to view external links. ] [ Register or Signin to view external links. ]

[ Register or Signin to view external links. ] and [ Register or Signin to view external links. ] are the two most popular front-end frameworks, all you need to do is download the latest version and include the CSS and JS scripts in your page headers and the styles will be added to the elements, they also have some starting templates for you to work from.

The difference between them?

Most people say Bootstrap is a desktop first, mobile second package which is easier to use than Foundation which is considered a mobile first, desktop second experience. Bootstrap has more features to offer because it's easier to get started (since it's used more often) but Foundation has better support for mobile devices and has a much better designed system for managing content.

Which one to I prefer?

I would have to say Foundation is my favourite, most of the sites that use Bootstrap look the same and have the same features. Foundation also offers a much more robust grid system and generally looks better (in my opinion).




[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ] is a great text editor to create websites with, head over to the homepage to see some of the features. There are other text editors but I think this one offers the most features (plugins, great support etc.), here is a snippet from [ Register or Signin to view external links. ] explaining what Brackets is:

Target Audience

Its worth pointing out that Brackets is primarily aimed at front end developers and web designers. Although its essentially a text editor and therefore suitable for coding pretty much anything, its optimized for HTML, CSS, and JS (as well as derivatives such as SASS, Less, CoffeeScript, and so on). Ruby, Python, PHP developers, and the like might be better served looking elsewhere, whether that be for a fully-fledged IDE or something more lightweight such as Sublime or, indeed, Atom.

What Makes Brackets Different?

Brackets makes a big deal of the fact that its written using a combination of HTML, CSS, and JavaScript. While this may mean little for the casual user, those who wish to extend or even hack it have the opportunity to do so using technologies they're probably already familiar with. The fact that its open-sourced also makes it stand out from the crowd. Sublime, for example, is a commercial product, while Atom is closed-source and wont be free forever.







Hopefully this helps, I know it's not exactly feedback but it will make developing websites whole lot more easy and fun. If you want to know more or have any questions then feel free to PM me or ask in this thread

-MD5

#12. Posted:
Redacted
  • Zombie Referee
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
Wait do you have to pay for anything
#13. Posted:
MD5
  • Rising Star
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31

There's nothing to pay, it's all open sourced.

-MD5



T-33 wrote Wait do you have to pay for anything
#14. Posted:
Redacted
  • Comment King
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
oh right cool so could you explain it a bit more in a less technical way, i only started using css yesterday
#15. Posted:
MD5
  • Rising Star
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31

Before reading on, make sure to visit the "getting started" pages of your chosen framework as it will give you the basic code to get started.

By using a framework, all of the CSS is done for you (it can still be changed if you want) so all you need to enter is the HTML code. After reading the "getting started" pages of your chosen framework, head over to the components page to see what's included ( [ Register or Signin to view external links. ] and [ Register or Signin to view external links. ] ).

The components page will show you what is included in the framework, it will also give you the code to use in your page so it is super easy to create websites using frameworks, I'll give an example using Bootstrap and a navbar:

Looking at the Bootstrap components page, click on "navbar" and it will bring you to an example and the code for it underneath, copying this into your HTML document will give you the same result as what you see on the components page. After getting what you want, you can edit it and change (or add) anything that you want.

I can also show you how to edit the colours through CSS if you want.

T-33 wrote oh right cool so could you explain it a bit more in a less technical way, i only started using css yesterday


-MD5



Last edited by MD5 ; edited 1 time in total
#16. Posted:
M3
  • Supporter
Status: Offline
Joined: Jan 01, 201311Year Member
Posts: 1,233
Reputation Power: 200
Status: Offline
Joined: Jan 01, 201311Year Member
Posts: 1,233
Reputation Power: 200
You should give some credit to wiki
#17. Posted:
Into
  • TTG Senior
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 1,441
Reputation Power: 61
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 1,441
Reputation Power: 61
It looks really cool except maybe change the colors around a bit
#18. Posted:
Redacted
  • Comment King
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
Status: Offline
Joined: Mar 02, 201410Year Member
Posts: 4,721
Reputation Power: 5977
yeah i will mess with the colours a bit

and md5 after downloading foundation i dont know what to do
#19. Posted:
MD5
  • Rising Star
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31
Status: Offline
Joined: Jan 26, 201113Year Member
Posts: 705
Reputation Power: 31

I would recommend going with [ Register or Signin to view external links. ] if you are just starting out, it's easier to get used to. I've created a folder structure and have made a page with the code from [ Register or Signin to view external links. ] for you to start on:

Archive containing files: [ Register or Signin to view external links. ]
Virus scan: [ Register or Signin to view external links. ]

-MD5



T-33 wrote yeah i will mess with the colours a bit

and md5 after downloading foundation i dont know what to do
#20. Posted:
1989
  • Comment King
Status: Offline
Joined: Jun 09, 201310Year Member
Posts: 8,349
Reputation Power: 365
Status: Offline
Joined: Jun 09, 201310Year Member
Posts: 8,349
Reputation Power: 365
The design of it i dont really like tbh
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.