Great Ideas. Always Flowing.

We are not happy until you are happy. Client satisfaction guaranteed. Whatever your needs and requirements, we have the skills and resources for the job!

Authors

Popular Posts

Tags

2008 2008 Express Add AFTER alert Alias Aliases Alter Alternating And ASC Assist BETA Blog Cancel Check ON Checkbox Checkbox Group Color Column Columns Combo Box Composite Confirm Confirm Message Control CREATE CREATE TABLE Data Data Springs Database DDL DELETE Delete Confirm Demo Demonstration DESC Direct Access DNN DotNetNuke Drop Drop Constratint Drop Down Drop Down List DS Dynamic Dynamic Blog Dynamic Forms Dynamic Registration Dynamic Views Edit Event Example Express Fade In Fade Out Field Filters FK Forms Full-Table Scan Generating Generator Generators Great Ideas Group Help HTML Increase Index Indexes Input Integrity jQuery Label Listbox Listener Message Modify My Account MySQL No NULL Often Ok ON Optimization Optimize Option Options Oracle Order By Perform Performance PK Popup PostreSQL Queries Query QuestionOptionValue Radio Button Radio Button Group References referential Round Script Search Search Filters SearchOption SearchOptionValue Select Server Snippet Sort Springs SQL SQL Driven SQL Driven Query SQL Express SQL Server SQL Server 2005 SQL Server 2008 SQL Server 2008 Express SQL Server 2008 R2 SQL Server Express SSMS Stored Stored Procedure TABLE Tables Temporary Tool Tools Tooltip Tooltips Transact-SQL Trials Triggers TSQL T-SQL Unique UPDATE Use Useful Views Widget Widgets Window Yes [userimage] 10 64 bit Ability ABS Action Active Forums Alleviate Alternating Colors Alternating Rows Analytics ARB asp.net asp.net validation AuthARB Authorize.NET Avoid Back Button Basecamp Blog Blog Posts Blogging Browser Browser Back Browser Close Browser History Browser Script Button cascading style sheet Case Char Character CharAt CharAt() Check chip levinson Click client side validation Close Browser Close Window Collection 5.0 Comment Compatibility Compatible Completion completion event Confirm Message Conform Constraints content localization Count Timer Countdown CRM css csv Cursor Custom Custom HTML Custom JavaScript Custom JavaScript File customer feedback Customize Data Data Integrity Data Springs Data Springs Blog Data Springs Collection Data Springs Development Data Springs Planning Data Springs Training Databases DataSprings Date Time JavaScript Debug Info default value Delete Demonstration DF DNN DNN Authentication DNN Blog DNN Core Profile Property dnn html module dnn modules dnn schedule error dnn schedule multiple DNN Store document document.getElementById DotNetNuke dotnetnuke 5.4.4 DotNetNuke Analytics DotNetNuke Forums DotNetNuke JavaScript DotNetNuke Modules dotnetnuke reporting dotnetnuke scheduler dotnetnuke user image Double Double Quotes DR DROP Drop Constraint DropDown Login DS dynamic Dynamic Data dynamic fields Dynamic Form Dynamic Forms dynamic forms silent post Dynamic Forms Tutorial dynamic login Dynamic PDF Form Completion Event dynamic registration dynamic registration silent post dynamic registration user image dynamic user directory dynamic views DynamicRegistration_Question DynamicRegistration_QuestionResponse email email issues Encapsulated Encapsulation Even Event Event Viewer Example Excel Execute Export Export to Excel Facebook Facebook Connect Field FieldID First FirstName Fix Foreign Key Form Form Post Formatting Forms Forum Flow Full Table Scan Fully Function Google Analytics Google Analytics Ecommerce Great Great ideas Grid guides hidden field Hide Show Rows Highrise Highrise API Hourly Services HTML HTTP Post iDeal IE IE 10 Image Image Button Include Inconsistancy Info Information Injection INSERT Integration Interactive User Import Interface internet Internet Explorer iPAD iPAD App for Highrise iPAD Highrise App Items JavaScript JavaScript hide show JS Function Layout Lead Generation Learn Left Left Quote Link LinkedIn list import Live Blog localization Log Logic Login login module login skin object Loop Mandeeps Match Message Microsoft Live Writer module configuration Modules Monthly Services Name Netherlands New News Blog NL NOT NULL oAuth2 Odd OnClick Open Web Studio opt in email OWS Part 1 Part 2 Passed payment gateway paypal Phone Number Placement Post Postback Posts Premium Integration Premium Services Premium Support Primary Key Procedure Products profile Quarterly Services Question question fields Question Loop Question Value QuestionOption Quick Quotes Recommend Recommendation Recurring Billing Redirect Referential Integrity registration Rendered Replace replace html text report views reports Resolution Resource resource files resx Retrieve Retrieving Right Right Quote Rows Ryan Bakerink Sales Force SalesForce Script Scripting Scripts Sequential Access server side validation Silent Post Single Single Quotes Single Sign On skin object Snowcovered Solution sp Springs SQL sql 2005 pivot sql default value SQL Example sql import SQL Injection sql query sql replace statement sql reports SQL Server sql server 2005 SSL SSO stored stored procedure String style sheet stylesheet Submit Submit Button Submit Image Submit Link success story Suggest Suggestion Support Syntax Table technical techwise research Temp test credit card numbers testimonial Text/HTML thumbnail image Time Timer Tip Token Topic Transaction Trial Trigger TSQL T-SQL Tutorial Twitter Types of Constraints Unique Update Highrise user user directory user profile image users online Variable View Web Based Work Around writer writing xls xlsx XML

