jeffchasin.com

My Current Front-end Resources

06 Sep 2013

In the last few days I’ve emailed the same list of links and resources to at least twenty different people, so I thought expanding the list a bit and posting it here would make it easier to reference and hopefully help some who haven’t seen these before.

There is so much noise information out there, I keep a list of my favorite sources for a variety of front-end topics to share with clients and colleagues. Learning, staying up to date and finding good references is always a challenge, so I hope you find some new sources here that help you out.

Please note, this list is not comprehensive, it just shows some of the sources I think are reliable and valuable.

HTML

Like most technical areas, HTML has gone from fairly simple to amazingly complex in recent years. Is it HTML, or HTML5? What about XML and XHTML? Here are some links I find very useful, and clients have been very happy to have.

HTML Tutorials

  • Basic HTML and CSS has 10 bite-sized, free lessons that are really well done, easy to understand, and will give total beginners a great start on becoming much more comfortable with the basics.
  • Advanced HTML and CSS is the next step, introducing topics like performance, positioning, RWD and even the basics of jQuery.
  • Learn HTML is from the Mozilla Developer Network, a site I’m on all day long. Intro and advanced articles, with HTML5 coverage too.
  • For more hands-on practice, the Codecademy HTML track is worth a look.

HTML News, Articles and Updates

  • HTML5 Rocks for blog posts, tutorials, case studies and recent developments in markup standards.
  • HTML5 Doctor is a must for your RSS reader.
  • HTML5 Weekly is a great weekly newsletter.

HTML References

CSS

I have to confess that deep dives into a large batch of CSS files can give me headaches. One of the best sources I use for this is a dead-tree book version of Cascading Style Sheets: Designing for the Web (3rd Ed) by Bert Bos and Hakon Wium Lie, the guys that led development of the first standard. They explain the core concepts very well. Other online sources here:

CSS Tutorials

The first two HTML tutorial links above are a great introduction. For more in-depth coverage, these are helpful:

CSS News, Articles and Updates

CSS References

JavaScript

Searching for JavaScript on Google today shows “About 1,500,000,000 results”. In my futile attempts to cut through the noise, I stick with the sources I know.

JavaScript Tutorials

JavaScript News, Articles and Updates

JavaScript References

  • David Flanagan’s JavaScript: The Definitive Guide is, well, definitive. It’s also one of the best written technical books I ever read. Definitely goes to the deepest end of the pool, but the concept explanations are awesome.
  • Nicholas Zakas’s Professional JavaScript for Web Developers is also a great book with lots of clear example code and clear explanations.
  • Mozilla’s JavaScript Reference has a very handy search field that I use every day.
  • caniuse.com is a must for quick browser compatibility look ups.
  • JSLint also hurts your feelings and helps you code better.

One trick I use for finding reliable answers fast is with Google searches. I just prefix my search term with ‘mdn’ (no quotes) and the results are typically from Mozilla’s Developer Network. Like this.

If you have any favorites that I missed, please let me know @JeffChasin.

Recent Links 1/30/13

30 Jan 2013

Writing is hard, so do it - good reminder that writing is a great way to put what you know to good use.

One line browser notepad - cool geek trick. I spend most of my day in a few browsers, so this is a handy little bit for a bookmarklet and quick notes-to-self. h/t @chriscoyier

EasyFind (for Mac) - a great, free, desktop search program from the makers of DevonThink.

DevTools Autosave - great Chrome extension to, um, ah, auto save your changes from the Dev Tools panels.

JsMinifier - Sublime Text plugin to minify JS using Google Closure compiler.

Next Up

19 Jan 2013

Lately, it seems like there's a bit of a #measure meme happening around me, with some truly awesome people I know moving on to new jobs and posting about the experience. Rudi Shumpert flew to the moon, Matt Wright ended a chapter, Michele Kiss became a demystifier, and Tim Patten started new adventures. And those are just the posts I know about, sorry if I missed yours. Since I'm a bit superstitious and I don't want to break the chain, I'll give it a shot.

I'm very excited to start a new phase of my career tomorrow, when I join the team at Search Discovery. I'll be helping out with the Satellite technology management platform there. It's an understatement to say I'm humbled by this move. Of all the people working to make the Web better, these are some of the smartest and most talented people around. I'm very grateful for the chance to work with them, and I hope some of their smarts rub off on me.

But enough about me, I thought this might be a good chance to put together some thoughts that might be useful to others in this little niche of the Web. If you're thinking about your career in Digital Analytics, or a new career in this area, I hope it helps get you thinking.

