Tag Archives: css

APB Speakers Website

Website designed and implemented for American Program Bureau. Integartes flash content and video with html, all styled with css. Mock-up designed and approved with photoshop; built and implemented with dreamweaver (html/css) and flash. Visit the live site at American Program Bureau.

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

APB Website | Before and After

APB are the guys who organize public speakers, whoever you saw speaking at the last graduation or other ceremony was probably done through the American Program Bureau. They have connections! Many many people, from movie stars, to famous writers, to nobel peace prize winers! So for your next party, give them a try. They had [...]

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

SuperBookMarker Web App Design

Social Bookmarking master site built for StomerNet SMARTS (Social Marketing Traffic Secrets) members for easy social bookmarking. Minimalist design for clear presentation of organized sortable data. Implemented javascript (jquery) libraries for sorting and paging tables, javascript used to control visibility of elements on the page. Very simple and organized design, but still contain loads of [...]

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

Style htmlText with CSS in your Actionscript | Flash/CSS Tutorial

Overview In flash you can have text areas that are rendered as html. You can also apply formatting styles to this html. This will show a simple example on how to apply css to html text in flash. I’ll do a simple anchor tag style to show you the ropes. We’ll style a link to [...]

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

Calling actionscript functions through HTML text | asfunction Tutorial

Add this to the list of things I should have already known! Story I’ve got an html enabled text box and was trying to devise a way that I could have a hyperlink anchor tag not link to a webpage but actually do something flash. It didn’t seem possible, and I looked through all the [...]

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

Using CSS Attribute Selectors to Stylize HTML | Style outbound links | Tutorial

Intro to CSS We use css to apply styles to certain elements on the page, we can target any div like this: HTML <div>Text</div> CSS div { css-property: value; } Any class selector <div class=”divClass”> like this: HTML <div class="divClass">Text</div> with this: CSS div.divClass { css-property: value; } <!– or simply –> .divClass { css-property: [...]

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

StomperNet Going Natural 3 Web Design

Site built for Going Natural 3, free series of videos to promote the re-opening of StomperNet. Includes flash video and html template design in drupal all styled with custom made themes and css. Users were prompted to subscribe with email address and then allowed to view the premium video content and comment. Site discontinued, but [...]

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

Going Natural 3.0 at StomperNet

Here’s a new site and series from StomperNet called Going Natural 3! It’s a bit of free videos made and released to showcase the talents and business of what StomperNet is about and what they do for their clients. They’re ‘moving the freeline’ so to speak… The first video series begins with Dan Thies talking [...]

Posted in portfolio | Also tagged , , , , , , , , , | 1 Comment

CSS and HTML WYSIWYG in Flash | Open Source Example

Overview: Using what I learned with the Actionscript Javascript Communication Tutorial, and pushing it a little further I’ve set up this example of how flash renders html and css. This is basically a wysiwyg (What you see is what you get) html editor! Natively flash only handles some html and css. Many people have enhanced [...]

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

New Theme for Circlecube

I went for the basic and popular Qwilm 0.3 Theme hardly based on huddletogether. This theme was designed by Lokesh and destriped and built by Oriol Sanchez Over the next while I’ll be massaging the look and feel (mostly CSS) to fit my needs. Please let me know if you see anything odd or broken, [...]

Posted in portfolio | Also tagged , , , | Leave a comment
  • Recent Posts

    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. [...]

    Responsive CSS Tricks

    Here are a few useful css tricks to remember when building responsive design sites from web designer wall Embedded Link 5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on [...]

    Picture element of srcset attribute?

    Bruce details the reasons and story behind the srcset attribute which is now introduced as an alternative to the picture element. Some aspects of the attribute are nice (like the fact that it's an attribute and not a new element, so it's creating up new elements with for problems. It's adapting currently used elements to [...]

    SVG Preloader with Raphael JS

    Here's a very creative use of using a newly available technology. Using svg graphics which are very lightweight, for a website preloader. I like the animation used as well. Embedded Link Make a stylish preloader with SVG | Tutorial | .net magazine Many sites neglect users with slow connections. Ian Culshaw explains how to use [...]

  • 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...