background preloader

Web Design

Facebook Twitter

Www.linkzoo. Www.otherfocus. Ever wondered where designers get their resources to help them succeed with a project?


Here is a list of great resources including sites, PSD. files, actions, UI elements, mock ups et cetera and best of all, they are totally free and available for you to download. Just click on the title or image and it will bring you to the resource. Www.leemunroe. There are a number of websites that you, as a web designer, will use on a daily basis making life easier and making you more efficient.


Here is a list of 10 websites (in no particular order) that I find useful and am constantly using. I'm also interested in what websites you swear by and use all the time, so please share in the comments below. 1. iStockphoto iStockphoto is a collection of royalty free photos, illustrations, video and audio. Learn what it takes to make a good Android app great. 1,075 Awesome Free Fonts For Designers. Share on Twitter109Share on Facebook256Share on Google Plus31Share on Stumbleupon115KShare on Reddit0 This is meta collection of free font lists from various respected design websites.

1,075 Awesome Free Fonts For Designers

In total there are 24 lists showcasing 1,075 fonts which are all free to download. These font collections are shortlists of the best free fonts of 2013 and 2014 which which will hopefully save you a load of time if you are on the hunt for quality designer typography. For more web designer resources check out our freebies section. The fonts vary in style and are ideal for websites, flyers, brochures, logos and graphic designers. Awwards – 100 Greatest Fonts of 2014 View Fonts. - Professional solutions for Website, Domain, Hosting. NearlyFreeSpeech.NET Web Hosting. - Professional solutions for Website, Domain, Hosting.

NearlyFreeSpeech.NET Web Hosting. How To Host Your Personal Website On Google’s Servers For Free. At the present time, everyone is hosting a personal or portfolio website to showcase his information on the Web.

How To Host Your Personal Website On Google’s Servers For Free

If you wish to host your own personal website but don’t really have to budget for it, this post is right up your alley. This simple tutorial will show you how you can host a basic website (built using HTML & CSS) on Google’s servers, for free. And you can easily complete this between 1 and 3 hours. Technically, Google does not provide free hosting solutions, but they do provide a Platform As A Service (PAAS) known as Google App Engine (GAE). This tutorial uses App Engine’s ‘Static files’ feature to host a static HTML-CSS website on GAE’s servers.

1408 Top Resources for Designers and Developpers - Agile Designers. CODING FOR GOOD. Using Javascript to hide and reveal text and graphics by Sean McManus. One of the most useful things you can do with javascript and CSS is to make things appear and disappear when you want to.

Using Javascript to hide and reveal text and graphics by Sean McManus

It means you can focus the user's attention on what's needed at a particular stage of a process (eg e-commerce), or you can create special effects by making text or graphics pop onto the screen instantly. I created a tool that enables people to get their copy of my novel University of Death signed over the internet. This uses the script to good effect to make the 'signed' letter instantly appear. There are lots of javascript and CSS libraries that have features built in to hide and reveal different sections of the page, but they usually carry a heavy download penalty. Unless you wanted to use the library for something else (and something much more difficult, at that), then you're better off adapting this short free script to hide and reveal webpage content.

Stroll.js - CSS3 Scroll Effects. Image Reveal using jQuery. Yet another twist on my image manipulation kick, I tinkered around with making images larger again.

Image Reveal using jQuery

This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see more of it. Image Reveal using jQuery. HTML5 and CSS3 - Adobe - The Expressive Web - Beta. Wufoo · Online Form Builder!

All The Cheat Sheets That A Web Developer Needs. QR Code Generator: QR Stuff Free Online QR Code Creator And Encoder For T-Shirts, Business Cards & Stickers. 30 Free and Premium HTML/CSS Responsive Website Templates. Responsive template are one of the fastest growing trends in web design.

30 Free and Premium HTML/CSS Responsive Website Templates

No matter what blogging platform you are using for your website- Joomla, WordPress, Blogger, etc…- Responsive design is perfect and useful for everyone, especially if your website have large mobile audiences, because you don’t need mobile version for your website, because the layout of this template type is automatically adapted to any mobile device screen resolutions. ViewLikeUs - Check Sites in Various Resolutions! Favigen: Favicon Generator - The easiest way to create a favicon for your site. - test how fast a webpage loads in a real browser from over 50 locations worldwide. Professional PHP Web Design. It’s not only imperative to echo the vision and strategy of an enterprise through its website but, it is equally important to engage your potential customers and partners into conversation.

