background preloader

Web work

Facebook Twitter

Force Element To Self-Clear its Children. A.K.A The "Clearfix" hack. Just apply a class="clearfix" to the parent element. This is an improved version of the original, and documented here. Updated by Jeff Starr to be cleaner, based on the fact that nobody uses IE for Mac, which is what the backslash hack was all about.

Updated again... "group" class name is nicer and more semantic (via Dan Cederholm). Content property doesn't even need the space, can be empty string (via Nicolas Gallagher). Of course if you drop IE 6 or 7 support, remove the associated lines. Update August 2012: I'd say for the most part these days (if you only need IE 8 and up) this is fine: Design Gallery, Deals, Tutorials & Community. Fluid 960 Grid System | 16-column Grid. Article Heading Subheading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site. Heading 3 Heading 4 Heading 5 Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Heading 6 Epsum factorial non deposit quid pro quo hic escorol. Corel Painter Alternatives for Linux. Top 12 Free Content Management Systems (CMS) Building websites by hand with all html/css pages was fine a couple years ago, but these days there are a ton of awesome Content Management System options out there that make our jobs as developers and website publishers SO much easier!

So, What Exactly Is A Content Management System? According to Wikipedia, they describe a CMS as follows: A web content management system (WCMS or Web CMS) is a content management system (CMS) software, usually implemented as a Web application, for creating and managing HTML content. It is used to manage and control a large, dynamic collection of Web material (HTML documents and their associated images). So take a moment and look over the list below of the 12 best free cms options available. And don’t forget to let us know in the comments section which is your favorite CMS and why! WordPress ↓ WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. Joomla ↓ Drupal ↓ SilverStripe ↓ Cushy CMS ↓ Frog CMS ↓ MODx ↓ The Reality of HTML5 Game Development and making money from it. The Reality of HTML5 Game Development and making money from it Note: This was written near the end of January 2012 and as such reflects the state of the technology and markets at the time.

Everything is moving so fast a lot of the information below is subject to change, so bear that in mind. HTML5 game development and indeed the abilities of web browsers are in state of rapid evolution right now. On the HTML5 Game Devs site that I run I’ve been noticing an increasing pace of new content, game releases, tutorials, business news and technology. High profile and high quality game releases such as the Microsoft sponsored Cut the Rope are making headlines across the world, and engaging the public more than ever before.

But what is the reality of developing an HTML5 game today? Especially for those coming from a different platform. HTML5 is just a mark-up standard! Relax When I talk about “HTML5″ I’m doing so from the popular media use of the word, rather than the technical one. Canvas WebSockets. PHP for Beginners: Building Your First Simple CMS. The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work.

To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS.

Building the Class Our first step is to simply lay out the class in a file named ‘simpleCMS.php’ so we have a road map to work with. As you can see, we’re creating one class with four variables and five methods. The Variables Build the Database Connect to the Database Build the Form <! <? The 960 Grid System Made Easy. By Joshua Johnson The first time I discovered the 960 Grid System, I was immediately excited about the possibilities of implementing complex layouts so easily. However, since I was fairly new to web design at the time, when I downloaded the files, I quickly became overwhelmed at how complicated the whole thing seemed. With all this code, how could this be the easy way to create a layout? This article is for web designers and front-end web developers who are interested in grid-based layout systems but are at a loss on how to decipher them. We’ll focus specifically on the 960 Grid System, but after reading this guide, you’ll find that most of the other grid systems out there are similar and will make much more sense after you understand a few basic principles.

Grid-Based Design Before we get into the specifics of the 960 Grid System, let’s briefly discuss grid-based design in general. Our brains like to simplify things to make them readily understandable. Why Do I Need a Grid System? Typogridphy. Interactive Smooth CoffeeScript. 10 programming languages that could shake up IT | Application Development. Do we really need another programming language? There is certainly no shortage of choices already. Between imperative languages, functional languages, object-oriented languages, dynamic languages, compiled languages, interpreted languages, and scripting languages, no developer could ever learn all of the options available today. And yet, new languages emerge with surprising frequency. Some are designed by students or hobbyists as personal projects. Others are the products of large IT vendors. Even small and midsize companies are getting in on the action, creating languages to serve the needs of their industries.

Why do people keep reinventing the wheel? [ Test your programming smarts with our programming IQ test: Round 1 and Round 2. | Learn how to work smarter, not harder with InfoWorld's roundup of all the tips and trends programmers need to know in the Developers' Survival Guide. Like JavaScript, Dart uses C-like syntax and keywords. Opa: Advancing web development to the next generation. Color Scheme Designer 3. Home - Pencil Project. Sencha. Download Sencha Ext JS Commercial Evaluation Please provide an email address below to download a 45-day commercial evaluation of Sencha Ext JS. Open Source Version Ext JS is also available under the GPLv3 for open source projects.

When to use the commercial version If you’re going to build a commercial application with Sencha Products, you must write your application code under the commercial license from the beginning of the application development process. Ext JS Licensing Options When to use the open source version Download if you are creating an open source application under a license compatible with the GNU GPL license v3. Open Source FAQ Ready to Buy? Ext JS 4 commercial license(s) are available for purchase right from our website. Buy Now Support Subscribers Version 4.2.2 and Version 3.4.2 are available to Sencha Support subscribers. Related Downloads Ext JS 4.0.7Ext JS 3 to 4 Migration Pack (Updated October 10, 2011)Ext JS 3.4.0Ext.Direct PackSencha Cmd Current Customers.

Light Box

Google. Zahid Dar Artist. Color separation.