reallyeasycart.github.io/learn.html at master · ReallyEasyCart/reallyeasycart.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en-gb">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Learn | REC+ Designer Hub by ReallyEasyCart</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
    <link rel="stylesheet" href="/css/app.css">
</head>
<body>

    <header class="page-header">
        <h1>Learn</h1>
        <h2><a href="/">Return to REC+ Designer Hub</a></h2>
    </header>

    <main class="page-main">
        <div class="grid unit--learn">

            <section class="unit">
                <a href="./content-blocks.html" class="unit-inner">
                    <h1>Content Blocks</h1>
                    <p>Learn about the different types & options for content blocks as well as many pre-built recipes.</p>
                </a>
            </section>

            <section class="unit">
                <a href="http://blog.stapps.io/diving-into-ftp-devleopment-with-rec/" class="unit-inner">
                    <h1>Designer Tutorial</h1>
                    <p>Get started designing for REC by running through this tutorial.</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://twig.symfony.com/doc/3.x/templates.html" class="unit-inner">
                    <h1>Learn Twig</h1>
                    <p>Twig is the syntax we use inside our html template files.</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://sass-lang.com/guide#topic-2" class="unit-inner">
                    <h1>Learn Sass / SCSS</h1>
                    <p>SCSS is used in the new Rivendell templates, it's just CSS but with a few useful extras like simple variables, nesting, import files and more.</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://blog.stapps.io/livereload-with-ftp/" class="unit-inner">
                    <h1>LiveReload</h1>
                    <p>Using FTP to edit the templates and live reload your browser tabs as you code</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://movingtohttps.com/?platform=rec&hosting=&control=max" class="unit-inner">
                    <h1>HTTPS Migrations</h1>
                    <p>Moving to HTTPS is a community guide to help move any site on any platform to HTTPS.</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" class="unit-inner">
                    <h1>A Complete Guide to Flexbox</h1>
                    <p>Unlike the other links, this guide takes you through using Flexbox, which is how we built this responsive grid. </p>
                </a>
            </section>

            <section class="unit">
                <a href="https://try.github.io/" class="unit-inner">
                    <h1>Learn Git Version Control</h1>
                    <p>Git is awesome version control for your code. Got 15 minutes and want to learn Git online?</p>
                </a>
            </section>

            <section class="unit">
                <a href="http://discover-devtools.codeschool.com/" class="unit-inner">
                    <h1>Learn Chrome DevTools</h1>
                    <p>Explore and master Chrome's excellent developer tools to help you build awesome sites</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://teamtreehouse.com/" class="unit-inner">
                    <h1>Learn HTML / CSS / Javascript</h1>
                    <p>Treehouse is a great resource for getting up and started with web design. But many other similar sites are out there too :)</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://css-tricks.com/where-do-you-learn-html-css-in-2019/" class="unit-inner">
                    <h1>CSS-Tricks learning HTML & CSS</h1>
                    <p>A great roundup of some of the best places to learn HTML & CSS in 2019</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://howdns.works/" class="unit-inner">
                    <h1>How DNS Works</h1>
                    <p>A fun and very useful comic strip about how DNS works</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://howhttps.works/" class="unit-inner">
                    <h1>How HTTPS Works</h1>
                    <p>Like the DNS one, this is fun way to learn how HTTPS works</p>
                </a>
            </section>

            <section class="unit">
                <a href="https://blog.stapps.io/mega-menus-in-rec/" class="unit-inner">
                    <h1>Mega Menus</h1>
                    <p>A way of building a mega menus in REC</p>
                </a>
            </section>

            <section class="unit">
                <a href="/tools.html" class="unit-inner">
                    <h1>Tools We Use</h1>
                    <p>Text editors, web apps and more we use on a daily basis.</p>
                </a>
            </section>

            <section class="unit">
                <a href="/design-guides.html" class="unit-inner">
                    <h1>Design Guides</h1>
                    <p>Useful guides to all things Web Design</p>
                </a>
            </section>

            <section class="unit">
                <a href="/up-to-date.html" class="unit-inner">
                    <h1>Keeping Up-to-Date</h1>
                    <p>Newsletters and Blogs to follow to help keep your knowledge up-to-date</p>
                </a>
            </section>

            <section class="unit">
                <a href="http://support.reallyeasycart.co.uk/solution/folders/100820" class="unit-inner">
                    <h1>Designer / Template Docs</h1>
                    <p>Available template tags, template functions we have and more.</p>
                </a>
            </section>

            <section class="unit">
                <a href="http://support.reallyeasycart.co.uk/solution/folders/259464" class="unit-inner">
                    <h1>Site Requests</h1>
                    <p>Such as requesting a new site, making a site live, etc.</p>
                </a>
            </section>

            <section class="unit">
                <a href="/api.html" class="unit-inner">
                    <h1>API Docs</h1>
                    <p>How to get started with REC's API for development</p>
                </a>
            </section>

        </div>
    </main>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ENDQCYX1FH"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-ENDQCYX1FH');
    </script>

</body>
</html>