Skip to content

Commit 0333f46

Browse files
author
Rachel Evans
committed
Follow 301 redirects
1 parent a9b78fc commit 0333f46

File tree

31 files changed

+56
-56
lines changed

31 files changed

+56
-56
lines changed

.gitignore

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# See http://help.github.com/ignore-files/ for more about ignoring files.
1+
# See https://help.github.com/ignore-files/ for more about ignoring files.
22
#
33
# If you find yourself ignoring temporary files generated by your text editor
44
# or operating system, you probably want to add a global ignore instead:

_layouts/page.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ <h1 class="entry-title">{{ page.title }}</h1>
1212
{{ content }}
1313
<footer>
1414
<a href='http://tutorials.codebar.io/'>Back to tutorials</a>
15-
<a href='http://codebar.io/'>codebar mainpage</a>
15+
<a href='https://codebar.io/'>codebar mainpage</a>
1616
</footer>
1717
</article>
1818
</div>

examples/colorpicker/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</head>
99
<body>
1010
<header>
11-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
11+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1212
</header>
1313
<div id="container">
1414
<h1>Color picker</h1>
@@ -29,7 +29,7 @@ <h1>Color picker</h1>
2929
</div>
3030
</div>
3131
<footer>
32-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
32+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
3333
</footer>
3434
</body>
3535
</html>

examples/github-user-finder/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</head>
88
<body>
99
<header>
10-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
10+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1111
</header>
1212
<div id="container">
1313
<div class="search">
@@ -20,7 +20,7 @@ <h2></h2>
2020
</div>
2121
</div>
2222
<footer>
23-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
23+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
2424
</footer>
2525
</body>
2626
</html>

examples/hangman-canvas/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</head>
88
<body>
99
<header>
10-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
10+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1111
</header>
1212
<div id="container">
1313
<canvas id="hangman" width="400" height="500"></canvas>
@@ -16,7 +16,7 @@
1616

1717
</div>
1818
<footer>
19-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
19+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
2020
</footer>
2121
</body>
2222
</html>

examples/hangman/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</head>
88
<body>
99
<header>
10-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
10+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1111
</header>
1212
<div id="container">
1313
<div class="board">
@@ -28,7 +28,7 @@
2828

2929
</div>
3030
<footer>
31-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
31+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
3232
</footer>
3333
</body>
3434
</html>

examples/tv-schedule/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</head>
88
<body>
99
<header>
10-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
10+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1111
</header>
1212
<div id="container">
1313
<h1>What's on TV tomorrow?</h1>
@@ -17,7 +17,7 @@ <h1>What's on TV tomorrow?</h1>
1717
</ul>
1818
</div>
1919
<footer>
20-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
20+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
2121
</footer>
2222
</body>
2323
</html>

examples/wishlist/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</head>
99
<body>
1010
<header>
11-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
11+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1212
</header>
1313
<div id="container">
1414
<h1>Wish List</h1>
@@ -21,7 +21,7 @@ <h1>Wish List</h1>
2121
<button id="add-to-list">Add to list</button>
2222
</div>
2323
<footer>
24-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
24+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
2525
</footer>
2626
</body>
2727
</html>

