Quickest way to make a websiteFastest way to create a website
Concentrate on feature construction instead of connecting different parts together.
1. Using Bootstrap
Developers like me are often frightened by designs - but a little bit of work can bring an enormous ROI. However, although I am a developer, I want my pages to look appealing. I was afraid of designing for a very long period of my life after becoming a coder. It seemed that the designs consisted of complex regulations not noted anywhere, plus an inexplicable flair obsessed only by an elite dressed in blacks.
However, recently I chose to do my best to chop what was needed to make my own vague project look appealing. Had I not found out some fundamental short cuts in my designs, it's unlikely that a week-end hack of mine would have landed on page three of the Daily Mail.
Too often I now see great coding jobs that don't get the audiences they merit just because their designs don't fit with their work. So if you're a programmer, my Christmas present to you is this: my own set of hooks that, justifiably used, can make your own coding project look fast and professionally.
Neither are difficult to study, most are free, and they let you concentrate on coding. You' ll definitely get better results if you work with a pro and get more involved with it. Now if you are not using Bootstrap yet, use it. Actually, I think Bootstrap is one of the most important technological advances of recent years: it democratises the whole web designing proces.
In essence, Bootstrap is a system of grids with a number of shared items. And another big advantage is that it's simple to make any website fast so you don't have to be concerned about sending press releases. Get Bootstrap and take a look at the samples. When you have more free space, Mark Otto's articles about why and how Bootstrap was made on Twitter are definitely something to look at.
The use of Bootstrap is already a significant step forward compared to the non-use of Bootstrap and greatly decreases the boredom of frontend design. However, you also run the risk to create Yet Another Bootstrap Site or Hack Day Design, as it is known. When you are really under pressure, you can buy a Wrap Bootstrap themed.
Fortunately, it's quite simple not to make Bootstrap look as much like Bootstrap - with scripts, css effects, background pictures, color scheme and so on. We' ll adapt this bootstrap sample page. One of the fastest ways to make your website look unique, contemporary and less bootstrappy is with webfont, so let's get started there.
First of all we can insert some sugary scripts from Google Web Font. What is daunting is the choice of typefaces that look good together. Fortunately, there are many proposals on the Internet: we will use one of the free Google font pairs proposed by DesignShack. We use Corben (for headlines) and Nobile (for bodies).
It won't be winning any prizes, but it's better now: Also, I suggest the webfontservices Fontdeck or Typekit - these have a larger choice of typefaces and are great for making pages look good on a regular basis. The Typekit article is definitely a good reading for the designer context for matching typefaces.
One immediate way to make a website look stylish is to use a texture. Let's just load the files into a new /img/ folder and append them to the existing /img/ files::: ; Bang: But there is still a long way to go. It is ideal for the time-critical encoder because symbol scripts not only reduce HTTP queries, but are also much faster to deploy than image-based symbols.
A comprehensive free symbol for business use in the form of fonts is included with bootstrap. In order to begin using these symbols, simply fetch your favorite fonts from Adobe Acrobat Reader and insert the /fonts/ folder into your website and the associated files into your /css/ folder. "Eventually, we'll insert a lorry symbol into the major actions key, as follows."
" "We will also optimize our custom style sheet to prevent the symbol from clinging to the text of the button: : : ; And this is how it looks: If you want a quick course on useful advanced CSS features, I suggest the CodeSchool Functional HTM5 and CSS3 course.
In my opinion, this is the area of computer science in which many developers find the most daunting. We will use Backstretch for one turn to make it addressable. You have to buy the picture and we have to upload it to our /img/ folder. This would look much more translucent, so that we can use this technology in GIMP to make it translucent::: ; We also touch the upholstery on the torso and.... containers a little narrower, and this is the result:
When you have enough spare manpower to spend, it's a good idea to learn some basic designing skills, if only because designing is less daunting and more funny. Part of my art training was reading some introductional art textbooks for programmers. Best I could find was David Kadavy's David Kadavy's Designs for Hackers:
A reverse engineered beauty that teaches the basics of selecting colors, scripts, lettering, and layouts. There is no group that can benefit more from good designing than a hacker... The one issue that is extremely frustrating for a hacker when trying to understand is designing. The hacker knows they need a good, clear look, but the tools they can use to teach them how to create are difficult to find to take on the giants of business with just a few line of coding.