In the Flow

rss

Data Springs, Inc. - An online diary and web log from staff and customers for premium DotNetNuke resources, Data Springs Modules, and Data Springs Services.


Firebug – A Useful Tool for Developers

When developing for the web, a developer wishes to view their code in real time.  This allows them to view the execution of a web based programming language like Hyper Text Markup Language (HTML) and Cascading Style Sheets (CSS) as they make changes to the existing code on the web site. This allows the developer to view the web site as they are making changes and allow them to see the execution of the web based code that is being applied to the site. This can be accomplished using a plugin named Firebug that can be installed in Firefox 3 and above and Internet Explorer 9. Firebug is a popular and powerful web development tool that allows developers to build their websites in real time. This tool is available to install as a plugin in Firefox and currently in internet explorer 9 which are internet browsers. However developing isn’t the only feature that firebug offers. There are some features in firebug that proves to be very useful when debugging or viewing source code from other sites as well.  The following list is some of features that firebug has to offer:

·         Inspect HTML

·         HTML & CSS editing

·         JavaScript viewing

When developing for a website or just to view another website’s source code, these features in firebug proves to be the most useful. And in the sections that follow will explain why these features are very useful to developers.

INSPECT HTML (HTML Tab)

When debugging or trying to view other websites’ HTML code, the inspect HTML feature will prove to be useful and in some cases time saving. This feature will highlight the website when the cursor is hovering over HTML element in firebug. An example of how this is done is shown in the video below.

As shown in the video, you can scroll the cursor over the HTML element in Firebug and it will highlight the result of the HTML element in the internet browser. This is very useful to developers because it can give them a visual aid example on how to achieve the desired design of their website. If a developer needs to see how specific sections of a website works they can expand the HTML code by expanding the HTML element, plus button, and keep digging deeper into the website’s HTML code to extract the code that interests them.

EDIT HTML & CSS (HTML or CSS Tab)

The edit HTML feature in firebug is very useful because it allows a developer to debug a website’s HTML code in real time without making changings to the HTML code that is currently on the server. So the developer can change the website’s HTML in firebug and it will not change the original HTML on the server. And if the developer wishes to start all over, they just have to press the refresh button and they are starting from the beginning. A developer can do this by double clicking on the CSS or HTML element and the field becomes editable; an example of this is shown in the video below.

When a developer edits the CSS or HTML in fire bug, they will be able to view the result of their edits immediately.  And if these edits satisfy the developer, than the developer can make the edits to reflect what they accomplished in fire bug or copy and paste the code over into their development environment.

JavaScript (JavaScript Tab)

When a developer is doing client side development, there is a high possibility that the developer will be also be coding in JavaScript. Therefore when viewing other websites’ JavaScript code, the developer has the option of viewing the JavaScript in fire bug. This gives developers an opportunity to view other developers’ code and achieve the same functionality on the site the developer is working on; an example of this is shown in the video below.

 
Viewing other website’s JavaScript code can be useful when a developer is attempting to mimic that particular website. This feature can also speed the development of a website up by giving the developer the option of reusing JavaScript from other websites. The developer can than go and edit the JavaScript from their development environment.

CONCLUSION

The fire bug add-on in Firefox or IE9 are good development tools for website developers. There are more features in fire bug that proves to be useful as well. The DOM tab will show the HTML Document Object Model, DOM, of a web page. The NET tab show the loading speed of the webpage and the Console tab is great for finding errors and warnings in a website. So there are more features in fire bug that could be very useful to developers in many ways other than what’s been describe in this article. Therefore the best option to do is download fire bug into Firefox or IE9. And explore the rest of the features.




Comments are closed.
On September 28, 2011 in by DSHelper1
Tagged With: / 3797 Views

Recent Comments

 
 

Join our mailing list...

Get current news and events the easy way
 
 
   
Subscribe Me

Recent Blogs...

 
Copyright 2005 - 2011 by Data Springs, Inc.
 
  • film izle
  • 720 izle
  • film
  • sinema izle
  • film makinesi
  • T�rk�e dublaj film
  • film izle
  • film izle
  • baglan film izle
  • sinema izle
  • 1080 film izle
  • film mercegi