background preloader

Programming resources (Beginner)

Facebook Twitter

CSS: centering things. See also the index of all tips.

CSS: centering things

Centering lines of text The most common and (therefore) easiest type of centering is that of lines of text in a paragraph or in a heading. CSS has the property 'text-align' for that: renders each line in a P or in a H2 centered between its margins, like this: The lines in this paragraph are all centered between the paragraph's margins, thanks to the value 'center' of the CSS property 'text-align'.

Centering a block or image Sometimes it is not the text that needs to be centered, but the block as a whole. This rather narrow block of text is centered. This is also the way to center an image: make it into block of its own and apply the margin properties to it. Bootstrap. Bootstrap (currently v3.3.6) has a few easy ways to quickly get started, each one appealing to a different skill level and use case.

Bootstrap

Read through to see what suits your particular needs. Bootstrap Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included. Download Bootstrap Source code Source Less, JavaScript, and font files, along with our docs. Download source Bootstrap CDN The folks over at MaxCDN graciously provide CDN support for Bootstrap's CSS and JavaScript. Install with Bower You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using Bower: $ bower install bootstrap Install with npm You can also install Bootstrap using npm: $ npm install bootstrap require('bootstrap') will load all of Bootstrap's jQuery plugins onto the jQuery object. Bootstrap's package.json contains some additional metadata under the following keys: Install with Composer You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using Composer: CSS: centering things. “I Need Practice Programming”: 49 Ideas for Game Clones to Code.

So you know a little bit about programming (perhaps you've read the free book, "Invent Your Own Computer Games with Python", a free programming book for beginners whose author shamelessly plugs at every chance) but you want to get better at coding.

“I Need Practice Programming”: 49 Ideas for Game Clones to Code

You can't seem to find any open source projects that are at your level or easy for new people to contribute to. You've gone through a few of the practice problems at Project Euler but you want to create something more substantial, or at least a cool thing you can show your friends. (Not that finding the 31337th prime number isn't cool.) Here's a list of game clone ideas for you to implement. Each has a short description of the game, links to videos of the game, and descriptions of what kind of algorithms you'll need to know in order to implement them.

Orisinal Games: The Orisinal website has a great collection of Flash games with very simple mechanics that can be copied. The Wikipedia entry for video game clones also lists some ideas. 1. 2. 3.

Websites I like

Recursion (computer science) Recursion in computer science is a method where the solution to a problem depends on solutions to smaller instances of the same problem (as opposed to iteration).[1] The approach can be applied to many types of problems, and recursion is one of the central ideas of computer science.[2] "The power of recursion evidently lies in the possibility of defining an infinite set of objects by a finite statement.

Recursion (computer science)

In the same manner, an infinite number of computations can be described by a finite recursive program, even if this program contains no explicit repetitions. " [3] A common computer programming tactic is to divide a problem into sub-problems of the same type as the original, solve those sub-problems, and combine the results. Many computer programs must process or generate an arbitrarily large quantity of data.

Recursion is one technique for representing data whose exact size the programmer does not know: the programmer can specify this data with a self-referential definition. If. Recursion Explained with the Flood Fill Algorithm (and Zombies and Cats) The source code of everything in this article can be downloaded here: floodfill_src.zip Consider the Lazy Zombie This is a cat: This is a normal human: This is a normal human who has been turned into an ungodly, flesh-eating zombie of the undead: Zombies are lazy and will only bite things that are next to them.

Recursion Explained with the Flood Fill Algorithm (and Zombies and Cats)

There is an interesting recursive principle here, because the humans that have turned into zombies will start to bite other humans that are next to them, which will make more zombies, who bite more adjacent humans, which will make more zombies, and so on and so on in a chain reaction: Zombies don’t bite cats though. So as long as there is a cat between the human and the lazy zombie, the human is safe: Things I Wish Someone Had Told Me When I Was Learning How to Code. And what I’ve learned from teaching others Before you learn to code, think about what you want to code Knowing how to code is mostly about building things, and the path is a lot clearer when you have a sense of the end goal.

Things I Wish Someone Had Told Me When I Was Learning How to Code