One of the huge advantages of Mozilla FireFox , compared to other browsers, it was, it still is, to possess a large amount of free extensions that allow you to customize and extend the application. As a web developer I can not - now - to do without some useful extensions that help me in the construction, inspection and maintenance of Web pages
Articles Tagged 'web-developer'
5 extensions for FireFox to have dedicated to Web Developer
Unobtrusive Javascript: pseudo real &
In this post I would like to analyze the use of unobtrusive script from the point of view of the Web Designer. Normally, in fact, a script that is not intrusive towards the end of the navigator!
But it can also be used for the Web Designer?
Unobtrusive JavaScript from the perspective of the Web Designer
Putting ourselves in the shoes of a web designer can identify two categories of unobtrusive JavaScript: Unobtrusive Javascript true and pseudo unobtrusive JavaScript.
Both categories, however, are not completely non-intrusive (always from the point of view of the Web Designer). A real and complete unobtrusive JavaScript should not take any action on the Web page, but this is - for now - basically impossible. The minimal operation required during the installation of a script is, however, the inclusion of the inclusion of the script itself! It is, therefore, that this operation permissible - indeed - does not even require the web designer to make regular adjustments to the structure of the page. The simple placement of the inclusion of the script tag inside the head can be therefore considered non-intrusive.
The true unobtrusive JavaScript
The scripts of this type are the only ones that require inclusion of the script and not unobtrusive; claim any operation! Scripts of this type are, for example (the usual and oft-cited), Snap . Once you entered the code include the Web Designers must not engage in any further operation, as the script snap operates on standard tags.
Pseudo unobtrusive JavaScript
These are different from previous tagging as requiring further to run correctly. Examples of this type are Control.Tabs of Ryan Johnson to slide or library Lightbox JS . per identificare i link che devono essere modificati. Lightbox JS , in particolare, richiede addirittura la presenza esplicita sia di Prototype che di Scriptaculous . The latter solution, for example, requires the inclusion in the Tag A the attribute rel to identify the links that need to be modified. Lightbox JS , in particular, requires explicit and even the presence of Prototype that Scriptaculous . As indicated on the website Lightbox JS , the inclusion of the script should look like this:
1 2 3 | "text/javascript" src = "js/prototype.js" >< / script > < script type = "text / javascript" src = "js / prototype.js"> </ script > "text/javascript" src = "js/scriptaculous.js?load=effects" >< / script > < script type = "text / javascript" src = "js / scriptaculous.js? load = effects"> </ script > "text/javascript" src = "js/lightbox.js" >< / script > < script type = "text / javascript" src = "js / lightbox.js"> </ script > |
The links that point to un'immmagine you want to view the system with Lightbox JS should be written like this:
1 |
In addition to identify a group of images, to add the ability to scroll forward and backward images, tags A be set as follows:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < a href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> image # 1 </ a > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < a href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> image # 2 </ a > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < a href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> image # 3 </ a > |
The need for such constraints is evident, there is no easy way to distinguish a link element (Tag A ) from another. In particular it is not possible to understand which element the designer wants to display in one way or another. Web Designer must necessarily indicate somewhat Tags and their behaviors. Are therefore required - intrusive - totally understandable, not at all diminish the usefulness and potential of these scripts. Only lead to greater detail and a few lines of code in over the Web Designer.
It is interesting, however, the double aspect of 'unobtrusive JavaScript, is analyzed in terms of both end-user point of view, Web Designer.
Accessibility and Usability: unobtrusive Javascript
Allowing users to interact with a Web page in recent years has produced a significant increase in the use of client-side scripting: Javascript code can respond in real time and manipulate a variety of information. The Web2.0 is the ultimate expression of this capacity for interaction, in which the end user - the user-actively participates in the construction and to 'evolution of the Web site, interacting with it and helping yourself. Is referred to as User-Generated Content (UGC or - user-generated content) that sees the "navigator" definitely not passive!
To achieve this interaction, thus allowing the end user to add his contribution, we developed a series of techniques that have changed the appearance and behavior of Web pages (static so far, but now similar to the traditional applications of Desktop) in recent years. Change the content of a page, send files, giving their vote to a video or a document, register or change their personal data, are just some of the richest operations in many services (2.0 beta) on the Web
Adobe Apollo Alpha Release
Adobe has finally released the alpha version of Apollo . We are still far from the final version, but you can check out some of its features with the demo applications (. air) proposals online. The installation ( Apollo runtime ) of this Alpha weighs about 6Mb - for Windows. The Demo (Apollo sample applications) do not weigh even 600Kb. After installing the Apollo runtime will seem nothing changed on your PC (not added any links on the desktop or taskbar), even though you have installed - in fact - the new browser from Adobe! See Web2.0: Adobe is trying to Apollo?
Net Software
It happened to turn the TV Net TV, as had happened to become a Radio Net Radio, not to mention the music! Now, as mentioned in other posts, it's official for the Software to transform short-term Net Software!
Adobe , which we know has recently acquired Macromedia, formalizes the Web Application - Web 2.0 - in real RIA (Rich Internet Applications) with the announcement of wanting to take on the popular Web editing software Photoshop. It is the latest ' agreement between Adobe and Photobucket to make available online a technology for editing and video remix. Thanks to new technology developed for Flash 9 with ActionScript 3.0 , Adobe aims high, anticipating that within six months will be available online version of Photoshop based precisely on Flash technology.
Indeed, the new possibilities of ActionScript 3.0 (involving projects such as Flex and Apollo - see also Web2.0: Adobe is trying to Apollo and Ajax Rich Internet Application ) makes it the perfect candidate for the implementation of true on the Web Ajax RIA , on the other hand, we see ousted from his throne in this new scenario. Despite the countless Ajax Framework, some excellent, produced during the last few years, Flash provides an environment most advanced and easy to manipulate. Also we talk about one of the world's most popular plugins: Flash has it behind a few years older than Ajax and derivatives.
Furthermore, it is obvious that the Adobe Flash chooses, he being the producer now. However there are technical issues that may be considered - to date - only to be resolved in a harmonious application of technologies such as Flash. Taking a look at the new ActionScript 3.0 we immediately realize the tremendous possibilities of development offered by this new platform. The ECMA standard language and new items made available by the framework allow you to reach a level of detail possible with previous versions of Flash: one of all, for example, the ability to access data from an uploaded image Bitmap hard!
The attack by Adobe seems to take place on two fronts so distinct that they have in common the Flash technology (which remember has always been the ability to actively interact with the browser and then with Javascript Client side and server-side scripting).
The first attack takes place outside, on the browser side, where the technology Apollo is really proposed as an alternative to the usual kernel of the different platforms, available today (Windows, Mac OS, Linux, etc. ...); use Adobe Apollo , then, instead browser for best performance and applications (RIAs real) unthinkable, thus bypassing the incompatibility between Internet Explorer, FireFox and companionship. In addition, Apollo provides a single development platform, JavaScript-like Ajax, but without compatibility issues. This last point is a significant setback to technologies like Ajax, which still suffer greatly with issues of browser compatibility, do not forget, moreover, made the whole issue (rendering) graphical CSS!
The other attack is from inside, hitting Ajax Framework with Flash card. The winning element in this strategy lies in the use of Flash, the Flash technology, which is applicable both in Flex , both in Apollo , both as a standalone version already are accustomed to seeing (simple SWF file for instance)! There is no doubt that this scenario is extremely attractive to developers, and Web. What becomes immediately realizable Flash reusable in various ways, without forcing me to change a single line of code and, moreover, without worrying about compatibility!
This, in my opinion, is an important step forward, a change of considerable proportions, which also involves the world of games and Marketing. We'll talk again soon, make no mistake!
WinSnap and TaskSwitchXP: 2 software to have
Two must-have free software for the utilities and how they were developed. Congratulations to ntwind software on the site also offers other interesting tools.
WinSnap can capture the screen and portions of the PC, but, finally, with all the options of a professional grabber. On the site you can download both the free version (free) that this fee. Its unique features make the developer and I congratulate the authors for the excellent quality of the product.
Installation is quick and easy. The product is extremely lightweight and does not disturb the system. The user interface is well developed and allows you to configure WinSnap in all its parts. You can capture (Grabbe), the entire screen, application windows, active window's client area, context menus (Advanced), individual portions of the screen. The most interesting feature is that WinSnap maintains the transparency of the edges when you capture a window, see Window of rounded edges.
You can also apply some effects of what has been captured; color (grayscale, sepia, negative), shading (bottom, top, edge), others such as the addition of the board, applying a custom watermark, rotate and image resizing! In short for those who need to freeze anything on the screen is the ideal product.
TaskSwitchXP is a replacement of the command ALT + TAB in Windows. Supersedes so much higher than the Microsoft PowerToys that, by comparison, is just ugly (the Microsoft version also works with some bad bugs!).
Although this product is perfect in its conception, excellent customization and extreme efficiency. TaskSwitchXP is completely free and runs at startup after installation of the machine, but nevertheless remains transparent and lightweight system.
In addition to showing a good preview of the task on which you want to go (dividend instances of applications - very useful in some cases), also reduces the windows of Windows directly into the TrayIcon.
Web2.0: Adobe is trying to Apollo?
Apollo is the code name (for now) of an ambitious project in the world for Adobe RIAs (Rich Internet Applications) and Web 2.0, including Ajax. Someone remembers Macromedia Contribute, Macromedia Central to someone else. There is, also, who sees in Apollo simple union - or opportunity - to bring together elements of Flash and PDF (something which has already been feasible with Flash Paper)!
Web Developer 1.1.3
Chris Pederick releases new version of Web Developer , convenient add-on for FireFox and other browsers, which together with FireBug makes life better for Web developers.
Stumble this release for its novelty than its much do good. The toolbar icons have been redesigned, now much more effective. It increased the number of functions available on the menu, as a convenient magnify in real time, rules and guidelines, ability to edit the HTML. To be installed as soon as possible ...






Latest Comments
Mark : @ Mark: Thanks for the answer. For example, if you have a code to save / use the folder ...
Mark : Thanks for the answer. For example, if you have a code to save / use the folder ...
Giovambattista Fazioli : @ Mark: in principle, absolutely, a lot depends on how and what to download. La. ..
Mark : Hello, good guide! I wanted to ask, you can use the same code to run a sql database? Instead of ...
Joseph : Hi I wanted to ask you how you can do in the post I uploaded a gallery of 50 images, for example, ...