background preloader

Web dev

Facebook Twitter

IcanbeCreative - Web Design Blog.

Standards

Resources + tools. Css. Layout. Learn HTML5, CSS3, Javascript - video style tutorials. Mega Collection Of Cheatsheets for Designers And Developers. Cheatsheets and various quick reference guides are available for almost any type of software and language these days.

Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ Prototype Cheat Sheet ↓ PHP & MySQL for dummies ↓ PHP 5 Online Cheat Sheet v1.3 ↓ MySQL. Web Design - Website Design Tutorials, Articles and Free Stuff.

Web Design Tutorials. Web Design Blog, Tutorials and Inspiration | Web Design Ledger. Web Design Tutorials - Photoshop Tutorials. All The Cheat Sheets That A Web Developer Needs | Top Design Magazine - Web Design and Digital Content - StumbleUpon. Tutorials. Realtime Chat with Node.js By Nick Anastasov | In this tutorial, we are going to build a realtime chat system with Node.js, Express and the socket.io library.

Visitors will be able to create private rooms in which they can chat with a friend. Read more My New Favorite Technique ForHiding Overflowing Text By Martin Angelov | In this short tutorial, I will show you my new favorite technique which fades overflowing text gracefully into the background – a perfect addition to your new design. Web Design - Website Design Tutorials, Articles and Free Stuff. In-depth tutorials and articles on web design | Webdesigntuts+ W3Schools Online Web Tutorials.

5 Good Places to Learn to Write HTML. This afternoon I received an email in which I was asked how to write a hyperlink without relying on the visual editor in Word, Google Docs, or your favorite blogging platform. While the visual editing tools will usually do everything you need, at some point you might want to beyond the limitations of WYSIWYG. It's then that you'll want know how to write and edit HTML yourself. These are three resources that you can use to teach yourself HTML. The instructions in these resources are clear enough that middle school students can use them on their own too.

A Beginner's Guide to HTML & CSS is a nice resource developed by Shay Howe whose resume reveals that he works on the user interface for Groupon among other projects. Codecademy is a place where anyone can learn how to write code. Thimble is a free Mozilla product designed to help users learn how to write HTML and CSS. w3Schools has long been my go-to place for quick directions when working in HTML. 120 CSS and JavaScript tutorials to power up your skills | Web design. There are so many blogs and sites publishing high quality CSS and JavaScript tutorials these days that it can be hard to keep track - and it's easy to miss an amazing tutorial completely. And sod's law dictates that the one you do miss will be the one that could have saved you days of work on your latest project...

Subscription offer So to help out we've rounded up some of the very best CSS and JavaScript tutorials from around the web, covering web design techniques old and new, how to use the latest tools and frameworks, and a series of projects you can sink your teeth into. They're all written by leading experts in the field, and many come with downloadable code you can play around with. Finally, we've grouped the tutorials into a series of categories to make it easier to find what you're looking for. Read all the tutorials on Creative Bloq here NOTE: most of these CSS and JavaScript tutorials are aimed at professional web designers. Fundamentals of CSS How to structure your CSS Classes? Web development tutorials, from beginner to advanced | Nettuts+

Graphics. The Only HTML5 Resources You Need for Getting Up to Speed. There’s a lot of buzz going around about HTML5. Big companies such as Apple are predicting that it’s the technology that will sign the death warrant of the popular Flash platform that powers a lot of rich internet apps and complex dynamic web components. But what is HTML5, really?

How will it change the jobs of web developers and web designers? Here are 15 web resources to help you on your quest in getting current about the impending technology that’s already being adopted by major web browsers and leveraged in large sites such as Google. 1. WTF is HTML5 For the visually-inclined and casual folks out there, here’s an interesting HTML5 infographic covering useful things such as a comparison of HTML5 and Flash, web browser support/readiness, and a highlight of some of the more popular and powerful modules in HTML5. 2. Software developer and popular blogger, Mark Pilgrim, has written an online book about HTML5. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Related Content About the Author. 18 Most Attractive and Inspirational CSS design.