- video/audio – without plugins,
- geolocation – pin point and share your location,
- web sockets – threaded processing to reduce browser hangs,
- WebGL – like openGL and DirectX for the browser – game creation,
- BitMap (canvas)/vector (SVG) image creation - on the fly graphics,
- Better page structure elements – Section, Article, Nav element – this is more for developers
- Backwards compatible and forgiving (XHTML 2 did not want to support this)
Thursday, December 30, 2010
HTML 5 in 5 minutes
HTML 5 is quite a hot topic at the moment, with good reason. HTML 5 is the first major update to HTML in over a decade. XHTML did teach us a lot of good disciplines which should be followed when developing with HTML 5. HTML 5 includes new APIs and features to reflect the modern browsing experience such as:
jQuery custom content scroller
Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.
http://manos.malihu.gr/jquery-custom-content-scroller
http://manos.malihu.gr/jquery-custom-content-scroller
Labels:
Framework,
JavaScript,
jQuery,
Mouse-Weel,
plugin
Tuesday, December 21, 2010
Watir Recorder
Watir Maker is a utility for Watir test developers which will record actions in a browser. It comes in two flavors: the C# version, and the Ruby version.
http://watir-recorder.openqa.org/
http://watir-recorder.openqa.org/
Hemi JavaScript Framework
Engine for Web Applications is a services framework. Hemi JavaScript Framework is the project name for Engine version 3.
Hemi may be used alongside most Web frameworks and libraries. Custom components can be loaded externally or easily built into the framework, deployed as separate script packages or as application components.
Key features include managing application interdependencies and bootstrapping (tasking), messaging, inter-object transactions, configuration, dynamic runtime components, templates, application containment, and monitoring. The application space service creates a containment and abstraction layer for associating script with HTML and XML content, and exposing declarative scripting with XML.
Documentation:
Hemi may be used alongside most Web frameworks and libraries. Custom components can be loaded externally or easily built into the framework, deployed as separate script packages or as application components.
Key features include managing application interdependencies and bootstrapping (tasking), messaging, inter-object transactions, configuration, dynamic runtime components, templates, application containment, and monitoring. The application space service creates a containment and abstraction layer for associating script with HTML and XML content, and exposing declarative scripting with XML.
Documentation:
- Introduction
- Core Features
- Framework Utilities
- Task Service
- Module Service
- Test Module Service
- Application Components
- Data IO Service
- Application Space Service
- Templates
- Virtual Forms
Monday, December 20, 2010
Sunday, December 12, 2010
What’s new in JavaScript 1.8.5
What is ECMAScript 5?
ECMAScript is the official name of what we all call JavaScript. That doesn’t mean we’re wrong; it’s just that the name “JavaScript” is a trademark of Oracle; so Ecma International (originally the European Computer Manufacturers Association—hence ECMA) uses the term “ECMAScript” to refer to the standard of JavaScript. The latest version of this standard is the 5th edition, and it was approved just over a year ago (on December 3, 2009). It encompasses a huge range of great additions, and several of those are starting to show up in browsers. The implementations of ECMAScript 5 is called JavaScript 1.8.5.In this tutorial, we’re going to be looking at the JavaScript 1.8.5 functions that are available to us in the Firefox 4 betas. You’ll be happy to discover that most of the latest versions of other browsers have these, too . . . except for one. This time, it’s Opera, as IE9 has included many of these.
Function 1: Object.create
This method is a very important one; it really cleans up prototypal inheritance. Previously (in ECMAScript 3rd edition), to create an object and set its prototypeFunction 2: Object.defineProperty
If you’ve got an object that you want to define a property on, you’ll probably do it this way:- my_dog.age = 2;
my_dog.age = 2;This still works fine in ES5, but if you want some more fine-grained control, you can have it with
Object.defineProperty
. The first parameter is the object you’re assigning the property on. The second parameter is the name of the property, as a string. The final property is the descriptor object. Here’s how that works. It’s (obviously) an object and it can have a combination of the following properties, all of which describe the property we’re adding:- value: use this to set the value of a property. Defaults to
undefined
. - writable: use this boolean to define whether this is a read-only variable. If it’s writable, it’s
true
. Defaults tofalse
. - configurable: use this boolean to define whether the type (value vs. method) of this property can be changed, or whether the property can be deleted. If it’s configurable, it’s
true
. Defaults tofalse
. - enumerable: use this boolean to define whether this property is included when the properties of the object are enumerated (a for-in loop or the keys method). Defaults to
false
. - get: use this to define a custom getter method. Defaults to
undefined
. - set: use this to define a custom setter method. Defaults to
undefined
.
obj.prop = val
standards. Also, know that you can’t define value
or writable
when get
or set
are defined, and vice versa.Function 3: Object.defineProperties
If you want to define several properties at once, you can use a property descriptors object just as withObject.create
to define them, using Object.defineProperties
.Function 4: Object.getOwnPropertyDescriptor
If you ever want to know the specifics of a property, you can use this function,Object.getOwnPropertyDescriptor
. Take note of the “Own”; this only works with properties on the object itself, not up its prototype chainFunction 5: Object.keys
Ever wanted to get all the keys of an object? Now, you can do so easily withObject.keys
. Pass this function an object, and it will return an array of all the enumerable properties of that object. You can also pass it an array, and you’ll get back an array of the indices.Function 6: Object.getOwnPropertyNames
This one is just likeObject.keys
, except that it includes all the properties—even the ones that aren’t enumerable. By the longer function name, you can tell they discourage the use of it. Usually, you’ll want keys
instead.Function 7: Object.preventExtensions / Object.isExtensible
If you’ve ever wanted to create a function that doesn’t accept new parameters, you can do so now. Run your object throughObject.preventExtensions
, and it will decline all attempts to add new parameters. This function goes hand in hand with Object.isExtensible
, which returns true
if you can extend the object and false
if you can’t.Function 8: Object.seal / Object.isSealed
Sealing an object is one step up from preventing extensions. A sealed object won’t let you add or delete properties, or change properties from a value (like a string) to an accessor (a method) or vice versa. You’ll still be able to read and write properties, of course. You can find out if an object is sealed by usingObject.isSealed
.Function 9: Object.freeze / Object.isFrozen
Freezing it yet another step further. A frozen object can’t be changed in any way; it’s read-only. You can verify the frozenness of an object with, you guessed it,Object.isFrozen
.Function 10: Array.isArray
You’d think that it wouldn’t be too hard to determine that a given variable is an array. After all, everything else works fine with thetypeof
operator. However, JavaScript arrays are of inconsistent ilk. They’re actually closer array-like objects (even though we usually use that term to refer to things like arguments
and NodeList
s). This function gives you a way to be 100% sure that what you’re working with is an array. Pass it a variable, and it returns the boolean.Function 11: Date.prototype.toJSON
This isn’t too big, but if you ever want to store dates in JSON, you might find this useful. Date objects now have atoJSON
function that will convert the date to a JSON string date.Function 12: Function.prototype.bind
You’re probably familiar with usingcall
and apply
to reassign the value of this
in a function.But Wait, There’s More …
Those are the ECMAScript 5th Edition (or JavaScript 1.8.5) functions that have been added to the Firefox 4 betas. There are a few other changes to JavaScript that they are implementing as well, which you can check out in the release notes.However, there are a bunch of ECMAScipt 5 functions that were already supported in Firefox 3, and several other browsers. Have you played with any of these?
- Object.getPrototypeOf
- String.prototype.trim
- Array.prototype.indexOf
- Array.prototype.lastIndexOf
- Array.prototype.every
- Array.prototype.some
- Array.prototype.forEach
- Array.prototype.map
- Array.prototype.filter
- Array.prototype.reduce
- Array.prototype.reduceRight
http://net.tutsplus.com/tutorials/javascript-ajax/whats-new-in-javascript-1-8-5/
Save Precious Debugging Time and Boost Application Performance
gDEBugger is an advanced OpenGL, OpenGL ES and OpenCL Debugger, Profiler and Memory Analyzer. gDEBugger does what no other tool can - lets you trace application activity on top of the OpenGL, OpenGL ES and OpenCL APIs and see what is happening within the system implementation.
OpenGL debugger Helps you optimize OpenGL, OpenGL ES and OpenCL applications performance.
Saves you the time required for locating "hard to find" OpenGL, OpenGL ES and OpenCL related bugs.
Helps you improve application quality and robustness.
gDEBugger helps you improve application performance and quality, reduce debugging and profiling time, shorten "time to market", deploy on multiple platforms, conform with future OpenGL versions, optimize memory consumption and much more.
http://www.gremedy.com/
OpenGL debugger Helps you optimize OpenGL, OpenGL ES and OpenCL applications performance.
Saves you the time required for locating "hard to find" OpenGL, OpenGL ES and OpenCL related bugs.
Helps you improve application quality and robustness.
gDEBugger helps you improve application performance and quality, reduce debugging and profiling time, shorten "time to market", deploy on multiple platforms, conform with future OpenGL versions, optimize memory consumption and much more.
http://www.gremedy.com/
Saturday, December 11, 2010
Apple Removes Jailbreak API From iOS 4.2
Apple has removed its built in methods to help developers detect jailbroken devices from iOS 4.2, according to NetworkWorld.
This detection API let the MDM applications in effect ask the operating system if it had been compromised. Jailbreak exploits typically change a number of operating system files, and exploit one or another low-level OS features to let users directly load their own or third-party applications.
Previously, developers had created their own series of operating system checks to detect jailbreak.
"We used it when it was available, but as an adjunct," says Joe Owen, vice president of engineering at Sybase, which offers the Afaria device management software. "I’m not sure what motivated their removing that….I’ve not had anyone [at enterprise customer sites] talk to me about this API being present or being removed."
In July of this year the Library of Congress deemed that jailbreaking your iPhone in order to install applications not approved by Apple and/or to unlock is legal.
http://www.iclarified.com/entry/index.php?enid=13170
http://www.networkworld.com/news/2010/121010-apple-ios-jailbreak.html
Thursday, December 9, 2010
Reset a user's password in single user mode
We needed to reset the password on a Leopard system, but we didn't have the OS X install DVD available.
This allows you to reset the password in single user mode without booting from the install media.
- Boot into single user mode (press Command-S at power on)
- Type fsck -fy
- Type mount -uw /
- Type launchctl load /System/Library/LaunchDaemons/com.apple.DirectoryServices.plist
- Type dscl . -passwd /Users/username password, replacing username with the targeted user and password with the desired password.
- Reboot
Completely disable single user mode
A very simply way to disable single-user mode is to edit /etc/rc.boot (as root or with sudo) and in the section that prints "file system mounted read-only", simply add a line that says reboot Now, anytime the computer is booted in single-user mode, it simply reboots itself.
This is totally non-bypassable because Apple disables any usable keys in the begining of the rc files.
This is totally non-bypassable because Apple disables any usable keys in the begining of the rc files.
Change Mac admin password without the disk
Creating a new Admin on Mac Os X:
Here's how to reset your OS X password without an OS X CD.
the Working solution for me was to create a new admin
you can create new admin like this by deleting a specific file.
You need to enter terminal and create a new admin account:
1. Reboot
2. Hold apple key + s key down after you hear the chime. (command + s on newer Macs)
3. When you get text prompt enter in these terminal commands to create a brand new admin account (hitting return after each line):
mount -uw /
rm /var/db/.AppleSetupDone
shutdown -h now
4. After rebooting you should have a brand new admin account. When you login as the new admin you can simply delete the old one and your good to go again!
Apple stores wont reset it for you. Computer shops may charge you $50 to $200 trying to reinstall the Mac and failing at end.
http://en.kioskea.net/forum/affich-73393-change-mac-admin-password-without-the-disk
Here's how to reset your OS X password without an OS X CD.
the Working solution for me was to create a new admin
you can create new admin like this by deleting a specific file.
You need to enter terminal and create a new admin account:
1. Reboot
2. Hold apple key + s key down after you hear the chime. (command + s on newer Macs)
3. When you get text prompt enter in these terminal commands to create a brand new admin account (hitting return after each line):
mount -uw /
rm /var/db/.AppleSetupDone
shutdown -h now
4. After rebooting you should have a brand new admin account. When you login as the new admin you can simply delete the old one and your good to go again!
Apple stores wont reset it for you. Computer shops may charge you $50 to $200 trying to reinstall the Mac and failing at end.
http://en.kioskea.net/forum/affich-73393-change-mac-admin-password-without-the-disk
Sunday, December 5, 2010
15 Easy Guides on Getting You Started with HTML5
HTML5 is dramatically popular today, in fact some giant web agencies used and adapt this new technology. However, as a new learner we are trying hard to find resources and tutorials that is for the beginners so that we can fully digest and we eventually be acquainted with HTML5.
This post will guide you through on step by step learning on HTML5. I hope this will help you. Enjoy!
Be sure to subscribe to our RSS or follow us on Twitter for the new helpful articles released.
You may also want to read the related posts below.
http://webdesigneraid.com/15-easy-guides-on-getting-you-started-with-html5/
This post will guide you through on step by step learning on HTML5. I hope this will help you. Enjoy!
Be sure to subscribe to our RSS or follow us on Twitter for the new helpful articles released.
You may also want to read the related posts below.
- 30 Extremely Best Tutorials for the Month of November 2010
- Useful CSS3 Tips, Techniques and Tutorials from Web Industries’ Experts
1. Getting Started With HTML5: Part 1
2. Getting Started With HTML5
3. Semantics in HTML 5
4. Getting started with HTML5
5. Getting Started with HTML5 Video
6. Fun with HTML5 Forms
7. Getting Started with HTML 5: What’s new?
8. HTML5 for Beginners. Use it now, its easy!
9. HTML5 Video Tutorial Educational Introduction For Beginners
10. HTML5 Elements – The Details
11. HTML5 Introduction
12. New HTML5 and CSS Video Tutorial series
13. Coding A HTML 5 Layout From Scratch
14. HTML5 Tutorial – Getting Started
15. Getting Started with HTML 5 Canvas
http://webdesigneraid.com/15-easy-guides-on-getting-you-started-with-html5/
rotate3Di - Flip HTML content in 3D
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect. Supported browsers are WebKit, Safari, Chrome, Firefox 3.5+, IE9 (Platform Preview 7+), and probably Opera. The plugin's functionality includes: setting or animating HTML content to an arbitrary isometric rotation angle, as well as flipping, unflipping, or toggling the flip state of an object.
http://www.zachstronaut.com/projects/rotate3di/
http://www.zachstronaut.com/projects/rotate3di/
Subscribe to:
Posts (Atom)
Bookmarks
Generators
- .NET Buttons
- 3D-box maker
- A CSS sticky footer
- A web-based graphics effects generator
- Activity indicators
- Ajax loader
- ASCII art generator
- Attack Ad Generator
- Badge shape creation
- Binary File to Base64 Encoder / Translator
- Browsershots makes screenshots of your web design in different browsers
- Button generator
- Buttonator 2.0
- Color Palette
- Color schemer
- Color Themes
- Colorsuckr: Create color schemes based on photos for use in your artwork & designs
- Create DOM Statements
- CSS Organizer
- CSS Sprite Generator
- CSS Sprites
- CSS Type Set
- Digital Post It Note Generator
- Easily create web forms and fillable PDF documents to embed on your websites
- egoSurf
- Favicon Editor
- Favicon generator
- Flash website generator
- Flip Title
- Flipping characters with UNICODE
- Form Builder
- Free Footer online tools for webmasters and bloggers.
- Free templates
- FreshGenerator
- Genfavicon
- hCalendar Creator
- HTML form builder
- HTML to Javascript DOM converter
- Image Mosaic Generator
- Image reflection generator
- img2json
- JSON Visualization
- Login form design patterns
- Logo creator
- Lorem Ipsum Generator
- LovelyCharts
- Markup Generator
- Mockup Generator
- Online Background Generators
- PatternTap
- Pixenate Photo Editor
- Preloaders
- Printable world map
- punypng
- Regular Expressions
- RoundedCornr
- SingleFunction
- Spam proof
- Stripe designer
- Stripe generator 2.0
- Tabs generator
- Tartan Maker. The new trendsetting application for cool designers
- Test Everithing
- Text 2 PNG
- The Color Wizard 3.0
- tinyarro.ws: Shortest URLs on Earth
- Web 2.0 Badges
- Web UI Development
- Website Ribbon
- wwwsqldesigner
- Xenocode Browser Sandbox - Run any browser from the web
- XHTML/CSS Markup generator
Library
- 12 Steps to MooTools Mastery
- AJAX APIs Playground
- Best Tech Videos
- CSS Tricks
- FileFormat.info
- Grafpedia
- IT Ebooks :: Videos
- Learning Dojo
- Linux Software Repositories
- NET Books
- PDFCHM
- Rails Engines
- Rails Illustrated
- Rails Metal: a micro-framework with the power of Rails: \m/
- Rails Podcast
- Rails Screencasts
- RegExLib
- Ruby On Rails Security Guide
- Ruby-GNOME2 Project Website
- Rubyology
- RubyPlus Video
- Scaling Rails
- Scripteka
- This Week in Django
- WebAppers