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 »
Find The Right JavaScript Solution With A 7-Step Test
As Web developers and designers, we are spoilt for choice right now. To build a complex Web application or even just spice up a website with some highly interactive interface element, we have hundreds of pre-built solutions to choose from. Every library comes with widgets and solutions, and every developer tries to make a name for him or herself by releasing a funky JavaScript solution to a certain interface problem. We can pick from dozens of menus, image carousels, tabs, form validators and “lightboxes.”
Having this much choice makes it easy for us to pick and choose, which is where things go wrong. In most cases, we measure the quality of a solution by its convenience to us. Our main reasons for picking one solution over another are:
- Does it do what I need it to do?
- Does it look cool?
- Does it sound easy to use?
- Would I want to use it?
- Does it use the framework I’m committed to?
The things you should really look for are different, though:
How to Create a Cool Anaglyphic Text Effect with CSS
Written by Chris Spooner
Anaglyphs are those amazing 3D images that are created by offsetting two of the red, green and blue channels, and are viewed with those nerdy looking 3D glasses with different coloured lenses. I don’t know if this effect works for real, as I’ve unfortunately misplaced my 3D specs, but it’s a pretty cool text effect nevertheless! Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.
35 CSS-based Layouts that Look Awesome
1. Magnifico
20+ Tools for Quick and Clean Code Development
Developing websites is much more than just a pretty face, and depending on what typed of features you’d like to implement on the site, there’s a lot of coding that goes into it. Many times designers turn to a WYSIWYG tool, however tools of that sort are more limited to advanced code. Being able to code a site using a variety of tools lets you simplify the coding process while you take a big bite out of saving time.
Below we’ve hand picked 20+ Tools for Quick & Clean Code Development that will help you code much faster and in an efficient manner.
AJAX
MiniAjax
How to built a Flash gallery with ActionScript 3 and Milkbox
In this tutorial I will explain how you can build a Flash gallery with Actionscript 3 and Milkbox. Milkbox is a modal window, similar to Lightbox. The advantages of milkbox are that you store the paths of your images in a XML file and call these paths via JavaScript. Milkbox supports images and SWFs and you can customize the modal window with CSS easily.
The Plan
View the Gallery we will be building
First I will load the thumbnails in my Flash movie and position them in a grid. The columns of the grid can be changed dynamically via a global variable. Then I will add the milkbox functions to my code. So when you click on a thumbnail, the corresponding bigger image will open in the milkbox window.
Preparations
7 Reasons Why CSS Is Better Than HTML Tables
Website designers have been utilizing CSS (Cascading Style Sheets) for many years now. Over and over again, however, I come across an argument that CSS offers no real advantage and whether you code with it or not is just a matter of preference and habit.
I couldn’t disagree more.
If you are looking to improve the presentation of your website, CSS will help you do it more efficiently and effectively. CSS based design offers advantages that table-based layout can’t compete with.
And here’s how:
Faster loading of pages
CSS Box Model: The Foundation For Improving Your CSS
The CSS box model lies behind everything you do in CSS. Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. Let’s dive right in and talk about what the CSS box model is, how one box affects the boxes around it, and some common browser issues when displaying CSS boxes.
In nutshell, the box model in CSS describes the boxes which are being generated for HTML-elements. In this post below you’ll learn the tips and techniques exactly about CSS box model to achieve best out of CSS development.
What is the CSS Box Model?
9 Top CSS Essential Skills That Every Web designer Should Learn
This post is dedicated to elementary & intermediate CSS learners. If you’re going to learn CSS from scratch, you’ve probably seen a lot of techniques, tricks & tutorials so far. In this post I’ve written my own approach to the most essential CSS skills that every web designer should learn. I really love the articles below and liked to share them with you. Hope you enjoy it!
1- Making CSS Layouts
- Creating CSS Layouts: The Best Tutorials on Converting PSD to XHTML
- CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices
Continue reading »
30 Awesome jQuery Photo Plugins
Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well all around easy. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.
Continue reading »
