SK8Tech

Web • App • Design

[sk8tech-blog]

微信小程序开发 —— IDE常用快捷键

自小程序发布以来，无论是悉尼，墨尔本，还是布里斯班，SK8科技一直致力于为澳大利亚中小企业提供一站式的IT服务，包括品牌设计，网站建设，App开发，在线推广等。

短短一年时间，小程序以及成为了华人流量的主要入口之一。为提高微信微信小程序开发的效率，我们整理了一下微信小程序开发工具的快捷键，分享给大家。

常用快捷键 格式调整

Ctrl+S：保存文件

Ctrl+[， Ctrl+]：代码行缩进

Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块

Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行

Shift+Alt+F：代码格式化

Alt+Up，Alt+Down：上下移动一行

Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行

Ctrl+Shift+Enter：在当前行上方插入一行

光标相关

Ctrl+End：移动到文件结尾

Ct…

View On WordPress

[sk8tech-blog]

Word Press Multisite Network

Word Press Multisite Network

What is WordPress Multisite?

A WordPress multisite network allows you to run and manage multiple WordPress sites from a single WordPress installation.

You can create new sites instantly and manage them using the same username and password. You can even allow other users to signup and create their own blogs on your domain.

Pros of Using a WordPress Multisite Network

In many situations, a WordPress…

View On WordPress

[sk8tech-blog]

Difference Between a Web Designer and Web Developer

Difference Between a Web Designer and Web Developer

Web Designer

Web designer use graphic design software such as Adobe Photoshop, Illustrator and InDesign to create an outfit of the website. Web designer may not a person who writing a code and also they will work independently in some case. Much of web designers’ job is creative and uses both intuition and imagination, often characteristic of people who are considered right-brained. They collect…

View On WordPress

[sk8tech-blog]

12 Critical Elements For Homepage

12 Critical Elements For Homepage

A homepage should be designed to serve different audiences, from different origins. And in order to do so effectively, it needs to be built with purpose. In other words, you’ll need to incorporate elements that attract traffic, educate visitors, and invite conversions. So to improve the performance of your homepage, check out the following infographic detailing 12 critical elements every homepage…

View On WordPress

[sk8tech-blog]

Brand Strategy

What is a Brand?

A brand is the sum total of associations, feelings, attitudes and perceptions related to a company, product or service. It is a relationship with the customer and a promise to deliver a specific set of features, benefits and services.

Why Invest in Brand Building?

A brand is one of the few things a company can own forever. Without patents, technological insulation or barriers to…

View On WordPress

[sk8tech-blog]

Hosting

Shared server/ hosting service

Shared hosting service or shared server allows multiple websites to utilize a single server. Each customer will normally have a limit on the total amount of server resources what they can use. However, it will be defined by your hosting package. Shared hosting is the cheapest and the most economical option. Unfortunately, their cheap price comes with limitations.

Sh…

View On WordPress

[sk8tech-blog]

Privacy, Privacy, Privacy...

Privacy, Privacy, Privacy…

Just updated our Privacy Policy to be compliant with the Euro GDPR.

View On WordPress

[sk8tech-blog]

We're hiring!

We’re hiring!

Come join us at SMC Conference & Function Centre.

We’re lookint for web designers and app developers to join our team!

View On WordPress

[sk8tech-blog]

[悉尼|中国] SK8Tech 招募 UI设计师，Front-end开发

<!-- 投简历请戳我 -->

关于SK8Tech

SK8Tech是一家创新型IT Consulting公司。我们由客户需求出发，在IT范围内，以创新的方式，为客户提供深度定制的一站式解决方案。

SK8Tech同时也致力于开发一些独立的创新型项目，为开发者社区提供一流的工具和服务。

这个团队成立于13年， 于2014年进军澳大利亚 ，现成员大多定居悉尼，是以技术基因为基础发展起来的团队。现作为一个独立的创业公司，我们除了继续吸引技术和专业上足以独当一面的人才外，也希望接纳一些潜力还没有完全发挥的未来之星和团队一起成长。当然，除了技术外，性格，激情，兴趣上的匹配也非常重要。

我们需要的 UI设计师

有Pixel-Perfect的严谨态度

有舍我其谁的挑战精神

有荣辱与共的团队意识

精通Photoshop，AI 以及/或 Sketch   

有丰富的UI设计经验 

我们需要的 Front-end开发

有着把一切重复的过程都自动化为一键操作的洁癖

有舍我其谁的挑战精神

有荣辱与共的团队意识

精通HTML，CSS，JS

熟悉Angular，Bootstrap， Jquery等常用开源框架

遇到新问题时善于自己开发工具解决

你关心的也是我们最在乎的

充足的安全感：透明的薪酬和养老金，社保以外的补充工薪保险。节假日外，全年至少12天年假。

足够的成长空间：免费的报销书籍，以及免费提供各类线上学习的账号，以及定期的技术培训。

趁手的兵器：公司提供工作电脑，PC，Mac自选。也可自带电脑。

关注你的身体健康：随时随地可以享受的按摩设备，一起运动的小社团。

自由的工作环境：弹性的工作时间及地点，简单有效的沟通和流程，专心做事的技术氛围，悉尼/堪培拉的多重选择。中国员工可在家办公。

愉悦的团建：吃饭电影不能少，烧烤自助随便挑。

