Addendum: Not that much time passed and I got two helpful responses on the forum. Turns out I made some minor, newbie errors. Oh duh. Now, back on track.
Sunday, December 15, 2013
Ten Days Down the Road
Addendum: Not that much time passed and I got two helpful responses on the forum. Turns out I made some minor, newbie errors. Oh duh. Now, back on track.
Thursday, December 5, 2013
Day Three of My Forey into CSS
So I decided to look through some of the other books I've collected over the years and have been ignoring, and I selected this book from 2009. Yes, I know there's a more recent edition available, but this one is in hand right now, so why wait? It seems enough to get me started and I'll have a leg up on CSS by the time the other book arrives.
The question now is whether or not to just concentrate on CSS or to do as Codecademy previously (through automation) suggested and move on to JavaScript via their tutorial? Interestingly enough, that track is telling me that I finished the first section in Introduction to Programming. I hadn't realized I'd let so many of these tasks incomplete until revisiting the site of my old haunts, or perhaps I should call them "my old sins."
I suppose it wouldn't hurt to at least see what I was supposed to have learned in the distant past. Especially since the book I ordered from Amazon yesterday addresses HTML5, CSS3, and (drumroll) JavaScript.
The CSS book I'm using at the moment is rather slow going, but it's taking me over some really basic stuff I went through at Codecademy, and I could probably use the review to continue cementing this into my leaky memory. Oh, I installed the TextWrangler code editor on my Mac at work. Not the greatest tool I've used, but it's free and does a descent job. I really miss how the online editor at Codecademy worked. You could toggle back and forth between the HTML and CSS tabs to do the editing, but the Results window instantly showed your changes. Beats having to continually refresh a web browser.
I find it interesting that after ignoring this blog for over a year, I should be writing daily blog posts here. Go figure.
Wednesday, December 4, 2013
Finished Codecademy's Web Fundamentals Tutorial, but...
I finished Codecademy's Web Fundamentals tutorials They lessons are broken down into the following sections:
- Introduction to HTML
- HTML Basics
- Build Your Own Webpage
- HTML Structure: Using Lists
- HTML Basics II
- Social Networking Profile
- HTML Structure: Tables, Divs, and Spans
- HTML Basics III
- Clickable Photo Page
- Introduction to CSS
- CSS: An Overview
- Design a Button for Your Website
- CSS Classes and IDs
- CSS Selectors
- Sorting Your Friends
- CSS Element Positioning
- CSS Positioning
- Build a Resume
Before my tutorial "hiatus" some months ago, I had stopped right after "Clickable Photo Page" and before "Introduction to CSS". A perfect place for me, actually. I did the CSS section in two days and felt pretty confident until I got into "CSS Positioning." Even though I solved all the problems (there's a lot of help) and successfully completed the tutorial (earning various "badges" along the way), when I built my Resume as the last task in the CSS section, it looked awful. Technically, the code was all correct, but the header stacked over the left and right divs and I could never figure out how to correctly style the text in the footer.
I certainly give props to the folks at Codecademy for how well this tutorial flowed. I've gotten farther in understanding CSS than half a dozen books and various websites have taken me. But when I was prompted to take the JavaScript tutorial next, I knew I was hardly ready. There's a lot more to web design than what I learned in this set of lesson. Got "intermediate web design," folks?
Tuesday, December 3, 2013
Oh man! I've really ignored this place!
But that's changing.
I've made a number of abortive attempts at learning in other venues including Codecademy. I felt like I wasn't learning how to program there either, but a number of months ago (I don't remember how many), I "started with the basics," as Edna might say, and revisited Codecademy's vanilla-level HTML tutorials. I know. That's shamefully elementary, but I wanted to get back into an area where I felt comfortable and at home, and then start ramping up again...slowly.
But I got distracted again and let it slide.
However, performance evaluations have a habit of shaking one out of complacency and overcoming inertia. I perform some routine maintenance tasks on two websites for the folks I work for. No real heavy lifting, just add a blog post, insert a news item, post a job listing, that sort of thing. We hired a company to do all the design and development which I would be helpless to accomplish.
Now, one of my goals for the coming year, my official work goals, is to learn more about web design and maybe even some development work so I can take greater responsibility for our sites. My boss will pay for any training that I want (within reason). The problem is, where to look for the resources I need to accomplish my goals (and they're not tightly defined)?
I decided to revisit some old friends of mine, namely the Certforums IT certification boards. I received some suggestions besides the CIW Web Design Certification I was initially considering. You can click the link for Certforums to get the details.
While asking more questions online and pondering my options, I logged into the Codecademy site and discovered that I had stopped my last tutorial right on the edge of "Introduction to CSS".
I've been missing this blog. It was my first blog and I have a nostalgic attachment to it. I see that fifty people are subscribed so when I post a new article after over a year, I can only imagine fifty people are going to fall over in shock...or wonder, who the heck is that, having forgotten all about me and an old blog called "A Million Chimpanzees."
If you've taken the time to read my entire request posted at Certforums and you'd like to respond with something helpful and polite on this blog, I'd be appreciative. If not, then at least I've gotten the ball rolling on this neglected corner of the blogosphere.
As I discovered when writing on another of my blogs (where I spend most of my time these days), blogging is a great way for me to process information. I think that's what I was trying to do here too, but the information wasn't sticking so my determination flagged. Since I've made learning basic web design skills a work goal along with a number of other priorities, I can't just drop it again. What I can do though, is blog about what I'm learning, what I'm not learning, where I'm stuck, and where I'm going.
I don't expect a lot of people to care (barring spammers, of course), but like I said above, any reasonable suggestions and responses are welcome.
As I make my way through the next series of Codecademy tutorials, I'll post my progress. If something else comes up, I'll mention that, too. If you've got other suggestions (books, online resources, and so on), let me know.
Thursday, October 14, 2010
HTML5: Up and Running
Format: Paperback, 240 pages
Publisher: O'Reilly Media; 1 edition (August 25, 2010)
ISBN-10: 0596806027
ISBN-13: 978-0596806026
I became impatient with the history lesson in Chapter 1 and wanted to test drive HTML 5. What's different? What's new? Guess I'll have to work to find out. As the blurb I found at Amazon said of HTML5, It’s not one big thing. It's not a matter of learning a new markup language from scratch, which is both a good and bad thing. In fact, again to quote the author's blurb, “Upgrading” to HTML5 can be as simple as changing your doctype...In HTML5, there is only one doctype: !DOCTYPE html. That's encouraging, but just how easy is it to learn HTML5 and how easily can you learn it from Pilgrim's book? I went in search of the answers.
The first place I went was the book's Preface to see where I could find a link to the source code. I was pointed to the author's site Dive Into HTML5, which is the original book on which the book I'm reviewing is based, but it didn't have a clear cut link to anything called "source code". Maybe this is where It’s not one big thing comes back to bite me.
Chapter 2: Detecting HTML5 Features introduced me to Modernizr (yes, I spelled it right), which is a nifty JavaScript library that detects the HTML5 and CSS3 features your browser will support. It also creates a self-titled global JavaScript object containing the properties for each such feature. However, if your browser doesn't support certain HTML5 features, Modernizr won't fix it. But what about learning HTML5? We kind of got away from that.
Oh wait! Chapter 3: What Does It All Mean? helps. I found the link to a set of code examples which got me started. Then, as I progressed through the book and through the author's site, which runs in parallel and often in duplicate, I realized how the book was organized. This is no small feat, but maybe it was my expectations that made the task difficult. I was expecting a front-to-back guide to getting started with HTML5 and what I discovered was a collection of loose pieces in a box.
Learning HTML5 from Pilgrim's book is like putting together a jigsaw puzzle. When you first open the box, all you can see are a collection of jumbled pieces that, taken at a glance, don't make a lot of sense. If you had never encountered a jigsaw puzzle before, you might look, become confused as to what these pieces mean lying in such disarray, close the lid, and walk away looking for something more comprehensible.
One missing pieces of the puzzle, so to speak, is a knowledge for HTML4. Imagine the raw code of an HTML4 web page. Now imagine that you are presented with a list of tags and other markup elements you're not familiar with. What are you supposed to do with them? How do they work? What do they replace (if anything)? Using Chapter 3 on his web site for an example, I tried to navigate around until I could find something I could sink my teeth into.
Got a lesson on DOCTYPE, history lessons on the root and head elements, lots of other stuff to scan past, a section called A Long Digression Into How Browser Handle Unknown Elements, more stuff...more stuff...then it began to register. I started to hit spots on the pages that said stuff like, this is how we used to do things (add example of old code) and this is how you do it in HTML5 (add example of new code). The information is there, it's just not organized and called out the way I wanted it.
I went back to the book, compared it to the same pages on the author's site and "got" the organization. It may be a matter of how I think vs. how the author thinks, but from that point on, it was easier to tease what I wanted to know out of the book's pages.
I think HTML5 is fabulous but I'm not sure that HTML5: Up and Running is the best book to use as an introduction. It most definitely is not the best book to use for an introduction if you aren't familiar with HTML in general. I'd recommend navigating the author's website before buying the book. If you "get" the website, you'll "get" the book. They're pretty much the same thing.
Sunday, January 31, 2010
Book Review: Web Design for Developers
Author: Brian P. Hogan
Format: Paperback, 300 pages
Publisher: Pragmatic Bookshelf; 1st edition (December 15, 2009)
ISBN-10: 1934356131
ISBN-13: 978-1934356135
While there can be some overlap between web designers and web developers, they tend to define their own specific worlds. However, what if a programmer would also like to be better at design? Where does he or she go? Turns out Brian Hogan and the folks at Pragmatic thought in that direction as well and came up with Web Design for Developers. I guess the title gives it away. But is this book just for programmers who want to learn design?
On the surface, the answer to that question seems to be "yes". You've created a killer web app but the appearance of said-killer app looks lousy...or at least doesn't look as good as you'd like it to be. Of course, you probably know someone who could help out with the design, but it might be nice to be able to do the job yourself. How to begin? The blurb on the back cover mentions magic words such as PhotoShop and CSS so I'm guessing that's where you'd start. I still can't imagine that a book like this is only for programmers, though. Let's dig a little deeper.
Well I'll be darned (or something). As I began looking through the book, the target audience seems to be folks who are cracker jack web developers but who really don't have much of a clue about how to actually design a web site. I point you to Chapter 9: Building the Home Page with HTML as proof of this. For people who've mastered the arcane intricacies of ASP, PHP, Python, and Ruby on Rails, I wouldn't think a simple markup language would be much of a chore, and for some programmers I know, it's not. Actually, for most programmers I know, it's not. On the other hand, while HTML might not be much of a basic challenge to a developer, creating a web site and making it look good could be an uphill climb, as it requires something of an artistic way of viewing the web.
That explains the earlier chapters in this book, which includes basics on style, color, fonts, and graphics. To my relief, Hogan did mention both GIMP and PhotoShop, so his book isn't a slave to proprietary software. That's good, because designing for the web can be done very expertly utilizing the world of open source tools. This also gets at what I was alluding to a few paragraphs ago. Do you have to be a programmer to benefit from this book? No.
What do at least some web developers and any one else who wants to design web sites but have little or not experience with the job have in common? The question provides the answer. There's nothing in the book's presentation of the topics involved that can only be understood by programmers. If a developer can read and understand font and typographic basics, so can the non-developer. The would-be web designer picking up this book will likely get the same information and skills practice as the programmer thumbing through the pages.
I particularly liked the section called Adding Graphics, which contained a number of chapters instructing the reader how to put together a mock-up site, focusing on structure and content. If you don't have experience making an image in your imagination turn into a real web site design, these chapters will help you operationalize your images and your dreams...and this comes before even one word about HTML and CSS.
Another nice feature in the book that I rarely (but not never) see is how to design for web browsers. The author slams Microsoft's Internet Explorer, and rightly so, but also addresses what you have to do to design for IE's tendency to work outside of accepted standards, particularly IE6 (which should just plain be abandoned). From designing for people who are visually impaired to designing for mobile devices, Hogan hits all the areas someone building for the web in 2010 needs to understand.
The mock-up site designed early in the book has a life throughout its pages and acts as an anchor for developing and refining all of the different tools and techniques practiced by the reader. Some content, such as testing and performance optimization (Chapter 20) might be more familiar to programmers than other folks, but, if you've gotten this far in the book, you'll probably be ready to tackle such tasks anyway.
I can't say the book is revolutionary or that I haven't seen its content in other books, but taken all by itself, Web Design for Developers is a good primer for anyone who would like to learn web design from a global perspective. From graphics, to color, to fonts, to HTML/CSS, and onward, Brian Hogan has written a solid little book that should get you off the ground and into web design, whether you're a programmer or not.
Wednesday, September 16, 2009
The CSS Anthology: 101 Essential Tips, Tricks & Hacks
Paperback: 400 pages
Publisher: SitePoint; 3rd edition (July 28, 2009)
ISBN-10: 0980576806
ISBN-13: 978-0980576801
I previously reviewed the 2nd edition of this book, so I was interested in what was changed and/or added in its current incarnation. Of course, the release of Firefox 3 and IE 8 are enough to warrant an updating of "tips and tricks" relative to CSS and web design, but was there more? The back cover blurb didn't indicate such, but I looked further.
The Preface seemed a likely place to start. There is no What has changed in this book section. The What's Covered in this Book? portion is a detailed summary of the TOC, but doesn't mention how chapters here compare to those in the prior edition. The Who Should Read this Book? piece is as you might expect: aimed at people who need to use CSS, such as designers and developers, and who don't need a lot of hand holding. Sorry if that sounds "snarky", but this book has always been about getting up to speed fast and dispensing with high level explanations and theory.
Chapter 1 is actually a quick tutorial on CSS, if you need a bit of a refresher. That shouldn't really include the main audience for this book, but there will be people who buy Andrew's text who might benefit. Chapter 2 also tends towards "the basics" as the title indicates: Text Styling and Other Basics. Fortunately, this chapter is also the start of the "anthology" content of the book, offering information formatted as Question, Solution, and Discussion. The Discussion part of each "tip" is certainly the largest, containing information on any specifics, curve-balls, and gotchas that may be contained in the particular technique involved.
Chapters are organized into functions such as Navigation, Tabular Data, Forms and User Interfaces, and so on, so if you have an area of interest or need, just shoot right to the relevant chapter, and then find the required task. Chapter 6 is the "Forms" chapter, but is really only half the story. Yes, it covers the browser end of forms, but of course, they won't really work unless you have the server side configured as well (think PHP, for instance). In that sense, the chapter and the book operate as one piece in the larger puzzle of web design and development. It's also a reference by design, so don't imagine that it's the first book you'll need to learn CSS.
I was mainly interested in Chapter 7: Cross-browser Techniques, since that's the primary reason for issuing another edition of this book. Designing websites for different platforms requires the designer to think in very broad terms, depending on the designer's audience. You have to address the most widely used browsers (unless you're serving a niche market), plus consider both PC/Mac, and mobile device platforms, if you care about that sort of thing. A common newbie designer mistake, is to create a site and test it on only one browser (and only one version of that browser), and only one OS. I've created what I thought of as a beautiful site when viewed in Firefox on Linux, but that turned out to be a "problem child" when I looked at it in IE 7 on XP. Andrew includes a nice little table on page 220, outlining the various browser and OS platforms to consider, including Safari, Chrome, and Konqueror, so a lot of thought has been given to this matter.
Chapter 7 is the "testing" chapter, instructing the reader on the options for being able to view their creations on Windows, Linux, and Mac (Linux live CDs, dual booting options, and so on). We are all some kind of "user". I tend to be a Linux user, but my wife exclusively uses Windows, and my daughter tends towards Mac. Developers have preferences as well, but letting those preferences dictate how you design and test can be a critical mistake, especially if you're doing this for money, and your company wants your product to work equally well for all customers.
I've read bad reviews on the previous edition of this book but, in my opinion, it was the reviewers who made the mistake. Their basic assumption was that they could learn CSS, more or less from scratch, by reading Andrew's text. This is not the intent of this book. If you know little or nothing about web design in general, and CSS in particular, acquire those skill sets first. This book is intended to help the reader solve specific problems, relative to the latest OS, browser, and hardware platforms, not to be a general introduction to the topic.
SitePoint offers a couple of forums to support the book, which is great, since I sometimes have questions about content that I can't get answered any other way. I did find the pop-ups on the forums rather annoying, though. Nice that you want to market your books, SitePoint, but if I'm on your site, I'm already aware of them and interested. Don't kill the "magic" by being too commercial.
If previous reviews of a book are good (as is the case with this book), then usually (unless the publisher or author decided to completely throw a monkey wrench into the machine) subsequent editions will maintain the quality. Fortunately for SitePoint and Andrew, the 3rd edition is up to snuff. If you fit the audience profile, and need to update your CSS skills for the most current browsers and so forth, The CSS Anthology: 101 Essential Tips, Tricks & Hacks should be on your wish list.



