background preloader

100+ Resources for Web Developers

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. 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. 5. 6. 7. 8. 9. 10. 11. .htaccess Creator Online tool to create .htaccess files 12. 13. 14. 15. 16. 17. 18. 19. jQuery jQuery is a fast, concise, JavaScript Library that simplifies how you write your web pages. Cool Online Tools 20. 21.

http://blog-well.com/2008/03/04/100-resources-for-web-developers/

Illustrator and Dreamweaver Integration As a core graphics program, Illustrator is used in just about every type of design workflow. Of all the applications found in Adobe Creative Suite (every edition), Illustrator has the most robust support when it comes to integration and file support. Illustrator is much like a universal bottle opener, supporting formats like AI, PDF, EPS, FXG, SVG, SWF, PSD, TIF, DXF, DWG, EMF, WMF, and just about any other 3-letter extension you can think of.

test everything — 100+ tools in one! Choose the tools with that you want to test the given adress: CSS and HTML validators SEO tools Social services Web proxies Web Design 2011-12 July 30, 2012 by David Cochran 0 comments This isn’t just quirky stuff … What’s happening here is industry defining. Google front-end engineer Paul Irish includes CSS Preprocessors (like LESS and SASS) as key tools in a front-end development workflow that include JavaScript libraries like jQuery and performance optimization steps and tools like minification and concatenation. Like these other tools, CSS preprocessors (LESS and SASS as the current leaders) are becoming an essential part of the standard workflow.

Developers API Tutorials - Zen Cart(tm) Wiki InitSystem initSystem Introduction Why initSystem ?? Icon Fonts are Awesome Because you can easily change the size Because you can easily change the color Because you can easily shadow their shape Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs. Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever. You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper. The icon font used on this page is Fico by Lennart Schoors then ran through IcoMoon for custom mappings. Here's a large collection of more choices. 70 Tutorials Using Photoshop To Design A Website This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below.

Sci2ools - Free Online Productivity Tools International On-screen KeyboardConvert Text in Image to editable one (OCR)Web Page to Image or Printer Friendly PDFSplit and Merge PDF FilesLatex Equation EditorTypeset Style GeneratorGoogle Chrome Extension and Firefox Add-OnUnlimited Usage, No Registration or Email Download Clipart as SVG Vector FormatDownload Clipart as High Quality PNGSearch Cliparts by Keywords or ColorEdit SVG Using Online EditorConvert SVG to png, jpg, pdf, eps, psCreate Favorite List of ClipartsNo Registration, No Email Enrich SMS, Email, Tweets, FaceBook with Cool GraphicsGraphical Symbols are Categorized to Speed up SearchType Accent Marks and DiacriticsVirtual Keyboards For LanguagesFor Web Users, Copy Symbols as Text to Paste into MessageFor Web Designers & Developers, Copy Symbols as HTMLNo Registration, No Email Extracts images from PDFConverts PDF to thumbnails, text, or postscriptRepair corrupted PDF if possibleUnlimited UploadsNo Registration, No Email

23 Inspiring Single Page Designs A website should be designed to accommodate it’s content. So when there’s not a lot of content, it might be make sense to place everything on one page. If you’re thinking about taking this route for your next project, we’ve gathered a few examples to inspire you. Free online book - Nuclear War Survival Skills Updated and Expanded 1987 Edition Cresson H. Kearny CSS3 Monochrome Icon Set A set of 85+ icons / glyphs created purely in CSS3 that you can use in your projects freely. These are inspired by Glyphicons and Glyphish. Related:

10 sites developers should have in their bookmarks Mysql Format Date MySQL Format Date helps you to format your dates using the MySQL DATE_FORMAT function. Just select a common date format and then change it to your suit your needs. Responsive Web Design Templates and Frameworks Eventually, we’ll all stop talking about responsive web design – not because it will go away, but because it will become what’s expected. Flashback ten years ago and we were all talking about CSS and tableless design, but today there’s no need to mention it. It’s simply the way modern websites are built, although sadly, I’m sure there’s a few out there still using tables.

Related:  Programmingweb developmentToolsFor webpage