background preloader

Web Design

Facebook Twitter

How to optimize our server to save energy and time. Optimized websites are better for the environment.

How to optimize our server to save energy and time

Why? They are significantly faster, more usable, with content that’s optimized for SEO and user experience. This means that both computers and users spend less time waiting for the page to load. Back when I first was creating websites, back in 1995, the Internet was considerably simpler. People were using the web at that point, but it wasn't embedded in our lives like it is now. Today, The Information and Communication Technology (ICT) sector is estimated to have contributed around 2 to 2.5% of global greenhouse gas (GHG) emissions according to the International Telecommunication Union.

The web industry hasn’t been particularly proactive on this issue, but Benefit Corporations like Manoverboard are doing their best to raise awareness through blog posts like Creating a Responsible, Earth-Friendly Website. This is a big issue. In this article, I'll cover how to optimize your server to save energy and time. Server optimization Conclusion.

Instant WD

10 Web-based Sandbox Tools for Testing Your Code Snippets. One of the greatest benefits the Internet provides web developers is the ability to share and collaborate with other professionals.

10 Web-based Sandbox Tools for Testing Your Code Snippets

When you’ve hit a coding roadblock, you can reach out on your social networks to see if your friends can give you a hand. Why use a web-based sandbox tool instead of a testing server or a local web server stack like XAMMP or WAMP? Not having to set up and save HTML, CSS and JavaScript documents simply to test and debug small code snippets, being able to back up your code snippets remotely, and the capability of quickly linking to and showing off your work (which many of these tools can do) are the major reasons you’d want to use them. In this article, you’ll find some of the best free code sandboxing tools for testing, debugging and/or sharing your code. Common Features. Cool Tools for Library Webmasters - Internet Library 2008 - <script type="text/javascript" src=" <script>if (typeof(window.attachCsiOnload) != 'undefined' && window.attachCsiOnlo.

Cool Tools for Library Webmasters - Internet Library 2008 Frank and I were back with more free or inexpensive tools for webmasters and everyone who uses the web.

Cool Tools for Library Webmasters - Internet Library 2008 - <script type="text/javascript" src=" <script>if (typeof(window.attachCsiOnload) != 'undefined' && window.attachCsiOnlo

This time we emphasized backups (and more backup tools), security, some tools for usability and accessibility and design. We also included a list of some all time favourites at the end. The slides (from slideshare.net ( a cool tool) are included below along with the links to the sites. If you enjoy cool tools, check out our past presentations to find more. BONUS Tools.

Website Code

Web Design Resources. 51 Form Element Resources and Tutorials Using CSS And Javascript. Accessibility. Crowdsourcing. Replace GIF with PNG Images - portable network graphics images compress more efficiently than gifs. Summary: PNGs are designed to be a more efficient, flexible, and patent-free replacement for GIFs.

Replace GIF with PNG Images - portable network graphics images compress more efficiently than gifs

By replacing your GIFs with PNGs you can speed up your web pages and save bandwidth. The Portable Network Graphics (PNG) format is designed to be a more efficient, flexible, and patent-free replacement for GIFs. PNG is designed to store a single bitmapped image to display over computer networks (1). Articles > The PNG Gamma Dilemma. PNG (pronounced ping) is a remarkable image format that supports such features as: 16-bpc true color or grayscale, alpha channels, interlacing (progressive display), and lossless compression!

Articles > The PNG Gamma Dilemma

In addition, the PNG format allows applications to embed gamma information to correct for variations in brightness (gamma) on different platforms. This is great news for graphic designers who want their images to look good regardless of where they're viewed; but ironically, it's also one of the obstacles preventing more universal adoption of the PNG format for the Web. The problem arises from the fact that browsers have traditionally treated the RGB values specified in CSS (and HTML), GIF and JPEG as identical (numerically and colorimetrically). With PNG, however, the stored gamma information is used to "correct" the RGB values prior to displaying the image, which means that they won't match other design elements when viewed in certain browsers.

Smush.it™ 5 Simple Ways to Improve Web Typography. Responsive Web Design: What It Is and How To Use It - Smashing Magazine. Advertisement Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. Responsive Web Design. The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence.

Responsive Web Design

Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Creative decisions quite literally shape a physical space, defining the way in which people move through its confines for decades or even centuries. Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You? - Smashing Magazine. Advertisement The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design?

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You? - Smashing Magazine

Cognitive Disabilities. Something to Think About... The concept of cognitive disabilities is extremely broad, and not always well-defined. In loose terms, a person with a cognitive disability has greater difficulty with one or more types of mental tasks than the average person. There are too many types of cognitive disabilities to list here, but we will cover some of the major categories. Most cognitive disabilities have some sort of basis in the biology or physiology of the individual.

The connection between a person's biology and mental processes is most obvious in the case of traumatic brain injury and genetic disorders, but even the more subtle cognitive disabilities often have a basis in the structure or chemistry of the brain. A person with profound cognitive disabilities will need assistance with nearly every aspect of daily living. Functional vs. There are at least two ways to classify cognitive disabilities: by functional disability or by clinical disability.

Memory Problem-solving Attention.