background preloader

Web Dev

Facebook Twitter

Should You Build That Website You've Been Talking About? [FLOWCHART] Facebook’s PHP Codebase: It’s Complex Cloud Computing News. HTML5 fundamentals, Part 1. HTML5-Powered Web Applications: 19 Early Adopters. HTML5, rumored as Flash killer, is a brand new web technology that raises a revolution lead by Apple in web application development.

HTML5-Powered Web Applications: 19 Early Adopters

It contains canvas element for images and animation drawings, support video and audio embedding, and includes storage database for offline web applications. Most important of all, you don’t need a plugin to get all these features, your latest browser supports that. Sounds pretty cool, but what HTML5 can do actually? Well, this post is going to satisfy your curiosity about the power of HTML5 by showing you a series of practical HTML5-powered web applications such as drawing application, chart creating application and time management application. So there’s no technical document anymore, let your eyes witness the true potential of HTML5!

19 HTML5-Powered Web App. Seeklogo.com - Logo Vector Download Free (Brand Logos) (AI, EPS, CDR, PDF, GIF) The Nerdery Overnight Website Challenge. HTML5: 25 Fresh Web Design For Your Inspiration. Html5 is the latest revision of the HTML standard and currently remains under development.

HTML5: 25 Fresh Web Design For Your Inspiration

Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers etc.). Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development. An Introduction To CSS3 Keyframe Animations - Smashing Magazine. Advertisement By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax.

An Introduction To CSS3 Keyframe Animations - Smashing Magazine

The CSS3 animations module1 in the specification has been around for a couple of years now, and it has the potential to become a big part of Web design. Using CSS3 keyframe animations, developers can create smooth, maintainable animations that perform relatively well and that don’t require reams of scripting. Adaptive & Mobile Design with CSS3 Media Queries.

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher.

Adaptive & Mobile Design with CSS3 Media Queries

Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. Caas-oakland-final. Like Everything - Node.js. Node.js at Facebook - Why it's Needed and What's Holding it Back - ReadWriteCloud. Robert Kieffer, an a engineer at Facebook and the company's internal Node.js evangelist, gave a talk at NodeConf today.

Node.js at Facebook - Why it's Needed and What's Holding it Back - ReadWriteCloud

He says the company isn't doing enough with Node.js yet. So instead of an explanation of how to deploy Node.js to thousands of servers, he's talked about why Facebook needs Node.js and the things holding the company back from adopting it widely. Make open source mapping and location tools work for you. May 03, 2011, 3:15 PM —

Make open source mapping and location tools work for you

5 Cool CSS Hover Effects You Can Copy and Paste. Need a cool hover effect for something on your site?

5 Cool CSS Hover Effects You Can Copy and Paste

Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! HTML5 and CSS3 Cheat Sheets - WebsitesMadeRight.com. Should Internet Security Firms use Hacking Techniques to Improve Search Rankings? A User-Centered Approach To Web Design For Mobile Devices - Smashing Magazine. Advertisement For the past few years, we’ve heard pundits declaring each year as “year of the mobile Web”; each year trying to sound more convincing than the previous.

A User-Centered Approach To Web Design For Mobile Devices - Smashing Magazine

Whether 2011 will be the real “year of the mobile” remains to be seen, but what is indisputable is the fact that the mobile usage of the Web is growing and evolving. As it evolves, so does the mobile user experience, driven by advances in mobile device technology — from better browsers on basic mobile phones (or feature phones — remember the Motorola RAZR?) To the increased adoption of smartphones and tablets. The term “Mobile Web” (although often criticized) is commonly used to describe accessing the internet using a mobile device. Perl 6 Update.

Blogs vs. Newsletters Revisited – The Point. Laker compendium – Designing digital publications in HTML5. Google builds WebM patent pool of its own to fight back against MPEG-LA. Atmail - Email Server, Webmail Client, Mail server Appliance - Linux and PHP. Google's Search For Quality... And The Art Of Motorcycle Maintenance. Posted by Tom Foremski - April 18, 2011 Google regularly changes its algorithm and it's a smart move because all the companies that were trying to game Google -- and were succeeding in taking advantage of the some 200 rules that make up the algorithm -- get shaken out of the results.

