Awesome sites to find useful code snippets. CatsWhoCode snippet library Some of you already know it, but a few weeks ago I’ve created a snippet library with a picky selection of usefull snippets focused on web development: PHP, JavaScript, CSS, htaccess… Approximately one new snippet is published every day. Users are welcome to submit their own snippets.→ Visit CatsWhoCode snippet library Snipplr Snipplr is probably the largest code snippet repository available on the internet.
WPRecipes Another site of mine, where I publish only WordPress related snippets since 2009. PHP Snips Are you into PHP? DZone code snippets DZone Snippets is a public source code repository, hosted by popular developer website DZone. Jonas John snippet library Currently 143 quality code snippets, covering PHP, C#, Visual Basic, JavaScript, and more.
Code Beach Code Beach is a central repository where Mac developers can share pieces of useful code in all programming languages used on Mac: Objective C, Ruby, C, C++, Python… Don’t miss it if you’re a Mac developper!
Useful Web Design Proposal Resources, Tools and Apps. Lets face it there is no enjoyment in writing a proposals. You became a web designer to build web sites, no one thought to mention anything about the processes you would have to follow to find new contracts and clients. Unfortunately, web design proposals are one of those essential processes you have to learn, and learn well. The biggest question I have asked myself in the past is – "Are they really worth all this hassle?
" The answer sadly is YES, they are. A client contacts you regarding a new web site, you will discuss it first, you will then ask him to fill out a project questionnaire, and then they they will no doubt ask “How much will that cost?”. In this post you will find resources to help you write a successful web design proposal, that will help you to win contracts every time…. or at least most of the time!
What are your thoughts on web design proposals? Writing a Website Design Proposal A website design proposal is a fancy way of saying quote. Writing a Website Design Proposal »
Sliders and carousels. HTML and CSS. Learn CSS | Mozilla Developer Network. LESS « The Dynamic Stylesheet language. GLYPHICONS - library of precisely prepared monochromatic icons and symbols. Design Blogs. 20 Inspirational Websites. Advertisement Today, you can easily find several motivating and appealing websites on the net that can be of great help to thousands of online users all over the globe. Great Websites for Inspiration can easily motivate and stimulate your senses in the most fabulous manner.
These websites have the natural tendency to impart tremendous ideas and concepts that can be of massive help to users. All these great websites have the best and the most appealing design that has the control and power to influence any person immediately. The great websites for encouragement can be easily accessed on the net according to your liking. Great Websites for Inspiration needs to have commanding words, phrases, appealing pictures and other forms of descriptions that could really stimulate the overall feelings of an individual. If you like this article, you might be interested in some of our other articles on Portfolio Websites, Photographers Websites, Ecommerce Websites, Flash Websites.
Draw a Stickman Zizzi. How I Designed CodeYear.com in 1 Hour. Code Year is a great initiative by the folks behind Codecademy. The concept is simple: sign up to Code Year, and each week you’ll receive a new coding exercise. By the end of the year, you’ll be well on your way to becoming a coder. Did you know Codecademy is hiring designers and developers right now? Take a look if you want to join a great startup! So far more than 75,000 people have signed up for the newsletter, making this one of the most quickly successful projects I’ve ever been involved with by far! Here’s how it happened, and as I go I’ll also point out more general design principles or techniques using bright yellow notes thingies like the one just above. 10:32 pm: Open email Last Friday, at 10:32 pm I received an email from Zach from Codecademy asking for some last-minute feedback and tweaking on a design they were getting ready to launch.
The design Zach showed me was looking good, but we figured it could nonetheless be improved. 10:40 pm: Launch Photoshop Click for full size.
Think Vitamin - A blog for web designers and developers. 30 Days to Learn HTML and CSS | Tuts+ Premium | The best way to learn creative and technical skills. Css. Fashionably flexible website design by Stuff & Nonsense. Frameless. Www.garethjmsaunders.co.uk/blueprint/cheatsheets/blueprintcss-1-0-1-cheatsheet-4-3-gjms.pdf. Ruby on rails. Code School Enrollment. CSS3. HTML5. XHTML 1.0 Strict Cheat Sheet. See also: XHTML Basic 1.1 cheat sheet — Recommended Doctype Declarations — XHTML Flavors comparisons. Getting started A minimal English XHTML 1.0 Strict document would look like the following: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xmlns=" lang="en" xml:lang="en"><head><title>My page title</title></head><body></body></html> Elements and Attributes reference The tables below document which elements and attributes are allowed in XHTML 1.0 Strict, and with the constraints defined in the DTD (please note that the DTD doesn't enforce all the known constraints for XHTML 1.0).
Skip to attributes table. Elements Attributes table.
Design showcase. Subtle Patterns | Free textures for your next web project. Web Design Usability Series. The State of Web Design Trends: 2012 Annual Edition. Illustrator. Learn Web Design, Web Development, and iOS Development - Treehouse. A Whole Bunch of Amazing Stuff Pseudo Elements Can Do. It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do.
They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup. Here's a whole bunch of those amazing things. A roundup, if you will1. Give you multiple background canvases Because you can absolutely position pseudo elements relative to their parent element, you can think of them as two extra layers to play with for every element. Expand the number of shapes you can make with a single element All of the shapes above any many more can be created with a single element, which makes them actually practical. Here's an example of a six-pointed star: Show URL's of links in printed web pages Clear floats Rather than insert extra non-semantic markup to clear the float on container elements, we can use a pseudo element to do that for us.