Professional PHP Web Design

Such effectual website can be developed using PHP! What is PHP? PHP is a widely used open source scripting language especially suited for web development and can be embedded into HTML. The main goal of the language is to allow web developers to write dynamically generated web pages quickly, but much more can be done with PHP. 25 Free Fonts for Your Creative Projects.

30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts. Getting started As both a game master/storyteller and a developer, I frequently find myself writing little utilities and scripts to help me when running, planning, and playing games.

30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts

Sometimes I need a quick idea. Other times, I just need a whole pile of names for Non-Player Characters (NPCs). Occasionally, I need to geek out on numbers, work out some odds, or integrate some word puzzles into a game. Many of these tasks become more manageable with a little bit of script work ahead of time. This article will explore 10 fundamental scripts that can be used in various types of games. We will blaze through these scripts pretty quickly. Back to top. An Advanced Guide to HTML. A Web Developer’s Guide to Photoshop. Webmaster Tools.

Hot Scripts - The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal. 108 Best Photoshop Web Designs Layout Tutorials. Posted in Interface design,layouts,Games, Photoshop Tutorials.

108 Best Photoshop Web Designs Layout Tutorials

Tagged with layouts.

Background design

Social media. Codecademy Labs. Collecting all the cheat sheets. Design. Graphics. Frameworks. Design. Svgweb - Scalable Vector Graphics for Web Browsers using Flash. Overview SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base. Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. Batik SVG Toolkit. Overview Batik is a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG) format for various purposes, such as display, generation or manipulation.

The project’s ambition is to give developers a set of core modules that can be used together or individually to support specific SVG solutions. Examples of modules are the SVG Parser, the SVG Generator and the SVG DOM. CSS Tutorial. Free CSS templates - Download Free CSS Templates. Awesome CSS3 generators to simplify front end development. CSS3 Generator This generator is definitely one of my favorites, as it allow you to generate more than 10 different CSS3 effects, such as border radius, text shadows, transitions, and more.Visit CSS Gradient generator CSS gradients are cool, but it’s also a bit tricky to remind all the possibilities.

Tutorials. Learn HTML This HTML Tutorial will give you an easy, yet thorough and correct introduction on how to make websites. The tutorial starts from scratch and requires absolutely no prior knowledge of programming. Start learning HTML or Start learning HTML5 Learn CSS This CSS Tutorial will get you started with CSS in just a few minutes. Start learning CSS Learn PHP This PHP Tutorial will give you an easy, yet thorough and accurate introduction to PHP. Online CSS Optimiser / Optimizer.

Cascading Style Sheets, level 1. W3C Recommendation 17 Dec 1996, revised 11 Apr 2008 Note: This paragraph is informative. This document is currently not maintained. The W3C CSS Validation Service. CSS DropDown Menu Tutorial Page 2. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. HTML Tutorial. HTML5 Rocks - A resource for open web HTML5 developers. HTML5 Presentations To Help You Get Started with HTML 5.

HTML5 is next revision of HTML and is already support in Chrome, Firefox, Safari, Opera and even IE (if you use Chrome Frame). Here’s a list of presentations, videos and web articles to help you get started with HTML 5. HTML5 is next major version of HTML and, though it is still a "work in progress", some of the new HTML5 specific tags are already natively supported in the latest builds of all popular browsers including Chrome, Safari, Firefox and Opera. Internet Explorer users can download Chrome Frame for IE to experience the new HTML 5 elements without switching browsers. HTML 5 Cheat Sheet (PDF) - Smashing Magazine. HTML5 Doctor, helping you implement HTML5 today. Layouts. HTML layout is very basic. Coding A HTML 5 Layout From Scratch - Smashing Magazine.

Don’t Fear the Internet. Essential Best Practices And Guidelines That Every Web Developer Should Know About. .net magazine. If you're used to visiting every day, then you'll notice something a little different about the site you're looking at right now. That's because .net magazine, the print publication that's been the web industry's bible since 1994, is now publishing all its online content via

UPDATE: We've migrated around 250 of 1,800 old articles. More are coming online every day. Please bear with us. Where to buy .net magazine The print title remains unaffected - to buy a copy, head here: jQuery. Redirect Mobile Devices. Bulletproofing Your Firefox For Web Design. PHP. jQuery. Javascript. Beginners JavaScript Tutorial - Javascript Training CD - JS Tuition. Color Scheme Designer 3. Online Color Scheme Generator. Template Beauty.