HTML & CSS
10 Helpful Resources for Cross Browser Testing
Every web designer knows that browser differences can create plenty of headaches. Finding and fixing problems can be difficult if you’re not equipped with the right tools. In this post we’ll take a brief look at 10 of the leading resources for making your browser testing less time consuming and more productive.
Browsershots
Browsershots is a popular free service that will provide screen shots of a page from just about any browser from all of the common operating systems. All you have to do is enter your URL and select the browsers and operating systems that you want to test. Browsershots will then enter your information into the queue, and in a few minutes you should have the screen shots.
There is a paid option that will give you priority over the free requests. When the service is busy it can take a while to get the free screen shots, but you can pay $15 per month for priority processing.
Continue reading »
12 Steps to Better Code
1. Do you use source control?
I’ve used commercial source control packages, and I’ve used CVS, which is free, and let me tell you, CVS is fine. But if you don’t have source control, you’re going to stress out trying to get programmers to work together. Programmers have no way to know what other people did. Mistakes can’t be rolled back easily. The other neat thing about source control systems is that the source code itself is checked out on every programmer’s hard drive — I’ve never heard of a project using source control that lost a lot of code.
The New Hotness: Using CSS3 Visual Effects
Create A Polaroid Image Gallery
We always try to stay pretty active with our Flickr feed; our chief instigator Bryan does a great job of capturing the day-to-day and special events and even some of our old work. We wanted a great way to show off these photos, so we turned to CSS3 to create a compelling, fun image gallery. The Polaroid style is pretty common, but we wanted not only to make it dead-simple to create the gallery in the markup but also to add styles that would have required Javascript just a year or two ago.
9 Most Common IE Bugs and How to Fix Them
Internet Explorer – the bane of most web developers’ existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn’t really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let’s get started.
10 Common CSS Browser Compatibility Issue/Bugs You Must Know
When you write a CSS for your project you never know what kind of bug or issue you will face at time of browser compatibility.
Internet Explorer (IE) and Mozilla Firefox are the standard browsers which are globally considerable at time of browser compatiblity. Other browsers such as Chrome, Safari and Opera have a significant presence as well.
In today’s scenario browser bugs with CSS can be an incredible source of frustration for Web designers and developers. In this post I’m sharing some most common CSS browser compatibility Issues/Bugs. Here’s the following list:
Continue reading »
20 jQuery Utilities For A Smashing Website
Webdesigners create and design a whole lot of widgets and utilities to make a website more appealing. Here, I have collected the best jQuery Utilities that will help every web designer and web master to build a beautiful yet fully loaded smashing website.
1. Real Person jQuery Plugin
This plugin is designed to help overcome automated form submission by requiring a real person to identify text made up of dots. The entered value is compared on the server with the generated value to determine whether processing should continue.
Continue reading »
10 Super PHP codes to handle HTML (for Web Developers)
1. Object HTML
A set of classes that will allow you to build HTML documents completely w/ objects in PHP. This is only the most basic layer but it is easy to build onto.
2. OO HTML Table Generation
Automatic generation of HTML for table.
- Colspan, rowspan, table style, column style, cell style, and data style may all be defined.
- OO interface
- Simple but effective
10 Common CSS Browser Compatibility Isuess/Bugs You Must Know
When you write a CSS for your project you never know what kind of bug or issue you will face at time of browser compatibility.
Internet Explorer (IE) and Mozilla Firefox are the standard browsers which are globally considerable at time of browser compatiblity. Other browsers such as Chrome, Safari and Opera have a significant presence as well.
In today’s scenario browser bugs with CSS can be an incredible source of frustration for Web designers and developers. In this post I’m sharing some most common CSS browser compatibility Issues/Bugs. Here’s the following list:
1. How To Attack An Internet Explorer (Win) Display Bug
Take Your HTML Tables to a New Level with JavaScript Frameworks
With basic HTML tables, the structure and the way the table are presented inherits the native html style. And if you like to change it then you need to change the underlying HTML code or spend time in adding attributes to all tables tags, in order to style it with CSS . But what if you want to make the tables more interesting, more dynamic, more visual appealing without spending so much time. Yes you can certainly use JavaScript for this, but coding it from scratch will be time consuming and it’s not worth. But JS libraries/frameworks will allow you to add a range of dynamic behavior to your tables and manipulate it for better presentation on a webpage without spending much time. We decided to list a few for the benefit of those who intend to use tables with JavaScript(JS). Most of these are for the popular jQuery, MooTools and Prototype/script.aculo.us JS frameworks. Since most of the JS frameworks mentioned below are plug-ins that work on top of existing JS frameworks, it is recommended that you take a look at those base frameworks first. But there are a few others that do not require an existing JS frameworks.
Solutions Based on jQuery
The 6 don’ts of Web Development
Over the years i have found (usually the hard way) that there are a lot of guidelines we need to remember whenever we are working with the web. So keep these in mind next time you’re building a website!
Don’t forget to clear your floats.
So maybe you have gotten use to clearing your floats, personally I think a lot of people either never understood the concept fully or stuck too long with tables because you can’t run into that problem with them. Anyways here is the don’t. Whenever you have a float you should remember that the floated element kind of literally floats in the page, hence if there is a wrapping element it will not get pushed down under the floated element, here is a picture to help you visualize this.
