background preloader

Web development

Facebook Twitter

15 Must Read Articles for CSS Beginners. 21 Amazing CSS Techniques You Should Know. 10 best CSS hacks. Color Palette Generator. Swatch Book with CSS3 and jQuery. Collective. Nifty Modal Window Effects. Code Snippets - Snipplr Social Snippet Repository. 100+ Resources for Web Developers.

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

Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies – learning, playing – and this doesn’t leave much time to go hunting for the latest and greatest tool, or for a better way of doing things. So we’ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end.

Code Photo Credit: Josh Lewis 1. 2. 3. 4. Browse All Content. CSS, Web Development, Color Tools, SEO, Usability etc. 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. Demo/Download: iCheck. The 130 best free fonts. This list represents the 100 best free fonts we've found in a variety of styles.

The 130 best free fonts

We have many other articles covering specialist font types including handwriting fonts, graffiti fonts, web fonts and more, but we have sectioned our main list under these styles: Most of the typeface collections listed here can be used in your projects, but please be sure to check the terms. Creative Button Styles. CODING FOR GOOD. 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. 1. 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.

Performance & Organization - An Advanced Guide to HTML

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. Stroll.js - CSS3 Scroll Effects. 20 Free E-books For Web Designers. E-books are great way to learn more about web design.

20 Free E-books For Web Designers

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. 65 Best Free Fonts From 2012. Font compilation roundups always seem to go down a treat with our readers.

65 Best Free Fonts From 2012

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. 1. 25 Free Must Download Design Programs. 25 free must download design programs, the article features a range of different design programs including alternative programs for some of the most popular design programs such as Photoshop, flash and illustrator.

25 Free Must Download Design Programs

A great collection of programs available for free which is perfect while currently suffering from a recession. Image Editing 1) Paint.net Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools.

GIMP is the GNU Image Manipulation Program. PHP for Beginners: Building Your First Simple CMS. CSS Framework Custom Downloads. 40+ Free Responsive WordPress Themes. Iconmonstr. Free vectors, photos and PSD Downloads. 45 Fresh and Free HTML5 And CSS3 Templates You Should See. CSS Design: Taming Lists. As early as July of 1999 I was pontificating on email lists about the virtues of style sheets.

CSS Design: Taming Lists

Some things never change. What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied. For example, I find that most pages on the web contain a menu of links in a navigation area. These are often marked up as a string of links, often in separate DIVs or paragraphs. Structurally, however, they are a list of links, and should be marked up as such. Of course the reason that we don’t mark them up in that way is that we don’t want a bullet in front of every link in our navigation area.

In this article, I’ll demonstrate how to use CSS to bring unwieldy lists under control. Setting the stage#section1. Foundation: HTML Templates. News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content.

Foundation: HTML Templates

Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel. Protolize.org - Essential web tools in one place. Free, instant favicon for your site. Adding Custom Google Maps to Your Website. Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how. Before we start, check out what we are going to create: Now, here is an overview: Overview Google Maps API The Google Maps API allows you to embed maps directly into your website. 15 sites web developers and designers should know.

Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. 51 Form Element Resources and Tutorials Using CSS And Javascript. I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!

1. Script.aculo.us - web 2.0 javascript. Code Snippets - Snipplr Social Snippet Repository. $fx - JavaScript animation library. List of Useful jQuery Plugins. Best jQuery Plugins all in one place. BBQ: Back Button & Query Library Source: Leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. 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. There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects. 101 Most Useful Websites You Dont Know About. PHP Source Code , Development , Programming , Free source code.

22 Websites that are Beautiful and Useful. Here at WDL, we like to keep you inspired by showing you beautifully designed websites every week with our web design inspirational lists. 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. Icon Search Engine. 15 Most Popular jQuery Plugins of June 2012. Another month has passed and it's time for the jQuery plugins roundup. Keep on reading to see what plugins you might have missed in June 2012. 1.

jQuery++ Collection of extremely useful DOM helpers for jQuery 1.7 and later. Such as, jQuery.animate which overwrites $.fn.animate to use CSS3 animations where possible and falls back to jQuery’s animation otherwise. 2. Gmaps.js helps you to use Google Maps API with less pain and more fun. Modernizr.com.

PhpDesigner 8 - All-In-One PHP IDE & PHP Editor & HTML5 Editor & Web Editor. 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. 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.

Here are some of the most useful websites on the internet that you may not know about. 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!