Showing blog entries 56-60 of 60.
I finally cracked my issues in looping the slideshow and its all working very smoothly. Using setTimeout, each image appears for 3 seconds, before a new image is dynamically created, absolutely positioned on top of it but with an opacity value of 0. This value is then incremented every 0.01 second using setInterval until it reaches 100. The opacity attribute is then removed to avoid the microsoft opacity filter bug (see earlier blog), and the image below the new one is dynamically deleted.
This loop works through an array of images, and loops the array. The same effect as flash, but much more manageable, and dare I say... web 2.0?!
A good example would be the 'Apply for job' scroll down on http://www.dnarecruit.com/jobdetails/3180 - clicking the apply for job scrolls a hidden form into view - the scroll is a continuous motion with no acceleration, no deceleration, not even a time parameter. I simply increment the height of the element until it reaches its DOM scrollHeight property.
I decided to use the setInterval method with a 25 millisecond time parameter, essentially creating a framerate of 40 frames per second for the animation.
For the motion, I used the trigonometric function Math.sin(x) between -90 and 90 degrees, which gives a smooth trough to peak curve - I extracted the y value, and manipulated it to be within a set range, instead of -1 and 1. (I set the range from 0 to 200 in my example). I then applied this value to an objects style.top attribute.
Perhaps best to view the example, the red box is following the sine curve, the blue box is following the cosine curve, and out of curiousity - I've set the green box to follow the tan curve.
I see quite a lot of potential in this - smooth colour fades, toggle scripts, bounce effects - I even decided to have a play with gravity effects using Math.exp(-x) (example) - bit this needs a bit more attention I feel.
Sure wish I could remember more of my A level maths...
A recent trend of companies offering franchises in web design are becoming all too familiar. Our concern as a company that has been around since 1985, is that they will only bring the standards of web design down and further dilute this specialist industry. As an agency striving to meet the latest web standards and designing real business tools for our clients, we use our passion, experience and training to deliver quality projects.
One thing is key, any business looking to invest in its next web project must make sure they are talking to industry professionals, with a real passion for what they do.
After changing the containing element's background colour, I noticed that these random pixels were transparent - a very interesting occurrence for a jpg image - a format 'seemingly' incapable of transparency.
I did a little searching online and found that this isn't a very well documented bug, but a few other developers had experienced the same problem.
The only solution I can find is to edit the image in photoshop to slightly brighten any true black pixels, however, due to jpg compression, it can sometimes take a few attempts to rid the image of any #000000 occurrences.
I'm finding it difficult to hide my enthusiasm and excitement about joining Artlines Media, for you see, I've joined at rather exciting times.
Established in 1985 (pre-web), Artlines Media was a small partnership focusing on print and branding design for SME local businesses. 2002 saw it become a limited company under the direction of Chris and venture into the virtual world of the internet and web design.
2002 sure was an interesting time for the internet - about the time a buzzword 'web 2.0' started being mentioned. A typical website was running on ugly invalid code and inconsistencies between web browser engines caused headaches for web designers and developers all over the world. HTML tables for entire page layouts and non-semantic code meant viewing a webpage on anything but an all-functions-enabled browser was out of the question, and accessibility was on no-ones mind.
The W3C (World Wide Web Consortium) set about creating web standards in code structure, accessibility, the DOM (Document Object Model) and general compliance. These standards ensure everybody can enjoy the wonders of the web, whether they have difficulty reading small text, require screen-readers or are viewing a webpage from a handheld device. To me, the term 'web 2.0' is a blanket term which describes design and development which adheres to modern web standards and best practises.
The possibilities web 2.0 technologies can bring to a website are limited only by imagination (and timescales!) Take our new website for example! Its the simple things we're most proud of - this custom-made blog, the AJAX newsletter sign up and our new, clean and crisp logo - just to name a few.
This new look reflects a new objective and focus in Artlines Media, to improve and expand, so that we can be at the forefront of not only the local web agency scene, but the London and national scene too. What exciting times...
Showing blog entries 56-60 of 60.