background preloader

Webdesign

Facebook Twitter

Selection of usefull websites for beginers and experience webdesigners and some tools related to coding in general.

101 Ways to Make Your Website More Awesome · AwesomeWeb. I was talking to an old client last week and she said, “Nick, I know I need help with the site, but I’m not sure what I need.” So I asked around. Friends, family, other non-internet-y business folk. They all said the same thing: “I need a checklist. I don’t know how to build a website. That’s why I need to hire someone. But I still want to know what’s involved.” So I started making a list of everything we’ve done at AwesomeWeb (and some things we haven’t). Here’s my promise… …If you fix everything on this list, you’ll have one of if not the best site in your industry. How do you know? I’ve reviewed 1,000+ of the world’s best freelancers. As a business owner, use this list to know what needs to be done. As a freelancer, use this list to make everything you create more awesome. “I was reviewing what we built and noticed that we can fix this, this, and this.

The point is… …I want to help you make the web more awesome. Awesome Branding Get a professional logo. Awesome Typography Awesome Layouts P.S. Styling Range Input. The CSS We have already defined the four core elements we need to style above, let’s go through them one by one: The Container There’s nothing tricky in styling the input element itself, just do as you normally would on an input element. Here are some advices: Only add styles to assist the layout of the element, leave the style related rules to the shadow DOM elements.You might need to define a big enough height value, because some browser won't overflow the shadow DOM elements.In some browsers, it doesn't update the cursor when hovering, you can force it with cursor: pointer;.

The Range Track As I mentioned before, different browsers actually has quite different shadow DOM implementations. Here are the different selectors you need for the track element: ::-webkit-slider-runnable-track (webkit)::-moz-range-track (Firefox)::-ms-track (IE10+) As for the styles, I found they can be almost identical. The Progress Fill The progress fill element varies a lot in different browsers: The Thumb. Generate styles for your HTML5 range inputs. Stumbleupon.

Security

Fun Games for Webdesigners (pracice design/code skills) Resources & Blogs & Fun Stuff... CMS's & Create without code. UI. HTML Mail - Send HTML Emails Online. Gmail, Outlook, Yahoo and most other popular email programs support HTML email (Rich Text) but neither of the programs offer you an option to compose email messages directly using HTML markup. That's where HTML Mail fits in. To get started, sign-in with your Gmail or Google Account. Then compose an email message inside the WYWIWYG editor, add the recipient's email address, add a subject and and send it to anyone with a click. The app only requires permission to send mails through your Gmail account. It does not have access to your email messages or any other data in your Gmail account. You can revoke the permissions anytime later. Internally, the app sends emails on your behalf using the official Gmail API and thus a copy of the mail will be available in your Gmail Sent Items folder.

This is not an anonymous service as we pull your email address from your Gmail account and use that as the From: email address in the header of the outgoing message.

Embed...

Visual Inspiration. Absolutely Amazing Stuff - code taken to the next level. Web Fonts. Inspiration - Good use of Code/Design. Code. Code validation. References. Servers. Muse. Web Design from Scratch - Free Web Design Tutorials.