- This document originated from a bunch of most commonly used links and learning resources I sent to every new web developer on our full-stack web development team.
- For each problem domain and each technology, I try my best to pick only one or a few links that are most important, typical, common or popular and not outdated, base on the clear trends, public data and empirical observation.
- Prefer fine-grained classifications and deep hierarchies over featureless descriptions and distractive comments.
- Ideally, each line is a unique category. The ” / “ symbol between the links means they are replaceable. The “, “symbol between the links means they are complementary.
- I wish this document could be closer to a kind of knowledge graph or skill tree than a list or a collection.
- It currently contains 2000+ links (projects, tools, plugins, services, articles, books, sites, etc.)
On one hand, this is one of the best single resources on the topic of web development that I’ve seen in a very long time. On the other hand, it re-confirms my belief in “there is no such thing as a full-stack web developer”. There’s just too many levels, and there’s too much depth to each level for a single individual to be an expert at. But you get bonus points for trying.
Var Masterpiece is a Google Chrome add-on, which formats PHP var_dump() output into something much more beautiful and useful. You can customize the type colors and a few other things in the extension options, once installed.
Slashdot is running a discussion thread on what are the best browser extensions these days. The comments cover a variety of browsers and all kinds of extensions. The most popular are, of course, well know. But there are a few gems here and there.
For me personally, I’ve picked the Tab Snooze extension. I’ve tried quite a few tab management solutions, and neither one of them fits my needs even though most tried (I want to run a single browser window, with dozens or hundreds of tabs open, but I want them to be organized into groups and hidden until later, when I need them). Tab Snooze approaches the problem from a slightly different angle. It sets the reminder for when to reopen the tab, and once that’s done, it closes the tab. You can find all snoozed tabs and open them before the due date, of course.
This works surprisingly well for me. If only I could control the opening of the tabs with something like “17 tabs were woken up and are about to be open. Continue?”. Currently, I get the notification and the tabs are open automatically, which is often not at the best time. Waking up a lot of tabs can slow the system down a bit and get in the way of things on which I’m working at the time.
“Why I left my new MacBook for a $250 Chromebook” is a nice write up of a new Chromebook user. Even though I don’t own a MacBook (or any Mac products for that matter), I have been considering a Chromebook for a while now too.
My biggest concern is obviously programming and system administration tools – editors, terminals, remote access, etc. But it’s getting there.
Apart from the experiences and wishlists, I found these two links useful:
Don’t ask me how, but I’ve ended up in the Google Chrome Web Store, where I spent the last three hours – especially in the Productivity -> Developer Tools category. I knew, there were plenty of apps to make Chrome OS / Chrome Browser super awesome, but it seems it’s been a while since I looked in there … My mind is officially blown!
I don’t need much from my Fedora laptop – a browser, a terminal, and some instant messaging apps. But these days apparently that’s too much. A lot of the things I do through the regular day can be handled right from the browser apps.
Here are some examples.
- Text editors. There is a slew of them! Simple and complex, specialized and generic, fast and … not so much. Have a look at Caret for example. It’s Sublime-like editor, based on the Ace editing component. It offers a selection of themes, syntax highlighting for all the major languages, multiple tabs, project settings, and more!
- SSH client. Yup, that’s right. You can connect to your remote servers right out of the browser, using, for example, ServerAuditor.
- MySQL clients. Choose between a simple command-line one, like MySQL Console. Or a full-featured one, with ERDs and database browser, like Chrome MySQL Admin.
- Git, GitHub, and Gist tools. Which there is a variety of…
- Web server (yes, really, a web server running in the web browser!) – Web Server fro Chrome, debugger (Xdebug), and compiler (Compiler.work).
Most of these offer session saving, networking synchronization, Google Drive data saving, social network integration, etc.
Wow! The browser world has come a long way since Netscape 3 …
Google dropped the support of its Google Chrome browser on 32-bit Linux operating systems. This is very unfortunate, but not deadly. This change doesn’t affect the Chromium browser – the Open Source project behind Google Chrome.
The two are very compatible. In fact, if you use the Google Sync in Google Chrome to synchronize your passwords, bookmarks, settings, etc. to Google, then Chromium will just pick them all up from there, once you login. All your extensions will get installed and will continue working as well.
Here’s a link for those Fedora users who want to perform a manual installation. Using dnf is probably easier:
dnf copr enable spot/chromium
dnf install chromium
Hopefully, 32-bit Linux Chromium will survive much longer…
Update: Here is how to bring back Flash plugin, for those who need it:
file-roller --extract-here ./chromium-pepper-flash-220.127.116.116-1.fc23.R.i686.rpm
mv usr/lib/chromium/PepperFlash /usr/lib/chromium-browser/
Restart chrome after that and verify that you have the Adobe Flash Plugin on the about:plugins page.
Remote debugging on Android with Chrome DevTools sounds like the best thing since sliced bread for anybody involved in web development. TL;DR version:
- There’s no substitute for debugging your site on a real device. Debug browser tabs on your device from your development workspace using remote debugging.
- You don’t have to shift attention between your device and development screens. Use screencasting to display your device’s screen along side your developer tools.
For all those people who complain about my pictures of food, somebody else’s pictures of babies, Justin Bieber photos, and the like, here’s something to try: get rather.
This sounds like a handy tool for anyone who hasn’t been blessed with patience or can’t figure out the “unsubscribe” button.
OctroTree – Google Chrome extension for browsing GitHub code repositories. I promise you, this is one of those things that you wouldn’t believe you lived without before. Fast, convenient, with support for private repositories (via API access token), GitHub Enterprise, and keyboard shortcuts. Absolutely essential for anyone who is on GitHub!
CSS Dig – Analyze your CSS in a new way (Google Chrome extension)