Google's Search For Quality... And The Art Of Motorcycle Maintenance

It's a quick way of finding the most egregious gamers of the system. And Google's recent release of its "Panda" algorithm update was designed to find quality sites and raise them in the search rankings. 5 years of Google Calendar and a new (useful) favicon. Posted by David Tattersall, Product Manager On April 13th, 2006 we released Google Calendar to the world.

5 years of Google Calendar and a new (useful) favicon

What started as an experimental project by several Googlers has grown to become a service that millions of people rely on every day. From photography studios to schools to airlines to supermarkets, we discover new ways people are using Calendar all the time. A birthday wouldn’t be a birthday without a little present, so today we’re happy to announce our latest tiny addition: the up-to-date favicon. When you look at the Google Calendar icon at the top of your browser window, it will no longer always display “31” but will instead change to reflect the current day of the month.

Taking Credit Card Payments Online: What’s Involved? - Smashing Magazine. Advertisement If you’re looking to integrate a credit card payment solution onto your website, the following steps are a guide to applying for, enabling and taking payments online. At first glance, the prospect of integrating a payment solution on a website can seem unwieldy, what with the vast array of payment options and technical acronyms.

This article breaks down the entire process into bite-sized pieces, helping you understand the process much better. Subscription editions. The Adobe USA site has been optimized for users within the United States. If you live outside the U.S., we recommend that you visit your local site for the most relevant information, including pricing, promotions, and local events. United States Canada - English. Wait, What's Node.js Good for Again? In our interview with Guillermo Rauch on why you should pay attention to Node.js, he explained that one of the uses for Node.js is building Web servers.

Rotational Sliders. Sticky Sidebar jQuery plugin. This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers. The JavaScript (jQuery) Below is the code for the plugin, to download the code with examples use the link above. Share photos and videos on Twitter. Image Manipulation With jQuery and PHP GD - Smashing Magazine. Advertisement. HipHop for PHP: More Optimizations for Efficient Servers. Vector Icons and Pictograms. Multivariate Testing 101: A Scientific Method Of Optimizing Design - Smashing Magazine. Home. It’s Time To Kill New User Confirmation Email Links. IS HTML5 READY YET? The Onion Uses HTML5 in New iPad App. State of Drupal presentation (March 2011)

There might be a problem with the requested link. The link you requested has been identified by bitly as being potentially problematic. Home. Cross-Browser HTML5 Placeholder Text. Copy of It's Time to Fix HTTPS. 6 .htaccess Tricks for Better WordPress SEO & Security. Mobile Form Design Strategies. A Web form which works well on desktops won’t necessarily work on mobile devices.

With the nature of desktop computers, Web forms are not designed to be efficient. Due to the constraints of a mobile device and its context of use, efficiency is extremely important when filling in a mobile form. There might be a problem with the requested link. 5 STEPS TO HTML5. Dear Web Design Community, Where Have You Gone? - Smashing Magazine. The story behind URL Hunter, a game played in a URL bar. URL Hunter! Symantec Connect - Social Business Software powered by Drupal. Node.js. CSS Floats 101. Google says new blacklist feature doesn't impact page rank—yet. Usability versus Dyslexia. Dyslexia Style Guide- About Dyslexia- The British Dyslexia Association. IE6 Countdown. The HTML5 Video Framework. Awesome Pure CSS3 frame boxes (no images)

Drupal

When driving traffic, think quality as well as quantity. « Boagworld. » Future Of Web Apps Remains Foggy - IT Professionals - Lockergnome. Thoughts on justified text. Typographic Design Patterns and Best Practices - Smashing Magazine. I don’t care about Responsive Web Design. Rapid Prototyping with Sinatra. Stunning CSS3: A Project-based Guide to the Latest in CSS. HTML5 video codecs. Design Criticism and the Creative Process. Testing Content. Valentine's Day cards. The White House and Open Source, Continued.