I have a friend who was in the Air Force during the first Gulf war, and I asked him what it was like to fly fighter planes. He said it was like playing a video game while riding a rollercoaster with your hair on fire. And, of course, people shoot at you. There are times when this industry feels like that, minus the bullets. Things move crazy fast and if we don't make a serious effort to be students of the game, the changes will run us over and leave us behind. Everyone I know in this field struggles to separate the signals from the noise, to separate the truly important changes from the fads, and to keep up with the relentless pace of technological "advancement".

tweet

The half-life of some topics in our space feels the same, about 6 weeks or so. When I first started in this field about six years ago, someone told me it was a "multi-disciplinary" area, and I would never get bored because there was so much to learn and so many different things involved. Bit of a double-edged sword there, for sure - some days you're the windshield, and some days you're the bug. Either way, if you have to work, it's a lot of fun and there are a lot of awesome people around.

These are just a few of the areas we might deal with as analytics professionals, a few bullet points I use to remember how broad and deep this little analytics space can reach. A few of the skills we learn and manage during our careers in this niche.

  • Analytics
    • Site tagging
    • Business reporting and analysis
    • Excel data analysis, dashboards, APIs
    • Data visualization
    • SEO analysis
    • SEM analysis
    • Display ad networks & analysis
    • Campaign tracking & analysis
    • Channel analysis / Channel mapping / Referrer segmentation
    • Segmented funnel analysis
    • Dashboards within various tools (GA, SC)
    • Email marketing
    • Ad-hoc reporting requests from our "favorite" campaign manager
    • About 1,000 other things
  • Implementation / technical expertise
    • configuring data capture and tools, integrating data sources, programming in-house tools
    • Relevant technologies/tools: HTML, CSS, JavaScript, SQL, PHP, Python, RegEx, XML, Git, Tag Management, Google Analytics, SiteCatalyst, Test & Target, GWO, Optimizely, KiSSMetrics, Mixpanel, Localytics, etc.
    • Web performance optimization
  • Testing & optimization
    • A/B & multivariate testing
    • Design of Experiments
  • Statistics
    • R, SAS, SPSS
    • Statistical analysis
    • Regression: linear, logistic, multinomial, etc.
    • Bayesian analysis, segmentation & clustering, time series analysis, etc.
  • Business Intelligence
    • Combining data sources, data warehouses, etc. & using BI tools for reporting & analysis
    • Microstrategy, Cognos
  • Qualitative analysis
    • UX research and qualitative data analysis
  • Research skills
    • Customer research, competitive intelligence
    • Syndicated data research & analysis
  • Social media monitoring & analysis
  • Project management & process improvement
    • Strategy, planning, closed-loop management
    • Measurement plans for new sites, redesigns, etc.
    • Coding, testing, debugging, documentation, code-reviews / QA, production deployments, monitoring & alerting, maintenance & support
  • Content strategy, content marketing, content & app management & analysis
    • Content effectiveness, audits
    • WordPress, Django, Drupal, Interwoven/TeamSite, WebSphere Commerce Server, etc.
  • Persuasion skills
    • Influence different stakeholders and drive strategy
  • Presentation & communication skills
    • Writing, editing, basic design skills
  • "Soft skills"
    • Good reputation with customers
    • Respect of peers
    • Ability to solve highly complex problems
    • Organizational ability, attention to detail
    • Ability to manage your time, prioritize tasks and work under (significant) pressure
    • Ability to work successfully with remote, virtual teams in complex matrix organizations
  • The 10,000 other topics I left off the list

I'm avoiding "mobile" and "data science" just to stay out of Pandora's box.

We also work with a variety of people in large companies, doing related, but also very different types of work. A few people (roles) we usually work with at some point:

  • C-level executives
  • Consultants
  • Content strategists
  • Corporate webmasters
  • Designers
  • Digital agencies
  • Financial analysts and accountants
  • Front-end engineers
  • Information architects
  • Information security specialists
  • Marketing managers, campaign owners
  • Media planners
  • Merchandising managers
  • On-site ad revenue managers
  • Outsourced specialty programming shops
  • Paid search specialists
  • Programmers
  • Project managers
  • Sales
  • SEOs
  • Social media managers
  • Software architects
  • Statisticians
  • Usability and accessibility specialists
  • UX specialists
  • Vendor account managers
  • Writers / journalists / editors

I haven't even scratched the surface of all the technologies, areas and people we deal with, but I use these lists for myself every so often just to get some perspective. This also helps me remember that there's no way I can keep up with it all. I'm very grateful for the help and support of such an awesome community, but Tim said it best:

patten-tweet