5 July 2015

JavaScript Best Practices link

This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.

Despite the name, this guide doesn’t necessarily mean “the only way” to do JavaScript.

We just gather all the articles, tips, and tricks from top developers and put it here. Since it comes from exceptional folks, we could say that it is “the right way”, or the best way to do so.

Diselenggara oleh William Oliveira.

4 July 2015

BEMding link

BEM – meaning block, element, modifier – is a front-end naming methodology thought up by the guys at Yandex. It is a smart way of naming your CSS classes to give them more transparency and meaning to other developers. They are far more strict and informative, which makes the BEM naming convention ideal for teams of developers on larger projects that might last a while.

Kaedah penamaan classes pada HTML/CSS, supaya lebih semantik.

3 July 2015

Smashicons! link

Today, we’re happy to release a very large icon set: the freebie contains 500 icons in four editable variants: outlined, solid, webby and flat, covering all sorts of various categories. The icons allow you to customize the stroke width and style, not to mention that you can change the color of the elements. They’re carefully crafted on a 60px grid which gives each icon consistency and crispness on all displays.

Set ikon yang menarik untuk dimuat turun secara percuma.

2 July 2015

Universal Typography link

Quite a bold claim. Can typography be universal? Can it work for everyone and still look good? How can we practice? What should we study? Which fonts and tools work best? Should designers and developers work together on this?

By Tim Brown from Typekit.

1 July 2015

Overwhelmed link

Web tooling is changing at an extremely rapid pace right now and there is a sense of exhaustion, being overwhelmed and anxiety of becoming out of date. “Why is this stuff moving so fast?” cry the developers.

Ya, teknologi memang bergerak dengan pantas pada zaman sekarang jika dibandingkan dengan 10 tahun yang lepas. Bagi saya, puncanya ialah semakin tinggi capaian internet untuk setiap manusia di bumi. Jadi, makin ramai pengguna internet, makin ramai pembangun aplikasi, dan timbulnya banyak startup dengan cepat.

Masalahnya ini tumbul untuk individu yang mahu mula belajar. Dari mana dia hendak mula? Nak belajar CSS atau terus guna CSS framework? Nak belajar PHP atau guna PHP framework? Zaman sekarang semua sudah ada framework masing-masing.

Dulu? Jangan harap.

Jadi, nasihat saya kepada mereka yang ingin bermula, belajarlah dahulu dari asas. Sekiranya kita terus menggunakan framework, dikhuatiri kita akan putus asa bila berjumpa dengan masalah. Dengan adanya asas yang kukuh, InsyaAllah kita tahu apa yang perlu dibuat.

Jangan terlalu mengejar teknologi terkini, dan jangan pula terlalu membaca segala teori sehingga kita terlupa dan takut untuk mencuba. Cara yang paling senang untuk belajar ialah, belajar sambil buat.

Making stuff is how you get better, so just build websites.

— Chris Coyier

Selamat mencuba.

28 June 2015

Awesome Checkbox using CSS link

Checkboxes are great. Combine them with the right CSS and you can pull off some really neat tricks. This article aims to showcase some of the creative things you can do with checkboxes. Read on and keep in mind that the demos in this article use no JavaScript.

Ya, tanpa menggunakan JavaScript.

12 June 2015

Paul Ford: What is code? link

We are here because the editor of this magazine asked me, “Can you tell me what code is?”


31 May 2015

Social Media Image Size Guide link

But don’t strain your brain trying to remember how many pixels go where or scour each site’s help section for the information — instead, bookmark this page and use the infographic below as a cheat sheet for creating all your social media images.

Selalunya kalau guna saiz yang betul, baru gambar tu nampak cantik, kan?

25 May 2015

3 Things (Almost) No One Knows About CSS link

Think you know CSS? If the results of a free CSS test I’ve offered online for the past six months are anything to go on, plenty of practicing developers don’t know CSS as well as they think. Out of over 3,000 people who have taken the test so far, the average score was just 55%.

But hey, an average isn’t that interesting by itself. I was more curious about which questions people were getting wrong. For this article, I’ve run the numbers, and zeroed in on three questions where people scored especially badly. I’ll talk you through each question, show you the answer that most people chose, and explain the correct answer.

Adoi, saya pun salah juga.

23 May 2015

Solved by Flexbox link

CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity.

Finally, thanks to Flexbox, we have a solution.


19 May 2015

Silon link

Silon is an experiment demonstrating the power of CSS selectors. Using LESS to generate selectors from declared logical operations, I implemented simple logic gates, as well as half- and full- adders.

100% pure CSS bro.

Command Line Power User link

11 “I had no idea you could do that” videos for web developers looking to improve their command line skills.

They cover a workflow using some of the best modern tools that relate to using command line tools such as git, npm, gulp and so on.

11 video yang menerangkan tentang penggunaan command line interface dan beberapa tools lain seperti ZSH dan sebagainya, untuk membangunkan laman web dan aplikasi. Sekiranya anda tidak gemar untuk berkongsi alamat emel anda dengan mereka, anda boleh layari playlist siri video ini di YouTube. Ya, sama-sama.

8 May 2015

Codex link

Saya sudah selesai menyiapkan projek terbengkalai saya yang diberi nama Codex, a single page Jekyll build. Saya dah guna untuk codex peribadi saya di dan saya rasa anda juga perlu untuk mempunyai satu.

2 May 2015

Talking about Money & Salary link

I was raised to not talk about salary. This was largely for sociocultural reasons in the American Irish-Catholic middle class, where money was seen as a corrupting influence which should be kept from children for as long as possible. This decision is probably the only major point of difference I have with my parents regarding my upbringing — I would have made much, much better decisions early in life if I had any clue what the world looked like.

— Patrick, Kalzumeus Software