My Best 10 Browser Bookmarks for March 2016

Every so often I like to list all the ‘WWW Finds’ I have collected in my browser. Here are my March 2016 bookmarks…

20160311_1143071. First let’s listen to music while we go through them all. Open this, then another tab… Sean is definitely his father’s son.

2. If you have been involved with web-design since the 1990’s, you will know Molly. You might even know here story. Well, she is back. Molly doesn’t let anything stop her.

3. I have used many unusual symbols and characters from here to appropriately populate my website with symbols so that both javascript and other scripts validate properly. It’s a thing I do. So should any web site creator.

4. This is one of the coolest (or is that koolest?) programs any artist can use. I was using it a few years back for stitching panoramas. Now I see it can also be used for straightening architecture – so I may resume using it again.

5. Ever wondered what a reasonable rate you should charge for your work? I remember those days. Who am I kidding? There are still days where establishing an appropriate fee is difficult, because some clients have little to no budget available. But it isn’t about those clients : It’s about establishing your value based on all factors involved – i.e. location, tools, rush-fee, and more. Check this out, it’s worth the read.

6. When a page starts with “Jedi Religion is a very non-dogmatic, non-organized religion. As such, there are few if any rules that can be expected to be followed by all believers“, you know it’s going to get super-loopy the more you read. Yet, for us die-hard star wars fanatics, this is important. Just don’t take it too seriously. Hey, my imaginary figure is as real as yours!

Old Camera 7.Have a Canon camera? Think it doesn’t have enough confusing features already? Then get some more. Aha, this is gonna confuse the heck out of you within seconds of downloading. I am so glad I hesitated.

8. Everyone wants to make movies these days, particularly to put on Youtube. It’s only free with Windows Movie Maker. Sure, it is limited, but pictures of cats and children don’t need much post-production.

9. This less-than-helpful-video makes me laugh each time I see it. Because it happened at our wedding, and I know it happens at other weddings. Thankfully never (at least to my knowledge) at the few weddings I have photographed.

10. Once you get hookedb, you may never exkcape. Only a power failure will do it.


And that is all. See you next month for another list.

Ten Architecture Ideas

It’s been a very long evening (and now early morning) searching for ideas to utilise in our next home. More about the new house later; For now, enjoy these ten quirky houses or architectural concepts:

1. Terraced onto three levels, Atolan House is located on the eastern seaboard of Taiwan, overlooking the Pacific Ocean..

2. Via Sauvagia is a residential development project of contemporary mountain condominium chalets nestled along gentle slopes.

3. Modern architecture intersects with traditional building techniques; there is a concrete structure covered almost entirely in wood. The architects have achieved a wonderful combination and equilibrium between structure, function and design. Concrete takes the shape of the letter “s” to create a protective shell for the house. Wood is not there just for design but also to improve insulation and inside comfort as well, considering that concrete is not a very esthetic material..

4. Naturehumaine chose to eschew the right angles … instead … a sloping roofline on two edges of the home … peaking at one corner and sinking to a single story at each end. This allows two distinct levels of living space, while also keeping in mind that a minimal outward appearance fits best in a natural environment.

5. The infamous Sheats-Goldstein Residence … juts out in concrete triangles and clear glass rhombuses over a panoramic view … It features all the accoutrements of a lifelong bachelor pad: TV screens come out of ceilings, portholes in the pool look into his bedroom, parts of the roof retract to reveal a private jungle planted around the manse.

6. Located south of San Francisco, The Atherton house sits on an internal suburban flag lot … The design solution breaks the program into four buildings – main house, study, pool house and garage … Large sliding glass doors open out to the pond and terrace.

7. Located above San Francisco, The Cloverdale sits on a steep south slope overlooking the valley below. Stands of mature oaks and rock outcroppings frame the existing pool and house site … a 2150 square foot house that opens out to the land and take advantage of the expansive views and south facing exposure … the porch in the body of the house allows it to double as an entry to the guest bedrooms, reducing the need for circulation and the overall footprint of the house … All of the interior and exterior wood paneling, trim and decking was milled down from the logs of the original kit house on the property.

