background preloader

Free Commercial Use Fonts

Free Commercial Use Fonts

50+ New and Free Photoshop Brush Packs Jan 11 2012 Nearly every designer loves freshly-made, free Photoshop brushes that can be used in your designs as it is one of the most widely used graphics programs on the market. It is what some would call an incontrovertible truth. This is the reason why designers are constantly browsing the web in search of all the latest brushes to add them to their arsenal. We have previously posted many collections of high quality Photoshop brush packs, and today we are bringing our readers another fine collection of over 50 fresh Photoshop brush sets that are sure to delight even the most discerning of designers. This round up includes 50+ packs containing more than 500 brushes of various styles and for a range of effects. Note: Licenses of every brush set varies, so be sure to check that information before using them. Photoshop Brush Packs Glowing Swirl Brushes ( Download )This high quality set contains 8 high resolution brushes to add glowing swirl effects. (rb)

15 JQuery Plugin One Page Scroll With Animations - Creating a Single-page website is becoming the latest trend which is being widely adapted by many website owners lately. The benefits of a Single Page website are that they displays all the essential features of your website on the home page, makes easy for the users to get all the required information within a single page. There are several jQuery plugins which will enable you to create single page website much quicker and easier. They offer many features in terms of parallax content, animations, scale, rotate, translate, change opacity of elements on the page as well as other advanced features. Bellow are 15 of the most popular and feature-rich open source jQuery plugins which can be used in creating a single-page website. 1 – ScrollMe Demo Download ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. 2 – ScrollDeck Demo Download 3 – multiScroll-js

Test Your HTML, CSS, and Web Design Knowledge Online 4. WizIQ HTML Tests I don't recommend this quiz site. WizIQ provides tests on many different topics. The first test that I took on this list is almost an exact duplicate of the W3Schools quiz, including most of the errors I listed above about the W3Schools quiz. I didn't see any contributors to the HTML tests that I recognized as being particularly knowledgeable in HTML or web design.

So you want to be a web developer? | Christopher Pound I originally wrote this document as a personal email to friends and used it subsequently as a training manual for students employed by Web Services at Rice University. Your mileage may vary. To address several questions and needs I’m aware of at the moment, I’m going to describe one good path to acquiring all necessary technical skills for becoming a professional web developer at no cost, up until you actually try to turn your work loose on the world. Obviously, there are other ways to approach this, and one of the pleasures of the job is getting to explore those other paths on your own over time. I. Get Google Chrome and install these plugins: Web Developer, Eye Dropper, and ModHeader. II. Let’s assume you know nothing about the web. III. Web developers often don’t do graphic design. At this point, it’s worth wondering whether you want to proceed further and become a web developer.

Best Free Photoshop Brushes | Syntaxxx Our online creative community has a long history of sharing resources such as Photoshop brushes. Prior to writing this piece, I scanned my massive PS brushes folder. My oldest brushes date back to 2001. Best is a buzzword and highly subjective. The brushes must be free for personal and – ideally – commercial use.High resolution (2500 × 2500 pixels) brushes should be free.Screen shots should be large enough to discern brush samples.There must be a one-click download, and it should be in plain sight.You shouldn’t have to register for this or that before you’re able to complete the download.Brushes must be open source, or released under a Creative Commons license. Over the years I’ve bookmarked a few websites that offer quality free resources and I go to them first when I need a certain something for a project. Brusheezy Brusheezy is well designed, easy to use and provides a huge selection of Photoshop brushes, as well as textures and patterns. Q Brushes Brush King Conclusion

yEd - Graph Editor “ As a software developer, I used to use Graphviz for my code comprehension needs. While its compact format has its advantages, it was just too much effort to input data - particularly relationships. I wanted to be able to create relationships by dragging my mouse from one node to another. This is exactly how yEd works.You don't have to sacrifice the longevity of plain-text that Graphviz files offer. yEd works entirely on the XML-based GraphML format. You get the same benefits of cross-platform support and exporting to SVG, PNG, PDF etc. as with Graphviz. PHP 101: PHP For the Absolute Beginner [box] For a complete list of Zend Training Courses – PLEASE CLICK HERE ! [/box] This area is intended for everyone new to PHP. It opens with a series of informal, entertaining tutorials written by Vikram Vaswani, founder and CEO of Melonfire. These tutorials build on a previously-published 5-part series which has now been updated and extended to embrace PHP 5, making parts of it suitable for those of you who already have worked with PHP 4 in the past. If you came here to learn about elementary PHP 4 or basic PHP 5, this is for you. PHP 101 (part 1): “Down the Rabbit Hole” An introduction to PHP’s variables and operators.PHP 101 (part 2): “Calling All Operators” The rest of the PHP operators (there are many), and simple form processing.PHP 101 (part 3): Looping The Loop Basic control structures explained.PHP 101 (part 4): The Food Factor Arrays, PHP array functions, and what it all means.

