Author: Dion Almaer | 2,339 views
2
Feb
A Googler and a Facebooker were in a pub discussing the complexities of building out a rich modern Web application. There are a ton of dependencies, and you need to be proficient in multiple languages and tools (JavaScript, HTML, CSS, SQL/NoSQL, backend languages, build tools, etc).
Well, they may not have been in a pub.... but a deadly duo did get together to try to solve this problem.
Dustin Moskovitz (Facebook c
Read more...
Tags :
Author: Dion Almaer | 125 views
21
Jan
There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side.
Jaml lets you write HTML like this:
PLAIN TEXT
JAVASCRIPT:
div(
h1("Some title"),
p("Some exciting paragraph text"),
br(),
ul(
li
Read more...
Tags :
div,
Ed Spencer,
HTML,
html builder,
item,
Jaml,
JavaScript,
js,
nbsp,
paragraph text,
PLAIN,
Product,
product description,
quantity,
quantity value,
repo,
Ruby,
text,
text javascript,
view larger image,
Author: Dion Almaer | 105 views
20
Jan
Nice work Firebug team for announcing Firebug 1.5, a great release that fixes many bugs and adds great features:
Mike Radcliffe’s Inspector. A key feature, now solid as a rock,
Jan ‘Honza’ Odvarko’s expanded and refined Net panel, with accurate timings,
Steve Roussey’s reworking of HTML editing and entity support,
Kevin Decker’s CSS and Style side panel improvements,
Support for dynamic, graphical
Read more...
Tags :
breakpoints,
bugs,
feature,
Firebug,
Firefox,
Honza,
improvements,
Inspector. A,
Jan,
Kevin Decker,
Mike Radcliffe,
Nice,
Panel,
release,
rock,
solid as a rock,
Steve Roussey,
support,
team,
work,
Author: Dion Almaer | 102 views
18
Jan
Geuis Teses has released an enjoyable library called Helium that has the goal of testing your stylesheets for unused style.
You inject helium into your site (e.g. put it in an included footer) and then when you hit the first page you will have a popup asking for the pages you want to test. Helium will find the style sheets that you use and will store that information and the page information inside of localStorage.
Read more...
Tags :
footer,
Geuis,
github,
goal,
Helium,
host test,
information,
library,
page,
site,
style,
style sheets,
stylesheets,
Teses,
trivial example,
Author: Chris Heilmann | 162 views
15
Jan
I am right now working on a high-traffic project that will run in a sandbox that doesn't allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data.
The solution to me was to create the charts from HTML using CSS. There have been some solutions for this problem already but I wanted something very simple and easy to maintain. Hence all the markup I am using is
Read more...
Tags :
bar charts,
Chart,
chart c,
container document,
CSS,
gt 400,
HTML,
innerHTML,
JavaScript,
nbsp,
php,
php script,
PLAIN,
script,
script src http,
span,
text,
text javascript,
trickery,
ul class,
Author: Chris Heilmann | 108 views
15
Jan
I am right now working on a high-traffic project that will run in a sandbox that doesn't allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data.
The solution to me was to create the charts from HTML using CSS. There have been some solutions for this problem already but I wanted something very simple and easy to maintain. Hence all the markup I am using is
Read more...
Tags :
bar charts,
Chart,
chart c,
container document,
CSS,
gt 400,
HTML,
innerHTML,
JavaScript,
nbsp,
php,
php script,
PLAIN,
script,
script src http,
span,
text,
text javascript,
trickery,
ul class,
Author: Dion Almaer | 158 views
15
Jan
David Davis of Ext doesn't just have a cool name. He does cool stuff :) His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video tooltip.
The example uses Ext JS web desktop and the code created delivers a special Panel that is able to deliver video, and then the simple act of grabbing a video frame and scaling it down for the tooltip:
PLAIN TEXT
JAVASCRIPT:
&nbs
Read more...
Tags :
canvas support,
cool stuff,
David Davis,
Ext,
HTML,
name,
nbsp,
post,
Showcase,
stuff,
tip,
tip height,
tip width,
tooltip,
video,
video frame,
web desktop,
Author: Dion Almaer | 47 views
15
Jan
David Davis of Ext doesn't just have a cool name. He does cool stuff :) His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video tooltip.
The example uses Ext JS web desktop and the code created delivers a special Panel that is able to deliver video, and then the simple act of grabbing a video frame and scaling it down for the tooltip:
PLAIN TEXT
JAVASCRIPT:
&nbs
Read more...
Tags :
canvas support,
cool stuff,
David Davis,
Ext,
HTML,
name,
nbsp,
post,
Showcase,
stuff,
tip,
tip height,
tip width,
tooltip,
video,
video frame,
web desktop,
Author: Dion Almaer | 132 views
15
Jan
The incredibly popular jQuery library has released jQuery 1.4 on a new website that will celebrate 14 days of jQuery.
There are a lot of new features, and as usual performance gains are showcased.
Easy Setter Functions: For a while now, you’ve been able to pass a function into .attr() and the return value of that function is set into the appropriate attribute. This functionalilty has now been extended into all s
Read more...
Tags :
ajax,
attr,
backgroundColor,
ccc,
Congrats,
coolness,
focusin,
function,
Joe Walker,
jQuery,
json,
library,
lot,
nbsp,
Per,
performance gains,
Setter,
text javascript,
value,
Website,
Author: Dion Almaer | 145 views
14
Jan
Adobe BrowserLab (formerly Meer Meer) has been updated today with new browsers and features:
New Browser Support: Adding Internet Explorer 8, Chrome 3.0, Safari 4 and Firefox 3.5 to the current list of supported browsers;
Rulers and Guides: Providing users more precision with rulers on the X and Y axes, as well as movable guides;
Move and Pan: Enabling users to move to any area of a screenshot; and
Screenshot D
Read more...
Tags :
Adobe,
axes,
browser,
BrowserLab,
content,
content load,
cross,
cross browser,
cross platform,
cs4,
Dreamweaver,
internet explorer 8,
lab session,
Meer,
New,
platform web,
rulers,
screenshot,
today,