8. Jack’s House has lines, angles and interior fittings that look like they came straight out of our copious graph-paper designs. Seeing our thoughts appear in photographs is a sigh of relief that anything is actually possible.

9. The Box House is a basic cabin in the Australian bush, south of Sydney. The small cabin resembles a timber barn built with a modernist cube shape …

10. House Zilvar is a small wooden house with an unusual shape. The home’s distinctive appearance is the result of what is essentially a shed roof that twists and folds along the length of the house, changing the direction of slope from one end to the other.

More about our new home? Soon, I promise.

CSS Snippets + Sites of Interest

I wrote similar posts to this one a few years ago, but two new loves have stolen my night and online life: Children.

Our first little-man was 2.75 years ago, our most recent lad was born on March 2nd 2015. Aha,  just 3 days ago. He is still in hospital with mum as she recovers from her belly-slashing. I have only hugged him three times, helped him have his first bath, and rocked him to sleep once. He is adorable.

But I digress.

I am a HTML trawler. Yes, I scrape your HTML to learn how a thing is happening and how I can reproduce it. Rest assured, I don’t simply copy and paste. I copy and paste into an editor, test it to ensure I have all the components … then carefully research it. I want to know how and why, it has always been my passion. Heck, when I first got online in 1998, I spent about two years reading LOTS of information regarding HTML and CSS (and a few other webdev languages) as my main focus.

Which is a great segue into my favourite paragraph by Daniel Mall: It says everything about my (sporadic) reading, testing, writing, coding and creating CSS/HTML over the last 16 years. Here it is:

Construction Site I read as much as I could from people like: Mike Davidson, Shaun Inman, Jason Santa Maria, Dave Shea, Jeffrey Zeldman, Jeff Croft, Andy Budd, Eric Meyer, Ryan Sims, Jeremy Keith, Garrett Dimon, Jared Christensen, Mark Boulton, Wilson Miner, D. Keith Robinson, Faruk Ateş, Ethan Marcotte, Derek Featherstone, Greg Storey, Cameron Moll, Roger Johansson, Khoi Vinh, Dan Cederholm, Dan Rubin, and so many more.
/…/ When these people wrote a new post, I read it.
/…/ This was a community I wanted to be associated with.

Wow, me too! And the funny thing? I am rereading their blogs & articles again after a long hiatus. It feels like finding old friends. None of them would know me, but I feel like I know them. Many of the site designs have changed (that’s how well I feel I know these people, I remember some their sites from 10 years ago!), yet their writing style is much the same, though evolved. The webdev bug is strong in me and ready to resume learning.

So now let me show you what CSS/HTML I have found via my #scrape&learn process. I won’t explain each, I simply show them. If you have an interest in this field, you will see the value in them:

Restoration of Rotunda on River Torrens

FIXED ABSOLUTE

