Web development

Facebook Twitter

15 Must Read Articles for CSS Beginners. 21 Amazing CSS Techniques You Should Know. Cascading Style Sheets(CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago.

21 Amazing CSS Techniques You Should Know

With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS. 10 best CSS hacks. If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code.

10 best CSS hacks

And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc.. Here is the list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time. 1. Color Palette Generator.

Color Palette Generator URL of image: Make color schemes.

Color Palette Generator

Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color scheme that matches a stock photo a client wants to work with. Swatch Book with CSS3 and jQuery. .sb-container div:nth-child(1){ background-color: #ea2a29; box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1); .sb-container div:nth-child(2){

Swatch Book with CSS3 and jQuery

Collective. Nifty Modal Window Effects. Code Snippets - Snipplr Social Snippet Repository. 100+ Resources for Web Developers | BlogWell. Photo Credit: SMITHMag Update #1 – March 14, 2008 Update #2 – September 22, 2008 Translated into Italian at Geekissimo There is some amazing stuff out there on the Web–resources, tools, tricks, and tips.

100+ Resources for Web Developers | BlogWell

Browse All Content. Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here!

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Cool Kitten: A parallax scrolling responsive framework. Develop. CSS and JavaScript tools to take your website to the next level. Topcoat Topcoat is a very neat and clean library of CSS classes specialized in form elements: buttons, checkboxes, sliders, etc.

CSS and JavaScript tools to take your website to the next level

A super easy way to make your website or app look good in minutes. Demo/Download: Countable.js As you can guess, countable.js is a JavaScript function to add live paragraph, word and character counting to any HTML element. The 130 best free fonts | Typography. We've scoured the web to present you with a fine and varied selection of free fonts.

The 130 best free fonts | Typography

Including scripts, serifs, and a range of ligatures, these fonts will give you greater flexibility in your designs, and add to your arsenal of design tools. This list represents the 100 best free fonts we've found in a variety of styles. Creative Button Styles. CODING FOR GOOD. Congratulations, you're about to take your first steps to becoming a developer!

CODING FOR GOOD

Our team has put together an original learning series that incorporates carefully curated coding tutorials, original hands-on challenges, and super-fun quizzes. In completing each component you will learn an important skill essential to every new coder's success. In this first lesson, you'll learn about HTML, the basic language of the web and how to use it to create a web page introduction of yourself. Take the lesson! 10 Web Apps for Developers. Web applications have become popular due to the ubiquity of web browsers, and the convenience of using a web browser as a client, sometimes called a thin client.

10 Web Apps for Developers

The ability to update and maintain web applications without distributing and installing software on potentially thousands of client computers is a key reason for their popularity, as is the inherent support for cross-platform compatibility. Common web applications include webmail, online retail sales, online auctions, wikis and many other functions. In practice, web interfaces, compared to thick clients, typically force significant sacrifice to user experience and basic usability.

Web applications absolutely require compatible web browsers. When a browser vendor decides not to implement a certain feature, or abandons a particular platform or operating system version, this may affect a huge number of users; Browser applications are dependent on application files which are accessed on remote servers through the Internet. Performance & Organization - An Advanced Guide to HTML.

Having the ability to write HTML and CSS with a solid understanding is a great expertise to have. As a website’s code base and traffic grows, a new skill set comes into play, one that is extremely important to both development time and user experience. Knowing the fundamentals of website performance and organization can go a long way. The organization and architecture of a code base can greatly affect not only the speed of development, but also the speed at which pages render. Both of which can be sizeable concerns not only for developers but also users. Agile Designers : Best online resources for Web designers, Graphic Designers. Stroll.js - CSS3 Scroll Effects. 20 Free E-books For Web Designers. E-books are great way to learn more about web design.

E-books can truly provide you a fountain of knowledge of information and there’s a lot to be learnt. The beauty of ebooks is that there short and insightful not as a long as a book but not as short as a blog post. This blog post we have collected a personal collection of well of thought out web design related ebooks, which can be downloaded and read all for free. If your a tablet owner i would certainly recommend putting them on your ebook to read. There’s not too many great ebooks currently out their which are available for free, you should certainly take advantages of this post and read one of the ebooks listed in the post. 65 Best Free Fonts From 2012.

FreebiesBy TimothyBlake · On November 26, 2012 Font compilation roundups always seem to go down a treat with our readers. This post we have been on a scavenger hunt all over internet, in search of all the best fonts which were created in 2012. The post includes over 65 fonts perfect to use in print and web design projects. Sit back and download some pretty sweet fonts. I hope you enjoy the post, and would love for you to share some of your favorite fonts in the comments section below.

25 Free Must Download Design Programs. PHP for Beginners: Building Your First Simple CMS. CSS Framework Custom Downloads | Gumby Framework. 40+ Free Responsive WordPress Themes. Iconmonstr. Free vectors, photos and PSD Downloads | Freepik.

45 Fresh and Free HTML5 And CSS3 Templates You Should See. CSS Design: Taming Lists. Foundation: HTML Templates. Protolize.org - Essential web tools in one place. FavIcon from Pics -- free, instant favicon for your site.

Adding Custom Google Maps to Your Website | Stiern. 15 sites web developers and designers should know. 51 Form Element Resources and Tutorials Using CSS And Javascript. Script.aculo.us - web 2.0 javascript. Code Snippets - Snipplr Social Snippet Repository.

$fx - JavaScript animation library. List of Useful jQuery Plugins. 10 CSS Rules Every Web Designer Should Know. CSE 190 M, Summer 2010. Nurus on Web Design Served. CSS Drive- Categorized CSS gallery and examples. Web Design Process. The Toolbox: a directory of useful single-page sites and apps. Incredible Drop Down Menu Solution With CSS Only.

101 Most Useful Websites You Dont Know About. PHP Source Code , Development , Programming , Free source code. 22 Websites that are Beautiful and Useful. PSDharvest.com - free files for designers and web developers. 43 Must Read PHP Articles and Resources. Ajaxload - Ajax loading gif generator. Pagina Web Gratis - Como Crear Una Pagina Web Facilmente | Wix.com. Icon Search Engine.

15 Most Popular jQuery Plugins of June 2012. Modernizr.com. PhpDesigner 8 - All-In-One PHP IDE & PHP Editor & HTML5 Editor & Web Editor | MPSOFTWARE. HTTrack Website Copier - Free Software Offline Browser (GNU GPL) Instant Eyedropper: Identify HTML-color code of any pixel on the screen with single-click and auto paste it to the clipboard. Leading Enterprise Java Web Framework | ZK. Wufoo · Online Form Builder! How to Create Your First Web Page. 20 Methods for Upping Your Current Web Design Skills. The 101 Most Useful Websites on the Internet.

Send Text Messages with PHP. CSS Techniques I Wish I Knew When I Started Designing Websites. jQuery Shadow Plugin. Primary CSS. Anatomy of a Web Design Client. Button Maker. 37 Tested PHP, Perl, and JavaScript Regular Expressions. Blogs. 20 Useful PHP Components & Tutorials for Everyday Project. 78 jQuery Scenarios to Fall in Love.

Welcome to Treehouse, Start Learning Today. All The Cheat Sheets That A Web Developer Needs. The Top 10 Web Design Skills You WILL Need!