Website Tech

Tag: firefox

  • Web Site Development Tools (Windows and OS/X)

    Web Site Development Tools (Windows and OS/X)

    You really should use an FTP program. (No, don’t use your web hosting company’s HTML file browser. Not as fast, easy, reliable. Also, don’t edit plugin or theme files using WordPress built-in editor, you need a programmers editor, and then FTP.) Windows FileZilla or FileZilla Portable; OS/X FileZilla Client or just search for FileZilla on download.cnet.com, it’s completely free and well done. Find out from your hosting provider if you can connect securely (SFTP is most common).

    If you don’t already have a good programmers editor, get Notepad++, Notepad++ Portable, or for OS/X TextWrangler or BBEdit look like good choices (but I haven’t used either). TextWrangler vs BBEdit Comparison. Both are from the same company, so get TextWrangler (free) until you know you Need a feature in BBEdit.

    I have clients who use CoffeeCup Free HTML editor, or who have purchased the full version. Very nice. I haven’t used their other tools, I either already had free tools that work great, or wasn’t interested, but those tools all look well done. http://coffeecup.com/

    Having a development server lets you put only working pages on your public web site. I use XAMPP, a full free Apache server, with PHP, Perl, MySQL, and more, to run on your Windows computer. Even a portable version (install on a USB drive, have a web site development server on any Windows computer). Changes the development flow; instead of making updates with edit-upload-refresh browser-repeat, updates become edit-refresh browser. Small change, but it really adds up. Plus of course, it enforces developing and testing on one server, putting the working product on the production server. Develop WordPress plugins on your notebook, without crashing your production WordPress multi-site setup with 30 client blogs.

    If you want a full professional HTML/PHP/Javascript development environment with debugger, I’ve used NetBeans IDE and like it. Versions for Windows, OS/X and others. Get the “PHP Bundle” unless you know you are going to use other languages; you can always “add or remove packs later using the IDE’s Plugin Manager (Tools | Plugins)”. But unless I am working on something where stepping through the code to find bugs is what I need to do, I find I use NotePad++ most, perhaps just because I learned it first.

    For website development you have to have Firefox, with the Firebug addon. And it’s really good to have Google Chrome too, there are occasional CSS slight differences; mostly I’ve found I was sloppy with CSS sometimes, Chrome would show my sloppiness where Firefox would interpret my CSS to do what I meant. Chrome has the developer tools built in (the Inspector), that look a lot like Firebug; both let you see all the CSS statements are loaded for the element, which are over-ridden vs active, and adjust the CSS until you see the results you want. Both have a lot more, and that’s the feature you’ll use every time something on any page doesn’t look right.

    (I don’t use Internet Explorer except occasionally I quickly check my site displays in an older version; IE9 came on my new computer. Any version of IE older than that gets the same standards compliant, responsive, minimal HTML, formatted by CSS web site that I give to any smart phone, plus a very small IE-specific CSS file that makes it display simply; anyone using old IE today is used to web pages not looking great.)

    I use the Fireshot plugin for screen captures, Firefox/Chrome/IE. Excellent for communicating technical visual things with other people.

    Check out Xplorer2 for file browsing, much easier to have two panes in a single window, than using Windows Explorer. Use bookmarks for your favorite folders, instead of endlessly navigating up and down the tree of folders. (on download.cnet.com)

    For images, I use IrfanView for viewing and minor edits such as cropping and color balance. GIMP is the best free image editor; I barely know how to use it for simple things; graphic artists compare its features to PhotoShop.

    For keeping all my passwords for all those sites and banks and stores, settings for FTP sites, settings for databases, etc, I use KeePass Portable (on download.cnet.com)

    GMail and Google Hangouts have custom email accounts for free, view email from any web browser, forward GMail messages to any POP or IMAP account (e.g. on Thunderbird). Google Hangouts is connected to a GMail account, chat audio or webcam audio/video. Screen sharing, if you do any technical support you can guide the other person as you watch their screen. Completely free calls to any USA phone number.

    VLC Media Player: http://videolan.org/vlc excellent media player capable of reading most audio and video formats.

    7 Zip: http://7-zip.org An open source, free alternative to WinZip, has higher compression, great integration with Windows Explorer or xplorer2.

    Adobe Reader: http://get.adobe.com/reader the standard free PDF viewer.

    Audacity: http://audacity.sourceforge.net for recording & editing audio files, a lot of professional-level multi-track editing capabilities. Easy for trimming audio (e.g. the long pause from starting recording to start of talking), and making people who talked at different volumes sound the same. Open source.

    Evernote: http://evernote.com Scan your notes, receipts, etc, will OCR the content, save it, and make it searchable. Free.

    GIMP: http://gimp.org (free download)
    An open source program used to create & edit – free alternative to Photoshop.

    Open Office: http://openoffice.org (free download)
    Open source office suite software – word processing, spreadsheets, databases, presentations. Reads .csv files better than Microsoft Office (if a text field has multiple lines, MSOffice can’t read it).

    Panda Cloud Antivirus (download.cnet.com) or AVG: http://free.avg.com (free download)
    Anti-virus and anti-spyware protection.

    BrowserShots: http://browsershots.org (free online tool)
    Use this to see how your website look in various browsers, browser versions, operating systems.

    Other Software, Others Recommended

    CamStudio: http://camstudio.org (free download)
    Lets you record all screen & audio activity on your computer and create video files.

    CCleaner: http://ccleaner.com (free download)
    Removes unused files from your pc allowing Windows to run faster and freeing up space.

    Color Cop: http://colorcop.net (free online tool)
    A multi-purpose color picker – great for web designers and programmers.

    Down For Everyone: http://downforeveryoneorjustme.com (free online tool)
    Is your site down? Use this tool to see if your website is down for other people.

    DupeFree: http://dupefreepro.com (free download)
    Quickly check for duplicate content & LSI keywords.

    Give Away Of The Day: http://giveawayoftheday.com (free download)
    Unique site that offers you a free license digital product daily.

    Launchy: http://launchy.net (free download)
    Opens your documents, project files, folders, and bookmarks with just a few keystrokes .

    NicheBot Classic: http://nichebotclassic.com (free online tool)
    Online keyword research tool helps you target the correct keywords.

    OSWD: http://oswd.org/ (free downloads)
    Open Source Web Design offers free web design templates.

    PDF995: http://pdf995.com (free download)
    Use this tool to easily convert files to PSD format.

    PDF to Word Converter: http://pdftoword.com (free online tool)
    Easily create editable Word Doc files from PDF content – for legit purposes only! 🙂

    Pixie: http://nattyware.com/pixie.php (free download)
    Great for web designers – just point to a color and it will tell you the code value for that color.

    Private Label Rights Forum: http://resell-rights-weekly.com/forum (free online tool)
    Very helpful forum with lots of good info on internet marketing. Friendly members too.

    Resell Rights Weekly: http://resell-rights-weekly.com/ (free downloads)
    Free membership where you can download over 150 PLR/RR products for free.

    Roboform: http://roboform.com (free download)
    Easily & safely manage your passwords.

    ScreenHunter: http://wisdom-soft.com/sh/sh_free.htm (free download)
    Software that allows you to “capture” any part of your desktop, a window or full screen.

    ShortKeys: http://shortkeys.com (free download)
    Allows you to set up replacement text or paragraphs for any user defined keystrokes.

    SpyBot: http://safer-networking.org (free download)
    Effectively detects and removes spyware from your PC.

    Textpad: http://textpad.com (free download)
    A powerful text editor, for editing HTML code.

    TimeLeft: http://nestersoft.com/timeleft (free download)
    A countdown, reminder, clock, alarm clock, stopwatch, timer, & web countdown tool.

    Tweet Deck: http://tweetdeck.com (free download)
    Great for staying in touch with your contacts across Twitter, Facebook, MySpace and more.

    Kompozer: http://kompozer.net (free download)
    An easy to use WYSIWYG HTML editor. Less buggy than NVU (the project was picked up where NVU left off). But doesn’t know anything about PHP, won’t even open a PHP file (copy/paste results into your PHP file, in NotePad++.) As of 9/1/2013: “Latest development version: 0.8b3 (2010-02-28)”, so the project has halted. I recommend get the CoffeeCup Free HTML Editor, which displays the preview in a portion of the screen. Or if you really want to have WYSIWYG web editing, use WordPress!

  • Favorite FireFox Add-Ons

    Here are the FireFox add-ons that I use

    NoScript

    Essential security for your web browser! Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

    Firebug

    Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

    CodeBurner for Firebug

    CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

    Firefinder for Firebug

    Finds HTML elements matching chosen CSS selector(s) or XPath expression

    CoLT

    CoLT makes it easy to copy either a hyperlink’s text or both the link and the link’s text (in a format you specify). Two handy context-menu items make this possible, and don’t add clutter; the items are only visible when right-clicking a link! Using CoLT to make this list, right click on the link to the Add-On in the search page, press o (for “cOpy link text and location as”), press Enter (HTML is the default, plain text and BBCode are some of the other options).

    ColorZilla

    Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…

    Live HTTP Headers

    View HTTP headers of a page while browsing.

    TwitterBar

    Post to Twitter from your address bar.

    BetterPrivacy

    Ever wondered why you are still tracked though you tried everything to prevent it?
    BetterPrivacy is a safeguard which protects from usually not deletable LSO’s on Google, YouTube, Ebay…

    Clipmarks

    Clipmarks lets you clip and share specific parts of articles, blog posts or anything else you read on the web. With our newly integrated Amplify service, you can post clips directly to Twitter or Facebook – or share them on clipmarks.com and more.

    Download Statusbar

    View and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing.

    Pixel Perfect

    Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.

    CSS Usage

    Just found this one, I’ve been wanting to clean out my CSS! Firebug extension to view which CSS rules are actually used.

    FireFTP

    FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. (I use FileZilla instead, easier for multiple projects; but FireFTP runs inside Firefox.)

    FlashGot

    Download all the links, movies and audio clips of a page at the maximum speed with a single click, using the most popular, lightweight and reliable external download managers.

    IE View Lite

    This is a cut down version of IE View by Paul Roub, which is 47.4 KB. All the same UI and features are there. It has a right click menu item to open a page in IE and a list of sites to always open in IE. It can close tabs automatically and send.

    iMacros for Firefox

    Automate Firefox. Record and replay repetitious work. If you love the Firefox web browser, but are tired of repetitive tasks like visiting the same sites every days, filling out forms, and remembering passwords, then iMacros for Firefox is the solution you’ve been dreaming of! Whatever you do with Firefox, iMacros can automate it.

    I have automated reading ClickBank data into a database form; and reading real estate listings, home values and rental prices, into a database.

    Combined with MySQL PHP Generator – Free PHP MySQL Generator by SQL Maestro Group you have a relatively easy to use (compared to coding in PHP) data scraping to database system.

    InFormEnter

    InFormEnter adds a small, clickable icon next to every input field in a web form, from where you can select the item to be inserted – no typing required (but I press Insert, quicker). You can configure it to display your frequently used information such as name, email, address, library card number.

    Minimap Sidebar

    The Minimap Addon gives you a suite of built-in maps and mapping tools for your web browser. Drag and Drop addresses or address links you find on web pages to view their location in the Map Sidebar, or by manually adding locations.

    Operator

    Operator leverages microformats and other semantic data that are already available on many web pages to provide new ways to interact with web services.

    Save Complete

    Saves a webpage completely, providing a better alternative to the built-in save functionality of Firefox.

    Screengrab

    Screengrab! saves webpages as images…

    It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard. It captures Flash too!

    SenSEO

    SenSEO is an extension checking the most important on-page-SEO-criteria and calculating a grade of how good your site fulfills these criteria.

    Add-Ons I Sometimes Use

    DOM Inspector

    DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM can be navigated using a two-paned window displaying a variety of different views on the document and all nodes within.