/* Sits at base of page, beneath all text. Could be used as a fixed base */
.base { background-color: #666; color: red; text-align: center; padding: 0.5em 0; position: absolute; bottom: 0; left; 0; width: 100%; }
.base a { color: green; text-decoration: none; }
.base a:hover, .back a:focus { color: yellow; }

// Found here

VIEWPORT

Version #1

<meta name=”viewport” content=”width=device-width,initial-scale=1″ />
AND
/* Fix for device screen width */
@viewport {
zoom: 1.0;
width: extend-to-zoom;
}
@-ms-viewport {
width: extend-to-zoom;
zoom: 1.0;
}

Version #2

<meta name=”viewport” content=”width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no” />

JITTER

<p class=”jitter” style=”left: -4px; -webkit-transform: rotate(-1deg);”>

Example here

Cliched View of Adelaide Iconic Horizon That’s enough samples for you. Three each time is enough.

Okay, next I show you interesting #webdev sites. I am always finding and reading tidbits of information about stuff I think can make my own site look better, or else which I can incorporate into #holdingbay pages. Yet since delicious.com fails for me regularly, I will post as articles with my descriptions. Plus it keeps my browser bookmarks tidier! Here goes…

1. Textile live web editor ~ A WYSIWYG editor where the code is on the left an the output is on the right. Includes the final HTML output for easy insertion into the page of choice. I use it for creating blog posts. Textile is so much easier for attaching URLs.

2. Fillerati ~ Lorem Ipsum is often confusing for clients. I had a client a few years back who asked if the content had been hacked on a #dummysite I was showing them. Sigh. This may still confuse them, but at least my english-speaking clients will at least go “Ooooh!”

3. A Pixel Identity Crisis by SCOTT KELLUM January 17, 2012 ~ Basically, pixel definition changes the defined appearance of a site on a smartphone. A long read, but our design process will improve for it.

4. Stephen Coles ~ Visit his ‘bits of work’ pages. Mostly visit to see how he uses his website. Inspirational. # |

5. Carolyn Wood ~ Another great web site design. Simple colours, easy to follow, uncluttered and to the point.

6. HappyCogI have visited their site many times over the years. The home page has changed dramatically since last I looked. Thankfully their articles are still cognitive. ;)

7. Quantity Queries for CSS by HEYDON PICKERING March 03, 2015 ~ Wow. Heavy reading, yet very interesting. May have to read that again. I can see already it will be worth it to incorporate into my site, thereby making it easy to access from a tablet or smartphone. Can see potential for expansion.

8. How to Build an App (.tumblr.com) ~ The thing most fascinating is the slightly tilted paragraphs. The answer is in the HTML. I have included in my sample CSS above. PLUS the article is interesting and educational.

9. What is your ViewPort size? ~ With so many smartphones and devices on the market, how can you be sure of the dimensions of any of them? Yes, this site can tell you. Email to yourself, open in browser on your device. Voila!

Nine is enough. I will try to write these style of posts once a week. Heck, with WordPress I can schedule them – and I still have hundreds of interesting articles and sites waiting to be re-revealed. Watch out for them…

Dell Upgrades Causing Intermittent Buzzing

My DELL laptop, running Windows 8.1, started buzzing every 60 seconds during YouTube video’s earlier this evening (16 Feb 2015). It was annoying and I wasn’t sure what was doing it. Was it Youtube? Was it the laptop? Was it my gaming software?

Rather than being an average user (ie: wondering how much I would have to pay Richard Pascoe to fix my laptop), I researched online to determine if it was a known issue.
Colour Coded

TIP #1: The first thing you learn on most ICT help-desk’s is that Mr Google is your best friend. Heck, every job interview I have there is nearly always this question:
Q: What do you do if you don’t know the answer to a user’s query?
A: Google it.

Bingo. I had to test a few key words; Initially I was thinking it was due to Nvidia updates,  so I searched Google for ‘recent Nvidia update problems’.

TIP #2: Always seek for your issue with the word ‘problem‘ in the search. Then select ‘Search Tools‘, drop down on ‘Any time‘ to ‘Past week‘, thereby reducing search range to most recent information. If you don’t, it will default to the most common looked at page – which are often many years ago!

Initially some of the results suggested Nvidia, but most were not recent enough. I suspected the issue might be closer to home: The laptop. So I changed to the search parameters to ‘dell audio buzzing’, the answer was revealed and verified in the DELL community support forums:
Pile of Computer Boards

1. Open ‘Control Panel\Programs\Programs and Features’
2. Remove ‘Dell Support Assist’ and ‘Dell Support Agent’
3. Reboot or Restart your machine.
4. Play youtube video to test if issue persists.

DISCLAIMER: This remedy fixed my laptop with its specifications. It may not suit every brand or computer. If you are not sure or don’t feel confident doing this yourself, I highly recommend Richard Pascoe, the Adelaide Tech Guy. I get no kickback from recommending him, we are just good friends.

All Links Lead to Facebook