<!-- 投简历请戳我 -->

[sk8tech-blog]

The Protocol-relative URLs

Morning! It's a brand new week! Last week we’ve talked about ‘track by’ for AngularJS. This week, let’s talk about HTTPS.

During our final days with NoodleZero Web Developmet, one issue really bugged us is when deploying the website, Chrome and other web browsers started to give us a hard time handling the payment.

Well no one’s gonna pay with a website does not use a secure connection is there?

So after digging, here's few lessons learnt:

Domain is cheap, but SSL certificates ARE expensive.

For websites with SSL certificates installed, it is ALWAYS recommended to send info through HTTPS connection. (CORS issue)

If you're using HTTPS version of the website, all sources has to be under HTTPS as well.

An easy way to achieve so is, instead of writing 'http://xxx.js' or 'https://xxx.js', write '//xxx.js' instead.

The method is called Protocol-relative URL, the website will automatically load the version of the site which matches your Protocol. 

E.g. If http://shelf.is is loading Jquery, it will load http://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js

And If https://shelf.is is loading Jquery, it will load https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js

Here’s a very nice article that helped us a lot.

http://www.paulirish.com/2010/the-protocol-relative-url/

That’s it for the week! Happy coding! @jacktator @shelfsdk

Please follow us on Twitter or Tumblr for more tech reviews and blogs.

SK8 Tech

Web App Design

http://sk8techs.com

[sk8tech-blog]

Common bug using Angular & Parse.com(or MongoDB)

Morning guys! An exciting week of coding awaits! But before we dive right in, here's a bug we've experienced when developing the website for NoodleZero. Hopefully this blog can help you when dealing with AngularJS and Parse.com(or MongoDB).

For those using Angular would know, the awesomeness of ng-repeat. It make repeating contents so much easier. We love it. However do you know how Angular keeps track of each item? 

If you read a bit further into the document, It does so by either of two ways.

If 'track by' is specified, Angular will track the items by 'track by'

Otherwise, angular is going to insert a '$$hashkey' to each object that's being repeated, including object within the object.

And this creates problems when, say I'm repeating a product list like this:

<script>var fruitList = [

{”name”: “Apple”, “id”: “abc”}, 

{”name”: “Pear”, “id”: “xyz”}

];<script>

<div ng-repeat="fruit in fruitList">

<span ng-bind="fruit.name"></span>

</div>

A $$hashkey is automatically injected into the 'fruit’ object. 

When you try save it to Parse.com(Or MongoDB database) later, you'll see error '$$hashhkey is not valid for storage'. 

To avoid this FATAL error, you should always set 'track by' when doing ng-repeat. 

<script>var fruitList = [

{”name”: “Apple”, “id”: “abc”}, 

{”name”: “Pear”, “id”: “xyz”}

];<script>

<div ng-repeat="fruit in fruitList track by fruit.id">

<span ng-bind="fruit.name"></span>

</div>

Once 'track by' is provided, instead of inserting the troublesome '$$hashkey'.

It is ok to track by a nested property, as long as the ‘track by’ you provide is unique. 

<div ng-repeat="fruit in fruitList track by fruit.property.id"></div>

In conclusion, when dealing with ng-repeat, ALWAYS set 'track by' when using ng-repeat if possible. Saves you lots and lots of future hassle.

That’s it for the week! Happy coding! @jacktator @shelfsdk

Please follow us on Twitter or Tumblr for more tech reviews and blogs. 

SK8 Tech

Web App Design

http://sk8techs.com

[sk8tech-blog]

Summer interns 2015

Hey guys, We’re hiring summer interns. Position includes,

Web Design

UI Design,

Associate marketer,

SK8 Tech is a start up, with branches in Canberra, Sydney. We build awesome websites and apps using cutting edge technologies. As business grows, we’re looking for more talents and potentials to join our team.

This summer, we’re offering intern opportunities for:

Web Designer,

UI designer,

Associate marketer,

Requirements:

For web and UI designers, fluent with Sketch or Photoshop

For Associate marketer, relevant experience would be preferred.

Responsibilities:

For web and UI designers, you will be working closely with the tech team on innovative projects. 

For Associate marketers, you will assist in creating and running SEM campaigns. You will also be doing content marketing, maintain our social media profiles.

This is no ordinary internship or school play. You will face lots of real challenges and you will learn to overcome problems, The tougher the challenge is, the better you’ll become

By the end, you will get…

LOTS of experience

Problem solving skills

An recommendation letter from us.

A part-time/full-time position in SK8 Tech, depending on your performance.

Application:

We value experience more than degree. Please forward your work or resume to [email protected], and we’ll get back to you soon.

SK8 Tech Management,

31/10/15

[sk8tech-blog]

#ui design with #oldschool pen and paper #sk8tech http://sk8techs.com What's you biggest idea? :D (at SK8 Tech)

[sk8tech-blog]

Official now! #SK8Tech WITH #Google sk8techs.com :)

[sk8tech-blog]

#MorningTea break! Wow! That was intensive! #SK8Tech sk8techs.com

[sk8tech-blog]

#SK8Tech at #GooglePartner MasterClass! Amazing place and amazing people! (at Dalton House at Jones Bay)

[sk8tech-blog]

It's beginning :) #Google #SK8Tech