JavaScript Tutorial - Lesson 1 Interactivity, shminteractivity. Most web pages that claim interactivity really mean you can click on hyperlinks to go to new pages. Even web pages that have CGI scripts behind them don’t really seem all that interactive: Fill out a form, hit the Submit button, and wait. It’s more like throwing bottles into an ocean and hoping for a meaningful reply. Happily, we have JavaScript. With JavaScript, images can swap when you move a cursor over them, form elements can influence each other on the fly, and calculations can be made without having to resort to a CGI script. One of the best things about JavaScript is that you can do a great deal with very little programming. Even though it’s simple to work with, JavaScript is a complete programming language, so as you learn more complicated JavaScript, you’re also learning the basics of computer programming. Enough hype about JavaScript. All About This Tutorial This five-part tutorial aims to get you writing useful JavaScripts immediately. OK!

25 Photoshop Web Design Tutorials Photoshop never stops to enchant us with its various helpful and resourceful features. Its more of a magic wand in the hands of web designers. Every kind of business whether its retail, construction or even online merchandizing; every one needs a website to showcase their potential and capabilities to the world. Photoshop gives you the freedom to make great looking websites through it. You can create out of the box webpages with the help of Photoshop. Our today’s collection of tutorials highlights the use of Photoshop to make websites. If you like this article you might be interested in some of our older articles on PSD To HTML Tutorials, Cutting Edge PSD to HTML Tutorials, Lighting Effects Tutorials, Text Tutorials, and Photoshop CS5 Tutorials. Advertisement How To Create A Vintage Photoshop File In this tutorial author will show you how to create a vintage website layout. Tutorial Link For How To Create A Vintage Photoshop File Creating Hosting Template Technologies Sharks Full Forum Skin

HTML5 - Web developer guide HTML5 is the latest evolution of the standard that defines HTML. The term represents two different concepts. It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications. Designed to be usable by all Open Web developers, this reference page links to numerous resources about HTML5 technologies, classified into several groups based on their function. Semantics: allowing you to describe more precisely what your content is. Semantics Sections and outlines in HTML5 A look at the new outlining and sectioning elements in HTML5: <section>, <article>, <nav>, <header>, <footer> and <aside>. Using HTML5 audio and video The <audio> and <video> elements embed and allow the manipulation of new multimedia content. Forms improvements A look at the constraint validation API, several new attributes, new values for the <input> attribute type and the new <output> element.

Tag Web Design on Smashing Magazine As one of the top designers on Dribbble, Jan Martin attracts many followers with his visual design skills. Unlike many designers, Jan is incredibly humble about what he has achieved. “Stop following what the visionary designers think,” he says. “There is no wrong or right way. Jan grew up in the small city of Brandenburg, about 70 kilometers south of Berlin. New to Web Design? Start Here. Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content. Contents Here's a quick breakdown of what you'll find on this page.. Designing Your First Website Getting to grips with designing a website is about understanding what you're aiming to achieve and how you can solve problems through design. Beyond creativity comes the actual designing. And if you're a developer, coming to web design from a coding background? Coding Your First Website Planning, sketching, wireframing and mocking-up visuals are all important aspects of web design, but what about actually realising those designs for the browser? With a fundamental understanding of HTML and CSS you can now start to translate your static visuals into living, breathing web pages. Emmet

How to Become a Coder in 6 Months: a Step-by-Step Action Plan So you want to become a coder. In short, the fastest and easiest way to become a coder today is to focus on web development. In fact, you can become a well-rounded web coder in just 6 months, and this article outlines a month-by-month plan for how to do that. If you only read one page on this website, make it this one. Month 1: Make a Simple Website (HTML and CSS) Spend your first month learning HTML and CSS, the codes used to write websites. Designing and building your own simple website is the best way to learn HTML and CSS. It should take about a month to get a good, solid HTML and CSS foundation. Months 2 and 3: Front-End Development (JavaScript) JavaScript is a coding language that makes websites interactive. it requires no installationyou can use it to build upon your HTML and CSS website. JavaScript coding is sometimes called front-end development, because JavaScripts are run on a user’s computer. Months 4 and 5: Back-End Development (PHP or Rails) Month 6: Build Credibility

JavaScript basics - Learning the Web JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc. This article helps you get started with JavaScript and furthers your understanding of what is possible. What is JavaScript? JavaScript ("JS" for short) is a full-fledged dynamic programming language that can add interactivity to a website. JavaScript is versatile and beginner-friendly. JavaScript itself is relatively compact, yet very flexible. Browser Application Programming Interfaces (APIs) built into web browsers, providing functionality such as dynamically creating HTML and setting CSS styles; collecting and manipulating a video stream from a user's webcam, or generating 3D graphics and audio samples. The section below introduces some aspects of the core language and offers an opportunity to play with a few browser API features too. A Hello world! Variables