I follow a lot of interesting links on the interwebz each night. I am a prolific reader, I read prolifically. Is anyone read prolificly? But I digress…

A few nights back I stumbled onto Chris Harding‘s series,We the Robots . Hilarity ensued. That two word sentence is so cliched. Again, I digress…

"Whatchoo Lookin' At?"

Seems ‘We The Robots’ was a short period in his eclectic ‘toon time. Two years exactly, give or take a life time. A robot’s life can be long or short, depending on the country of birth. I like to digress.

So I checked out where Chris is now. Wasn’t difficult. Google is a search engine. I searched for him. Chris Harding. Animation. Here he is .

Then I went back to We The Robots. There is a link on his homepage to Chris’s / Chrises / Chrises’ / his Facebook page . hashtag head smack.

But the story doesn’t end there. (How many times have we heard THAT line? No, not the next one, the one prior to the one before this one!)

Seems Chris has an agent. Go read his awesome Contact page. Chris really his a funny guy. And his agent has a site filled with other a.ma.a.z.i.n.g artists .

Techtronics of Rex the RobotAnd his agent has links to sales teams, some live, some links dead. Nearly everyone of them are also on Facebook.

WHO ISN’T ON FACEBOOK?! Oh, yeah, my lovely coffee maker at Kikko’s on Pirie Street . Aha, free plug. I like my coffee, and I really like when it is the perfect breakfast. Much digression. And digestion. Coffee is good for that.

That’s it. More again. Another time. I make no promises I will post again tomorrow. I do that too often and don’t, so now I say I post irregularly – which means it is surprise to even me when I do. With surely more digression.

Bookmarks of Interest

Roped Rock God

Despite two real-world events today, I’ve still managed to get onto the online world to visit and read a few world wide web sites of personal interest … and here they are for others to read.

OK, they are really published here so I don’t have to bookmark them on my computer. Since Deli.ci.ious changed hands I have found it to be more useless than a watch with no hands.

What this list really shows how extra-eclectic my reading often is. One of them has music playing in the background – a little old hat for web sites, yet this is cool.

  1. The Business Mistake that Cost Me $1.5 Million – Entrepreneur Jen Bilik learned a lesson the hard way when she trusted the wrong person.
  2. Backed by first round’s dorm room fund, Pagevamp turns Facebook pages into Websites.
  3. Why businesses should act human on Facebook.
  4. Conran imagines a digital camera with a retro spirit .
  5. StartUp Weekend Adelaide . Being a long-term resident and worker in Adelaide, I had to mention this page. I really should get along to one of these events, just to see what it really is all about.
  6. The difference between a Mobile Site and a Full Site by Jakob Nielsen.
  7. The Innovative Brain

Monitor Failure

For anyone who think they can determine a person’s personality by the web sites they visit … good on you.
For anyone thinking this is just an average post, I agree. It’s time I started writing again. Again.

Water-Drop vs Baby Photography

Whilst I wish I could find time to lift my camera to my eye, I am using my eyes to either sleep before the baby arrives OR to read about interesting photo techniques that I would really like to try one day.

Camera Strap Idea - S6 Tonight I stumbled upon Shayne Gray through Tumblr.com. Shayne has very easy-to-read tutorials explaining how easy Water Drop Photography can be for any level of photographer. This fun and interestting photo style I have read about before, but Shayne shows how easy it is to setup and do in the safety of your own kitchen.

Once you have read that, go check out how you can shoot a splashing strawberry at high speed! Shayne recommended this site that holds additional tutorials in highspeed photography which are great information!

That’s it for now. I expect I won’t get a chance to try any of these water-experiments until late July 2012 at the absolute earliest. Most likely between tomorrow (the due date of my first child) and then, I will be photographing bubbsie-wubbse getting fed, bathed and dressed in cute outfits as she/he grows out of them. Sorry, the wife has barred me from publishing those photos online. But if you are a current friend of mine on Facebook, you have a very good chance of seeing a few photographs. Stay connected and watch out for them.