general/setup/tutorial.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -25,19 +25,19 @@ We recommend you use **[Atom](https://atom.io/)** or **[Visual Studio Code](http
2525

2626
## A web browser (required)
2727

28-
Windows comes with [Internet Explorer](https://windows.microsoft.com/en-us/internet-explorer/), and OS X comes with [Safari](https://www.apple.com/uk/safari/). Most Linux distributions come with [Firefox](https://www.mozilla.org/en-US/firefox/), which is also available for Windows and OS X. You can also download [Chrome](https://www.google.com/chrome/) which is a popular alternative. You can get started with whatever you currently use, but when you reach the later tutorials the powerful developer tools in Chrome and Firefox will be useful. Your coach will show you how to use them while you work through the tutorials.
28+
Windows comes with [Internet Explorer](https://support.microsoft.com/internet-explorer), and OS X comes with [Safari](https://www.apple.com/uk/safari/). Most Linux distributions come with [Firefox](https://www.mozilla.org/en-US/firefox/), which is also available for Windows and OS X. You can also download [Chrome](https://www.google.com/chrome/) which is a popular alternative. You can get started with whatever you currently use, but when you reach the later tutorials the powerful developer tools in Chrome and Firefox will be useful. Your coach will show you how to use them while you work through the tutorials.
2929

3030
## A compression utility (handy on Windows)
3131

32-
Many of the tutorials have links to download code from Gist in `.tar.gz` format. Macs and most Linux distributions have built-in support to extract the files from these archives for you. On Windows there are a variety of utilities available. If you don't already have one, [7-zip is free](http://www.7-zip.org/).
32+
Many of the tutorials have links to download code from Gist in `.tar.gz` format. Macs and most Linux distributions have built-in support to extract the files from these archives for you. On Windows there are a variety of utilities available. If you don't already have one, [7-zip is free](https://www.7-zip.org/).
3333

3434
## Ruby (optional)
3535

3636
You won't need Ruby installed if you're working on CSS or HTML, but you will need access to Ruby if you work on the Ruby tutorials. You can use [a free web service called Cloud9](https://c9.io/) to get started. You can sign up before the workshop to save some time.
3737

3838
If you have a Mac you'll have a version of Ruby installed already. A coach can help you get started with Ruby on your Mac - ask them about `rbenv` (or `rvm`) and `Homebrew`.
3939

40-
You can [download and run the RubyInstaller program](http://rubyinstaller.org/) to program Ruby on Windows.
40+
You can [download and run the RubyInstaller program](https://rubyinstaller.org/) to program Ruby on Windows.
4141

4242
On Linux, you can install Ruby using your distribution's package manager, as follows:
4343

general/setup/tutorial.pt.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -25,16 +25,16 @@ Nós recomendamos usar **[Atom](https://atom.io/)** no Codebar. É de graça, te
2525

2626
## Um navegador de internet (obrigatório)
2727

28-
Você já tem um desses! O Windows vem com o [Internet Explorer](https://windows.microsoft.com/pt-br/internet-explorer/), e o OS X vem com [Safari](https://www.apple.com/br/safari/). [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) e [Chrome](https://www.google.com.br/intl/pt-BR/chrome/) são alternativas populares. Você pode começar com qualquer um que já use, mas quando você chegar nos últimos tutoriais, as ferramentas poderosas do Chrome e Firefox vão ser úteis. Seu tutor vai te mostrar como usá-las quando vocês estiverem trabalhando nestes tutoriais.
28+
Você já tem um desses! O Windows vem com o [Internet Explorer](https://support.microsoft.com/internet-explorer), e o OS X vem com [Safari](https://www.apple.com/br/safari/). [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) e [Chrome](https://www.google.com.br/intl/pt-BR/chrome/) são alternativas populares. Você pode começar com qualquer um que já use, mas quando você chegar nos últimos tutoriais, as ferramentas poderosas do Chrome e Firefox vão ser úteis. Seu tutor vai te mostrar como usá-las quando vocês estiverem trabalhando nestes tutoriais.
2929

3030
## Ferramenta de compactação (importante para Windows)
3131

32-
Muitos dos tutoriais tem links para baixar códigos do Gist em formato .tar.gz. Os Macs tem ferramentas de apoio já instaladas para extrair os arquivos deste formato para você. O Windows tem uma variedade de ferramentas disponíveis. Se você ainda não tem uma, [7-zip é de graça](http://www.7-zip.org/).
32+
Muitos dos tutoriais tem links para baixar códigos do Gist em formato .tar.gz. Os Macs tem ferramentas de apoio já instaladas para extrair os arquivos deste formato para você. O Windows tem uma variedade de ferramentas disponíveis. Se você ainda não tem uma, [7-zip é de graça](https://www.7-zip.org/).
3333

3434
## Ruby (opcional)
3535

3636
Você não precisa instalar o Ruby se está trabalhando com CSS ou HTML, mas você precisará acessar o Ruby se for trabalhar nos tutoriais dele. Você pode usar [um serviço online gratuito chamado Cloud9](https://c9.io/) para começar. Você pode se inscrever depois do workshop para poupar tempo.
3737

3838
Se você tem um Mac, então já tem uma versão do Ruby instalada. O seu tutor pode te ajudar a começar com Ruby no Mac - pergunte a eles sobre `rbenv` (ou `rvm`) e `Homebrew`.
3939

40-
Você pode [baixar e executar o programa RubyInstaller](http://rubyinstaller.org/) para programar Ruby no Windows.
40+
Você pode [baixar e executar o programa RubyInstaller](https://rubyinstaller.org/) para programar Ruby no Windows.

html/lesson1/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -334,5 +334,5 @@ This ends our first lesson, we hope you enjoyed it and learnt something. If you
334334
## Further reading
335335

336336
* [HTML elements](https://developer.mozilla.org/en/docs/Web/HTML/Element)
337-
* [Special characters](http://htmlandcssbook.com/extras/html-escape-codes)
337+
* [Special characters](http://htmlandcssbook.com/extras/html-escape-codes/)
338338
* [The Bare Bones Guide to HTML](http://werbach.com/barebones/barebones.html)

html/lesson2/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -468,5 +468,5 @@ This ends our second lesson, we hope you enjoyed it and learnt something. If you
468468
## Further reading
469469

470470
* [CSS Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference?redirectlocale=en-US&redirectslug=CSS%2FCSS_Reference)
471-
* [More CSS](http://learn.shayhowe.com/html-css/)
471+
* [More CSS](https://learn.shayhowe.com/html-css/)
472472

html/lesson3/example.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ <h1>Hi, I'm Ada Lovelace</h1>
5454
</div>
5555

5656
<footer>
57-
<p>Made by <a href="http://codebar.io/">codebar.io</a></p>
57+
<p>Made by <a href="https://codebar.io/">codebar.io</a></p>
5858
</footer>
5959
</body>
6060
</html>

html/lesson3/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ In the previous two lessons, we spoke about **H**yper **T**ext **M**arkup **L**a
3535

3636
Inspectors are development tools that help you view, edit and debug CSS, HTML and JavaScript.
3737

38-
Developer Tools are already built into all modern browsers, whether you use [Chrome](https://developer.chrome.com/devtools), [Firefox](https://developer.mozilla.org/en-US/docs/Tools), [Edge](https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide), [Opera](http://www.opera.com/dragonfly/) or [Safari](https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html). For advanced users, many other tools are available as browser extensions, including the [Web Developer Toolbar](https://chrispederick.com/work/web-developer/) plugin.
38+
Developer Tools are already built into all modern browsers, whether you use [Chrome](https://developer.chrome.com/devtools), [Firefox](https://developer.mozilla.org/en-US/docs/Tools), [Edge](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide), [Opera](http://www.opera.com/dragonfly/) or [Safari](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html). For advanced users, many other tools are available as browser extensions, including the [Web Developer Toolbar](https://chrispederick.com/work/web-developer/) plugin.
3939

4040
![](assets/images/chrome-devtools.png)
4141

html/lesson4/example.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ <h1> Grace Hopper</h1>
5858
</div>
5959

6060
<footer>
61-
<p>Made by <a href="http://codebar.io/">codebar.io</a></p>
61+
<p>Made by <a href="https://codebar.io/">codebar.io</a></p>
6262
</footer>
6363
</body>
6464
</html>

html/lesson4/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -429,7 +429,7 @@ Before we do some more cool things, let's add a footer to our page
429429

430430
```html
431431
<footer>
432-
<p>Made by <a href="http://codebar.io/">codebar.io</a></p>
432+
<p>Made by <a href="https://codebar.io/">codebar.io</a></p>
433433
</footer>
434434
```
435435

html/lesson6/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ <h3>Articles</h3>
120120

121121
<footer>
122122
<address>Made by
123-
<a href="http://codebar.io/">codebar.io</a>
123+
<a href="https://codebar.io/">codebar.io</a>
124124
</address>
125125
</footer>
126126
</body>

html/lesson6/tutorial.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -157,12 +157,12 @@ Some of your users might be using screenreaders or keyboards to navigate across
157157

158158
#### Articles for getting started with accessibility:
159159
- [Introduction to Accessibility](https://www.w3.org/standards/webdesign/accessibility)
160-
- [WAI Getting started](https://www.w3.org/WAI/gettingstarted/)
161-
- [How People with disabilities use the web](https://www.w3.org/WAI/intro/people-use-web)
160+
- [WAI Getting started](https://www.w3.org/WAI/fundamentals/accessibility-intro/)
161+
- [How People with disabilities use the web](https://www.w3.org/WAI/people-use-web/)
162162
- [Tutorials](https://www.w3.org/WAI/tutorials/)
163163
- [Mozilla have created their own Accessibility page](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
164164
- [ARIA Techniques for WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/aria)
165-
- The [A11Y Project](http://a11yproject.com/) is an open source project on providing the most up to date and easy to access information regarding accessibility.
165+
- The [A11Y Project](https://a11yproject.com/) is an open source project on providing the most up to date and easy to access information regarding accessibility.
166166

167167
#### These extensions are handy if you wish to check if your website meets the criteria and areas to improve:
168168
- Chrome: WAVE Evaluation Tool

html/lesson7/example.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ <h2 class="resourcelist_title">Resources</h2>
5252
</div>
5353
</div>
5454
<footer class="footer">
55-
<p class="footer_text">Made by <a href="http://codebar.io/" class="footer_link">codebar.io</a></p>
55+
<p class="footer_text">Made by <a href="https://codebar.io/" class="footer_link">codebar.io</a></p>
5656
</footer>
5757
</body>
5858
</html>

html/lesson7/tutorial.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ Next up is our list of resources and its title, this is going to be inside the s
148148

149149
And finally we have the footer which will contain the author information. This will just be a `p` tag with an `a`. Give them appropriate class names eg:
150150

151-
<p class="footer_text">Made by <a href="http://codebar.io/" class="footer_link">codebar.io</a></p>
151+
<p class="footer_text">Made by <a href="https://codebar.io/" class="footer_link">codebar.io</a></p>
152152

153153
That's our page all marked up! Woop! Take a look at it in a browser. Because of the reset css it should look pretty boring. So, let's add some styles.
154154

@@ -199,7 +199,7 @@ Look at your changes in Chrome (Chrome has some great developer tools which are
199199

200200
<img src="images/inspect.png" alt="inspect tool">
201201

202-
Click on the icon in your inspect tool to open up the <a href="https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/emulate-mobile-viewports?hl=en" target="_blank">device toolbar</a>. This view will show you what your site will look like on a mobile device, it has a few different options for default device widths, or you can set it to responsive and drag the width and height about yourself. For now we'll set it to responsive and drop the width down to about 320, this is a very narrow screen.
202+
Click on the icon in your inspect tool to open up the <a href="https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports?hl=en" target="_blank">device toolbar</a>. This view will show you what your site will look like on a mobile device, it has a few different options for default device widths, or you can set it to responsive and drag the width and height about yourself. For now we'll set it to responsive and drop the width down to about 320, this is a very narrow screen.
203203

204204
<aside class="notice">
205205
You might notice that the white text in your header looks blocky and bolder than it should. This is caused by bad rendering of light fonts on dark backgrounds by chrome (and often other browsers) which tends to prioritise speed over beauty when rendering fonts. You can tell chrome to give you better looking text by putting `-webkit-font-smoothing: antialiased;` on the body selector.

index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ <h2>Python</h2>
8080

8181
<h3>Other Recommended Python Resources</h3>
8282
<ul>
83-
<li><a href="http://pymbook.readthedocs.io/en/latest/">Python For You and Me</li>
83+
<li><a href="https://pymbook.readthedocs.io/en/latest/">Python For You and Me</li>
8484
<li><a href="https://learnpythonthehardway.org/book/">Learn Python The Hard Way</a></li>
8585
</ul>
8686

js/lesson3/files/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</head>
99
<body>
1010
<header>
11-
<img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
11+
<img id="logo" src='https://raw.githubusercontent.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
1212
</header>
1313
<div id="container">
1414
<h1>Wish List</h1>
@@ -21,7 +21,7 @@ <h1>Wish List</h1>
2121
<button id="add-to-list">Add to list</button>
2222
</div>
2323
<footer>
24-
<div id="content"> by <a href="http://codebar.io/">codebar</a> </div>
24+
<div id="content"> by <a href="https://codebar.io/">codebar</a> </div>
2525
</footer>
2626
</body>
2727
</html>

js/lesson6/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -173,7 +173,7 @@ context.scale(2,2);
173173

174174
![](assets/images/canvas-hangman.png)
175175

176-
[Download](https://gist.github.com/despo/0dc7c874efa544475d66/download) the required files for this exercise or clone them directly from Github `git clone https://gist.github.com/despo/0dc7c874efa544475d66.git`
176+
[Download](https://gist.github.com/despo/0dc7c874efa544475d66/download) the required files for this exercise or clone them directly from Github `git clone https://gist.github.com/despo/0dc7c874efa544475d66`
177177

178178
Using what we've learned today, draw Hangman in Canvas.
179179

js/lesson7/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@ Download the [Testing JavaScript project again](https://github.com/codebar/Testi
141141
# Additional Resources
142142

143143
You should now understand enough about JavaScript to create and test your own code.
144-
To gain a deeper understanding of JavaScript, we recommend reading [JavaScript, the good parts](http://www.amazon.co.uk/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742), by Douglas Crockford.
144+
To gain a deeper understanding of JavaScript, we recommend reading [JavaScript, the good parts](https://www.amazon.co.uk/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742), by Douglas Crockford.
145145

146146
---
147147
This ends our **Introduction to Testing** tutorial. Is there something you don't understand? Try and go through the provided resources with your coach. If you have any feedback, or can think of ways to improve this tutorial [send us an email](mailto:[email protected]) and let us know.

0 commit comments

Comments
 (0)