Tag Archives: programming

Programming Languages as Data Visualization Infographic

Here's a great data visualization timeline showing an individual's programming history: what languages and when and how much. I think it's a very pleasing visual too. He's posted the code to github to play with. Could be a very interesting addition to a bio or resume. Embedded Link Zeh Fernando » Blog Archive » Programming [...]

Posted in blog | Also tagged , , | Leave a comment

WordCamp Presentation Slides: From Photoshop PSD to WordPress Theme

from photoshop to wordpress theme presentation

Here are my slides for my WordCamp Atlanta presentation, From PSD to WordPress Theme: Under the skin: PSD to WP on Prezi [UPDATE] I’m updating this post that originally just contained my slides with the meat of the presentation as well. I don’t think a presentation is expressed well at all with slides. So I’m [...]

Posted in tutorial | Also tagged , , , , , , , , , , , , | 3 Comments

Speaker at WordCamp Atlanta 2012

wordpress_wordcamp_atlanta_2012_feb_2_3

I’m proud to announce that I’ve been asked to speak at WordCamp Atlanta this year! WordCamp will be held this weekend and hosted at SCAD Atlanta! My session is titled: From PSD to WordPress Theme: Under the skin. Obviously, I’ll be focusing on themes. We’ll look at what they are, what they can do, how [...]

Posted in Article, personal | Also tagged , , , , , , , , , , , , | 1 Comment

Link: CSSrefresh – automatically refresh CSS files

css-refresh

A great css developer helper script from Fred. CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. When you’re coding a website, nothing can be more frustrating than having to switch [...]

Posted in blog | Also tagged , , , , | Leave a comment

An Introduction To Object Oriented CSS (OOCSS) – Smashing Coding

Almost every element on a styled Web page has different visual features (i.e. “skins”) that are repeated in different contexts. Think of a website’s branding — the colors, subtle uses of gradients, or visible borders. On the other hand, other generally invisible features (i.e. “structure”) are likewise repeated. When these different features are abstracted into [...]

Posted in blog | Also tagged , | 1 Comment

Snow via Javascript & Canvas – Tis the Season

snow

After playing with the settings in my experiments I found a few settings I liked and wanted to develop further. The first was snow! An added bonus I was able to work on a project just for the holidays and used much of this code in it! I looked around the web and saw a [...]

Posted in interactive javascript canvas | Also tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Interactive Physics Animations Javascript Canvas 17

canvas17

I’m really enjoying giving a control panel of sorts to the end user and letting them control the physics rules of their canvas. Let’s add more motion to it by applying a jitter to the velocity of each dot. This is similar to earlier, when we first started animating by applying a random number to [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , , , , , | 6 Comments

Interactive Physics Animations Javascript Canvas 16

canvas16

I always want to give the end user (at least some) control of how they view and interact with data. Earlier we gave users control over gravity. Here let’s give them control over the canvas edges. Rather than having our dots bounce on the edges of the canvas, lets have them wrap across to the [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , , , , , | Leave a comment

Interactive Physics Animations Javascript Canvas 15

canvas15

Earlier we worked on making all the dots draggable, but what’s better than simply dragging dots? Let’s set up a way to throw the dots! Now as we drag it we record the positions and use that to calculate a new velocity. Then when a dot is dropped, it will have a trajectory to follow [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , , , , , | Leave a comment

Interactive Physics Animations Javascript Canvas 14

canvas14

Here is an update to allow the end user to create more dots. A good way to do that is to just let users click on the canvas, and if they click a dot, drag it, if they don’t click a dot, create a new dot at the point of click. I moved the dot [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , , , , , | Leave a comment
  • Recent Posts

    Touch Specific Media Queries in CSS4

    Proposals in the works for new media queries specific to touch enabled devices. Examples include pointer, which will differentiate wether the device has a fine or coarse pointer (finger vs mouse) and hover, which would say if the device supports hover states. I can see this being helpful and useful for building mobile friendly sites [...]

    Responsive Image Dispute and Tourists – Analogy

    Jason explains the root of the problem and why no one has been able to devise a solution that makes everyone happy yet. The browsers (in their awesome drive to make browsing faster) are prefetching images and developers want to only use one image based on criteria the browser doesn't know until the layout is [...]

    Google Moog Keyboard Synthesizer Detailed

    This post on creativejs picks apart how this doodlue was made. Nice they they are able to support HTML5 audio even if it is only supported on chrome and the rest fall back to – you guessed it – flash. Embedded Link Google Moog synth tear-down Yesterday we featured Google's web-based analogue synth Moog tribute [...]

    Synth Emulator on Google Japan Doodle Today

    Synth Emulator on Google Japan Doodle Today Embedded Link Moog 自分のオリジナル曲を創って、 #moogdoodle で共有しよう。

    WordPress updates plugin directory

    New additions to the plugin directory include: favorites, incorporating support forums into it's own tab for each plugin as well as support stats being displayed! Great! I think we also need the ability to give plugins ratings and reviews (bonus points if it can be done from within a wordpress admin dashboard when installing plugins). [...]

    Short Head

    Use zipf's short head to tune your website rather than redesign the whole thing. To make a website successful it needs to meet the needs of the users. Find out what those needs are by using the short head philosophy to equate most searched things as the biggest needs of the users. Use personas to [...]

    Img Set?

    Great article at a list apart discusing the state of the industry regarding responsive images. This picks apart the set attribute of the img element from a surprisingly objective view coming from someone so close to the picture element. Insightful discussion about the principle behind the proposals than the actual solution too. If the working [...]

    Triudo

    A mesmerizing animated triangle-ish shape form. Embedded Link triduo triduo

    Git – the paradigm shift

    A great developer story about the differences on what Git is vs other version control and what Git is not. This is how we should learn it. I heard over and over that it was distributed, but never grasped what that meant, so here are a few links and explanations that will help unlearn version [...]

    Tweening Lib comes to Javascript!

    I'm very excited to share the news that the tween library from GreenSock (hands down the best tweening library I used in flash) is not ported for use in javascript! This will be great! I missed that simple syntax from as3 when animating javascript, and now I can have my cake and eat it too. [...]

  • Recent Comments

    Bruce Brownlee

    Bruce Brownlee

    Ah IE6. I'd have 2 more years of sleep without IE6. Margin doubling, no properties,...
    versaena

    versaena

    how to give color at runtime…… thank you
    Mobile Websites

    Mobile Websites

    I disagree, mobile websites are the future – desktop websites and mobile websites...
    Matt Fasick

    Matt Fasick

    That's cool. I like the ripple effect as well.
    Nico

    Nico

    hi! really great job guy! very impressive.. just a question… do u have a solution to do a refresh...
    Evan Mullins

    Evan Mullins

    Agreed! I've just seen some people get pretty heated about separating all functionality...