BBC Dimensions - places, events and things
17 August 2010 12:52 | HTML5 / CSS3 / JavaScript, Design News, Technology News | Permalink
Dimensions takes important places, events and things, and overlays them onto a map of where you are.
Type in your postcode or a place name into the search to overlay at BBC Dimensions.
(via @ianvisits)
Comments
Microsoft WebMatrix Beta, I might switch to Win7
12 August 2010 12:51 | HTML5 / CSS3 / JavaScript | Permalink.png)
Itsy is a twitter client that just runs in the background with a tiny memory footprint and through Growl lets you know about update from people you are following on Twitter.
Where, HootSuite is a WebApp written in HTML5, and is a Social Media manager.
With support for Multiple Networks (including Twitter, Facebook, LinkedIn, Wordpress.com, and Ping.fm)
With Multiple users, URL shortener with analytics powered by Google analytics, update schedular and multiple accounts.
It's like TweetDeck, but better.
Apple adds new feature to Safari 5.0.1
28 July 2010 14:55 | HTML5 / CSS3 / JavaScript, Technology News, Apple | PermalinkExtensions are a great way for you to add new features to Safari 5.0.1. Built by developers, Safari Extensions use the latest HTML5, CSS3, and JavaScript web technologies. And they’re digitally signed and sandboxed for improved security. You can install extensions with one click — no need to restart Safari.
Click here to start installing extensions now!
.jpg)
Click here to start installing extensions now!
Browser Sandbox - Run any browser from the web
Microsoft Internet Explorer
Mozilla Firefox
Apple Safari
Google Chrome
Opera
try it now!
WHAT IS CLOUDCANVAS?
CloudCanvas enables creative people to make digital art, design and other rich media right in the web browser.
No plugins are required.
UNLEASH YOUR CREATIVITY
Powerful tools and high end features that designers require. Unleash creativity, new ideas and mashups that ordinary mediums can't achieve.
ACTIVATE YOUR BUSINESS
Inexpensive but professional design results with little or no design experience.
Our templates get projects like business cards and brochures done quickly and easily.
Click here to go there now!
Google revamps Google Images Search
21 July 2010 15:28 | HTML5 / CSS3 / JavaScript, google | Permalink
Google Images Search hadn't received a major update since 2001, said Marissa Mayer, vice president of search products and user experience, during a briefing for reporters at Google's San Francisco offices. The new look is designed to reduce the number of clicks it takes to find the image you're looking for and to provide more information about a particular image without having to click through to the result.
by Tom Krazit
(read more via CNET News)
Who's afraid of the big bad iCalendar file?
15 July 2010 14:24 | HTML5 / CSS3 / JavaScript | PermalinkCracked it!
I can now hand code CalDAV/WebCal protocol ICS/iCalendar files, which are Outlook 2007/2010, Lotus Notes, Google Calendar, Sunbird and Apple iCal compatible.
There quite simple once you get your head around the 168 page Network Working Group's RFC 5545 document, plus Microsoft's own private definitions for Outlook.
The main part I'm interested in is "METHOD:", which can be either "PUBLISH" or "REQUEST" as well as other things witch does not concern this post.
"PUBLISH" is for making an online calendar.
"REQUEST" is for making an appointment that requires an reply.
See file below;
This event shows up like this in Apple iCal;
To make the special characters appears in Microsoft Outlook you need to add this "X-ALT-DESC;FMTTYPE=text/html:" and format them as you would for a normal HTML page.
But in this old "-//W3C//DTD HTML 3.2//EN" format and remember to use "/n" as returns as the HTML still needs to be formatted as a string.
I can now hand code CalDAV/WebCal protocol ICS/iCalendar files, which are Outlook 2007/2010, Lotus Notes, Google Calendar, Sunbird and Apple iCal compatible.
There quite simple once you get your head around the 168 page Network Working Group's RFC 5545 document, plus Microsoft's own private definitions for Outlook.
The main part I'm interested in is "METHOD:", which can be either "PUBLISH" or "REQUEST" as well as other things witch does not concern this post.
"PUBLISH" is for making an online calendar.
"REQUEST" is for making an appointment that requires an reply.
See file below;
BEGIN:VCALENDAR
PRODID:-//******* ****** ******//Marketing Event//EN
CALSCALE:GREGORIAN
VERSION:2.0
METHOD:PUBLISH
BEGIN:VTIMEZONE
TZID:Europe/London
BEGIN:DAYLIGHT
TZOFFSETFROM:+0000
TZOFFSETTO:+0100
DTSTART:19810329T010000
RRULE:FREQ=YEARLY;BYMONTH=3;BYDAY=-1SU
TZNAME:BST
END:DAYLIGHT
BEGIN:STANDARD
TZOFFSETFROM:+0100
TZOFFSETTO:+0000
DTSTART:19961027T020000
RRULE:FREQ=YEARLY;BYMONTH=10;BYDAY=-1SU
TZNAME:GMT
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
SEQUENCE:1
DTSTART;TZID=Europe/London:20100730T170000
DTSTAMP:20100714T112131Z
SUMMARY:Test event subject é å á
DTEND;TZID=Europe/London:20100730T190000
CLASS:PUBLIC
CREATED:20071104T183833Z
DESCRIPTION:Test event description clich\ntest next Test event subject é å á
LOCATION:123 test location\; London, EC2Y 9AQ, UK
STATUS:CONFIRMED
TRANSP:OPAQUE
UID:5f98dfd5-ac72-4ae1-b3c2-799a4e7c91f9
X-ALT-DESC;FMTTYPE=text/html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//E
N">\n<HTML>\n<HEAD>\n<META HTTP-EQUIV="Content-Type" CONTENT="text/html\;
charset=iso-8859-1">\n<META NAME="Generator" CONTENT="MS Exchange Server v
ersion 08.02.0247.002">\n<TITLE>Test event subject é å á</TITLE>\n</HEAD>\n<BODY>\n<!-- Conver
ted from text/rtf format -->\n\n<P DIR=LTR><SPAN LANG="en-gb"></SPAN><SPAN
LANG="en-gb"></SPAN><SPAN LANG="en-gb"><FONT COLOR="#6D6E71" SIZE=2 FACE=
"Arial">Test event description clich\ntest next Test event subject é å á</FONT></SPAN><SPAN LANG="en-gb"></SPAN></P>\n\n</B
ODY>\n</HTML>
X-MICROSOFT-CDO-BUSYSTATUS:BUSY
X-MICROSOFT-CDO-IMPORTANCE:1
X-MICROSOFT-DISALLOW-COUNTER:FALSE
X-MS-OLK-ALLOWEXTERNCHECK:TRUE
X-MS-OLK-CONFTYPE:0
BEGIN:VALARM
TRIGGER:-PT15M
ACTION:DISPLAY
DESCRIPTION:Reminder
END:VALARM
CREATED:20100714T111837Z
END:VEVENT
END:VCALENDAR
This event shows up like this in Apple iCal;
To make the special characters appears in Microsoft Outlook you need to add this "X-ALT-DESC;FMTTYPE=text/html:" and format them as you would for a normal HTML page.
But in this old "-//W3C//DTD HTML 3.2//EN" format and remember to use "/n" as returns as the HTML still needs to be formatted as a string.
Mozilla releases first beta of Firefox 4.0 for Mac with crash protection
07 July 2010 09:52 | HTML5 / CSS3 / JavaScript, Technology News, Apple Insider | PermalinkMozilla Corporation on Tuesday released the first external beta of Firefox 4.0 for Mac users, the latest version of the firm's popular web browser built atop its new Gecko 2.0 layout engine.
The 20.2MB update introduces crash protection that kicks in when there is a crash in the Adobe Flash, Apple Quicktime or Microsoft Silverlight plugins, allowing users to continue their browsing session unfettered.
It also delivers a new Addons Manager and extension management API, WebSockets support, a new HTML 5 parser, a Web Console analysis tool, native support for the HD HTML5 WebM video format, and more responsive page rendering using lazy frame construction.
Cosmetically, Firefox 4 jettisons the individual stop and reload buttons for a single unified button, replaces the Bookmarks Bar with a Bookmarks Button, and places tabs at the very top of the browser window in a newly designed interface theme.
The latter change isn't fully implemented in the Mac distribution just yet, however, as the development team continues to work on the Mac theme. "Although you can customize Firefox to show tabs on top for OSX, it really doesn't look good," the team said in a set of release notes. "We suggest you wait."
Other changes include partial support for CSS Transitions, full WebGL support (currently disabled), support for more HTML5 form controls, and a Core Animation rendering model for plugins on Mac OS X.
(read more via AppleInsider)
The 20.2MB update introduces crash protection that kicks in when there is a crash in the Adobe Flash, Apple Quicktime or Microsoft Silverlight plugins, allowing users to continue their browsing session unfettered.
It also delivers a new Addons Manager and extension management API, WebSockets support, a new HTML 5 parser, a Web Console analysis tool, native support for the HD HTML5 WebM video format, and more responsive page rendering using lazy frame construction.
Cosmetically, Firefox 4 jettisons the individual stop and reload buttons for a single unified button, replaces the Bookmarks Bar with a Bookmarks Button, and places tabs at the very top of the browser window in a newly designed interface theme.
The latter change isn't fully implemented in the Mac distribution just yet, however, as the development team continues to work on the Mac theme. "Although you can customize Firefox to show tabs on top for OSX, it really doesn't look good," the team said in a set of release notes. "We suggest you wait."
Other changes include partial support for CSS Transitions, full WebGL support (currently disabled), support for more HTML5 form controls, and a Core Animation rendering model for plugins on Mac OS X.
(read more via AppleInsider)
June 2010
| sun | mon | tue | wed | thu | fri | sat |
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Please if your having any problems, remember this was built for modern browsers and should be viewed at tiredbees // blog.
YouTube backs Flash
30 June 2010 21:17 | YouTube, HTML5 / CSS3 / JavaScript, MacWorld, Technology News | PermalinkIn the ongoing debate over whether to use Flash or HTML5, Google has weighed in heavily in favour of using HTML5. The engineers at the Google-owned YouTube, however, still prefer Flash, if a company blog item posted Tuesday from the company is any indication.
In short, HTML5 still lacks many of the features needed for video presentation. And, as it happens, Flash provides all these features.
(read more via Macworld UK)
"While HTML5's video support enables us to bring most of the content and features of YouTube to computers and other devices that don't support Flash Player, it does not yet meet all of our needs,"said YouTube software engineer John Harding in the post.
"Today, Adobe Flash provides the best platform for YouTube's video distribution requirements."
In short, HTML5 still lacks many of the features needed for video presentation. And, as it happens, Flash provides all these features.
"We need to do more than just point the browser at a video file like the image tag does -- there's a lot more to it than just retrieving and displaying a video,"he wrote.
(read more via Macworld UK)
Google Gmail to harness HTML5
28 June 2010 09:22 | HTML5 / CSS3 / JavaScript, MacWorld, Technology News, google | PermalinkIn keeping with Google's enthusiasm for the emerging HTML5 standard, many upcoming features of the company's Gmail Web-based e-mail service will be rendered in HTML5, said Adam de Boor, a staff software engineer working on the service.
"We have things that we can do much more efficiently in HTML5," said De Boor, speaking Thursday at the Usenix WebApps '10 in Boston.
"HTML5 is exciting to me insofar as to how many browser makers are adopting it," he said, adding, "I have high hopes for IE9."
One of the chief benefits he pointed to is how the standard could speed the loading and execution time of Gmail.
(Read more via Macworld UK)
"We have things that we can do much more efficiently in HTML5," said De Boor, speaking Thursday at the Usenix WebApps '10 in Boston.
"HTML5 is exciting to me insofar as to how many browser makers are adopting it," he said, adding, "I have high hopes for IE9."
One of the chief benefits he pointed to is how the standard could speed the loading and execution time of Gmail.
(Read more via Macworld UK)
Google style sheet fail!
Google Backgrounds
10 June 2010 12:43 | HTML5 / CSS3 / JavaScript, Technology News, google | Permalink
Look at Google, is this just me?
Fourteen hours into a 24-hour experiment with background imagery, Google's homepage is once again stark white.
Design guru Marissa Mayer confirmed that Google was ending the experiment early due to what she called a "bug". The bug erased a link underneath the search bar on google.com that explained why Google's famously spartan home page had taken on a colourful look. Apparently many searchers on Thursday morning missed the company's blog post on Wednesday, and were confused and annoyed at the change, turning "remove google background" into the seventh-most-popular search on Google on Thursday.
(quoted from Google removes homepage image experiment on ZDNet UK)
Uptime status Public APIs
09 June 2010 09:22 | HTML5 / CSS3 / JavaScript, Technology News | Permalink
A god send if you develop against an api http://api-status.com/ -- a sort of 'is my site up or is it just me'
(via @loghound)
Apple Releases Safari 5
08 June 2010 09:56 | WWDC, HTML5 / CSS3 / JavaScript, Technology News, Apple | Permalink
Apple Releases Safari 5
SAN FRANCISCO—June 7, 2010—Apple® today released Safari® 5, the latest version of the world’s fastest and most innovative web browser, featuring the new Safari Reader for reading articles on the web without distraction, a 30 percent performance increase over Safari 4,* and the ability to choose Google, Yahoo! or Bing as the search service powering Safari’s search field. Available for both Mac® and Windows, Safari 5 includes improved developer tools and supports more than a dozen new HTML5 technologies that allow web developers to create rich, dynamic websites. With Safari 5, developers can now create secure Safari Extensions to customize and enhance the browsing experience.
(read more)
(via Apple PR)
Apple showcase sites which are iPad / iPhone, HTML5 ready.
Click here to go there now!
(via @DirtyMouseUK)
HTML5 and CSS3 in Internet Explorer with Modernizr!
03 June 2010 12:22 | HTML5 / CSS3 / JavaScript, Technology News | Permalink
What is Modernizr?
Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that! The syntax is very intuitive, too:
.multiplebgs div p {Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
/* properties for browsers that
support multiple backgrounds */
}
.no-multiplebgs div p {
/* optional fallback properties
for browsers that don't */
}
Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don’t yet support them.
Additionally, Modernizr creates a self-titled global JavaScript object which contains properties for each feature; if a browser supports it, the property will evaluate true and if not, it will be false.
Lastly, Modernizr also adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as <section>, <header> and <dialog> without having to worry about them not working in Internet Explorer.
(read more about Modernizr)
Smokescreen - Flash without plugins
03 June 2010 09:47 | HTML5 / CSS3 / JavaScript, Design News, Technology News | Permalink
Quick Tip: Google Fonts API: You’re Going to Love This
19 May 2010 22:10 | HTML5 / CSS3 / JavaScript, Technology News, net.tutsplus, google | PermalinkGoogle have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google’s servers (save on bandwidth + caching benefits), we now have access to a wide array of custom fonts. Quite literally, you can integrate these fonts into your project in about 20 seconds. It’s as simple as that. Further, due to the operations being performed behind the scenes, these custom fonts will even be recognized back to Internet Explorer 6. I, for one, and am extremely excited about the possibilities, and the font catalog is surely to continue expanding over the coming years.
(read more)
(via net.tutsplus)
Quick Tip: HTML5 Features you Should be Using Right Now
19 May 2010 15:31 | HTML5 / CSS3 / JavaScript, Technology News, net.tutsplus | PermalinkWith all this talk about HTML5 not being complete until 2022, many people disregard it entirely – which is a big mistake. In fact, there are a handful of HTML5 features that we can use in all our projects right now! Simpler, cleaner code is always a good thing. In today’s video quick tip, I’ll show you a handful of options.
(via net.tutsplus)
