Profile

Cover photo
Verified local business
LightSpeed WordPress Development
Website Designer
Today Closed
101 followers|11,722 views
AboutPostsPhotosVideos

Stream

 
5 More Useful Firebug extensions

FireStorage Plus

- FireStorage Plus! is an extra panel to Firebug for displaying and manipulating the web storage containers such as localStorage and sessionStorage.

Arboreal

- Arboreal is a #Firebug extension for DOM tree visualisation

FirePath

- FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath 1.0 expressions and #CSS 3 selectors.

FirePHP

- FirePHP enables you to print to your Firebug Console using a simple PHP function call. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page. Thus, FirePHP is ideally suited for AJAX development.

FireQuery

- FireQuery adds a collection of jQuery-related enhancements to Firebug. Recommended for all jQuery developers.

In the above list you see all the extensions that I find useful. There is, however; more extensions that look very interesting. For example, the performance extensions like ySlow.
1
Add a comment...
 
In the last post, I looked at how HTML5 input types and attributes can make it easier for people to fill out mobile web forms. For this last post in our series about #mobiledesign, I’ll be looking at input masks.

In Mobile First, we learn that an input mask can be used to prevent users from entering information into input fields incorrectly. This is because an input mask will block out or cover information that isn’t part of the format required.

For example, let’s say that you need users to give an email address at site.com. The address will therefore have to end in “@site.com”. By masking any characters that are entered after the “@”, you can make sure that a site.com email address is always given.

For more advice on how to create an effective #mobilewebdesign, get hold of Luke Wroblewski’s book, Mobile First.
In this blog post, LightSpeed looks at mobile web design and how to improve user experience by designing mobile-friendly input fields.
1
Add a comment...
 
We're hiring! And we're looking for a WordPress Front End Developer / Graphic Designer. Here are the details: http://ow.ly/vDOOC
1
Add a comment...
 
In the last post on #mobiledesign, I talked about how placing labels above input fields can save space. In this post, I’ll be looking at why it’s good to ensure that labels within fields are distinguishable from user input text.

According to Mobile First by Luke Wroblewski, making labels distinguishable from user answers will help prevent the labels from accidentally becoming part of user answers. People will be able to clearly see whether or not they’ve included part of a label in their text.

One way of avoiding confusion is to style the label and input text differently, creating a strong visual distinction. Another way is to have a label inside a field disappear when a user begins typing. (This is the default behaviour for the HTML5 input attribute placeholder.)

In the next post, I’ll be looking at what Mobile First says about using HTML5 input types and attributes to improve user experience.
In this blog post, LightSpeed looks at mobile web design and how to improve user experience by designing mobile-friendly input fields.
1
Add a comment...
 
We're hiring! And we're looking for a Senior WordPress Developer. Here are the details: http://ow.ly/vDPDM
1
Add a comment...
 
Yesterday, we saw where to place “cancel” and “delete” buttons on mobile touchscreens. In this post, I’ll be showing you how deal with hover actions when you’re designing a version of your site for a mobile touchscreen.

To deal with actions that rely on mouse hovers in desktop web experiences, Mobile First suggest doing the following when designing for touch:

- Remove actions and information from on-hover menus and place them directly on the screen, where they are visible.
- Take what’s inside a hover menu and move it to a separate page.
- Change hover menus into on-tap menus by default.
- Remove actions altogether.

In the upcoming posts, I’ll be looking at what Mobile First teaches us about #mobiledesign inputs.
In this blog post, LightSpeed looks at mobile design and offers some valuable tips on how to design effectively for people using mobile touch devices.
2
Add a comment...
In their circles
12 people
Have them in circles
101 people
 
5 #Firebug extensions that are useful

Firecookie

- Firecookie is a an extension for Firebug that allows to view, manage and debug cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that web developers have the functionality accessible within the familiar Firebug’s UI

Firefocus

- Firefocus is a simple Firebug extension that tracks the element that currently has focus. Its primary purpose is to assist the debugging of advanced keyboard implementations. Firefocus requires Firebug 1.4 or later.

Firepicker

- Firepicker automatically adds a color picker to Firebug’s inline CSS editor.

CodeBurner

- CodeBurner adds #HTML, #PHP and JS reference material in the console of FireBug. This is not really needed as the IDE you are using should have this info in it as well.

FireSass

FireSass allows Firebug to display the original Sass filename and line number of Sass-generated #CSS styles.
In this post, LightSpeed takes a look at useful Firebug extensions . We list the ones that we find useful and we also add links to each extension.
1
Add a comment...
 
In the post before this one, we learnt how to make labels in input fields clearly distinguishable from user answers. In today’s post, I’ll be looking at how to make things easier for users by using HTML5 input types and attributes in your #mobiledesign.

Mobile First says that you can use HTML5 input types and attributes to automatically call up the correct virtual keyword for the input format required for a field. For example, specifying the input type of "email" will bring up a keyboard with the “.” and “@” keys. By doing this, you’ll allow users to fill in form fields quickly and easily.

Some input attributes which can be used to assist users are:

- autocapitalize: turn this attribute off for things like email, password, URL and other case-sensitive fields.

- autocorrect: turn off this attribute for email, password, URL, and other non-alphabetical inputs.

In the upcoming post, I’ll be looking at what Mobile First teaches us about input field masks.
In this blog post, LightSpeed looks at mobile web design and how to improve user experience by designing mobile-friendly input fields.
1
Add a comment...
 
We're hiring! And we're looking for a WordPress Support Developer. Here are the details: http://ow.ly/vDPJt
1
Add a comment...
 
In the previous posts on #mobiledesign, I looked at how to design for mobile touch actions. In the next series of posts, I’ll be looking at what Luke Wroblewski’s book, Mobile First, teaches us about designing mobile-friendly inputs fields.

For starters, Mobile First suggests that designers place labels above input fields. Because mobile screens are small, there often isn’t enough space for left-aligned or right-aligned labels on web forms. By top-aligning your labels, you will save space and have leaner-looking designs.
In this blog post, LightSpeed looks at mobile web design and how to improve user experience by designing mobile-friendly input fields.
2
Add a comment...
Contact Information
Map of the business location
46 Devon St Cape Town 7925 South Africa
46 Devon StZAWCCape Town7925
+27 21 448 9843lsdev.biz
Website DesignerToday Closed
Monday 8:00 am – 6:00 pmTuesday 8:00 am – 6:00 pmWednesday 8:00 am – 6:00 pmThursday 8:00 am – 6:00 pmFriday 8:00 am – 6:00 pmSaturday ClosedSunday Closed

LightSpeed opened its doors in 2003 as a network support specialist and computer hardware sales business. In 2007 we refocused the business on website development, specialising in building websites and scalable social networks with WordPress and BuddyPress applications. The websites we build enable businesses to manage their own content, putting the power in their hands. 

A variety of e-marketing and website development related services are provided by our core team of 12 members. Our extensive skills base allow us to complete a number of simple to complex website projects concurrently. We use open source applications like wikis, blogs and social media applications to collaborate with clients and team members while projects are running. Website maintenance and website hosting are additional services provided by LightSpeed

As social media specialists, we've developed several software applications and services which will improve the efficiency of the internal communication, interaction and online marketing activities of users. These products and services include the development of media rich web pages, social media optimization and consultation.

Google+ URL
People
In their circles
12 people
Have them in circles
101 people
Write a review
Review Summary
Be the first to review
Photos
Upload public photo
Your Activity