background preloader

WebDev Resources

Facebook Twitter

Our The Last of Us 2 Discussion on Accessibility and Blind Impressions. The Last of Us 2 is out on June 19 exclusively for PS4, and after learning that there were over 60 accessibility features available in the game, Naughty Dog went ahead and revealed every accessibility feature that is present in The Last of Us 2 at launch.

Our The Last of Us 2 Discussion on Accessibility and Blind Impressions

I sat down with Courtney Craven from this very website, Can I Play That to discuss our first impressions. Full disclosure, I was brought in to Naughty Dog’s studios to consult on the accessibility for The Last of Us 2 while it was in development. You can watch the video for both Courtney and my impressions on the game, and below that is a full transcript. How to get started with started with accessibility user testing. 7 guidelines for writing accessible microcopy. 8 tools that make accessible design easier. 8 examples of accessible design for your inspiration. StatusPage.io - Hosted Status Pages for Your Company.

Reviews and Top Software at Capterra. The Art of the Error Message. 40 Beautiful Logos Made With Blend Modes And Transparency. Placeholders: Minimal Does Not Mean Simple - Marvel Blog. Since placeholders came along, designers have adopted them as means of storing hints.

Placeholders: Minimal Does Not Mean Simple - Marvel Blog

Their appeal lies in their minimal aesthetic and the fact they save space. “Since placeholders came along, designers have adopted them as means of storing hints.” Some designers go one one step further, and replace labels with placeholders. Responsive Logo Design & Branding Guide for Websites. This article was contributed by Evan Brown.

Responsive Logo Design & Branding Guide for Websites

In a chaotic time of brands revamping their logos, minimalism on the rise, responsiveness being the new sexy, designers lead on by the mantra of “less is more”, we can only wonder; what is the design world coming to? Welcome to Method of Action. #1 Excel tutorial on the net - Excel Easy. Forbes Welcome. Thanks for coming to Forbes.

Forbes Welcome

Please turn off your ad blocker in order to continue. To thank you for doing so, we’re happy to present you with an ad-light experience. Hi again. POLARIS Creative Solutions – 2016 Social Media Guide. 2016 Social Media Guide Facebook Cover Photo dimensions: 851 x 315 pxFacebook Profile Image dimensions: 180 x 180 pxFacebook Shared Image dimensions: 1200 x 630 pxFacebook Shared Link dimensions: 1200 x 627 pxFacebook Highlighted Image dimensions: 1200 x 717 px.

POLARIS Creative Solutions – 2016 Social Media Guide

POLARIS Creative Solutions – 2016 Social Media Guide. Social Media Cheat Sheet 2016: Must-Have Image Sizes! Creating a custom HTML theme. Want to create a custom look for your blog?

Creating a custom HTML theme

If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. Introduction Tumblr is built around seven key post types: text, photos, links, quotes, chat, audio, and video. Forbes Welcome. 35 (More!) of the Best Personal Websites We've Ever Seen. You’ve no doubt heard that you should have a personal website—whether it’s to build your personal brand, serve as an online resume, help you score new clients, or publicly archive your work.

35 (More!) of the Best Personal Websites We've Ever Seen

But throwing up a site with your work experience and contact info is just the beginning. In order to be effective—and catch the eye of the people you’re targeting—it needs a couple key elements. First, it should be easy for your visitors to navigate.

Twine

Developer.mozilla. CSS 3.0 Transform Maker. Color Hex - ColorHexa.com. Commons. 20 Free Subtle and Soft Textured Photoshop Brush Packs. Subtly textured brushes are currently a popular trend in web design.

20 Free Subtle and Soft Textured Photoshop Brush Packs

They are really useful for adding character and bringing a little light emphasis to your otherwise dull designs. In this post we have 20 subtle and soft textured Photoshop brush packs with a total of 223 brushes. Hope you find them useful. Subtle and Soft Textured Photoshop Brush Packs. Project Naptha. 30+ Seamless Patterns for Photoshop. If you are feeling lost in the chaotic world of Photoshop patterns and tools, we are here to the rescue!

30+ Seamless Patterns for Photoshop

In this roundup, we bring to you 30 awesome seamless and tileable Photoshop patterns. The choices are plenty — you can take your pick from fabrics, geometrical shapes, grunge, or simple lines! Your search stops here. 60 High Quality Free Photoshop Patterns and Textures. Welcome to day 6 of freebie week on Designrfix.

60 High Quality Free Photoshop Patterns and Textures

Today we have assembled a stunning collection of high quality free Photoshop patterns and textures. So if you are in search of some really cool patterns and textures for your latest project, this post is not to be missed. Patterns .36 by crazykira-resources on DeviantArt. Ali 40 Photoshop seamless patterns set #1. Paste this code at checkout when you are done shopping. Not sure where to paste it? View instructions Paste this code at checkout when you are done shopping. Not sure where to paste it? Visit iStockphoto.com and paste this code... Fundamentals of Web Design. List of subdomains - Free Web Hosting Forum. Create a new fiddle - JSFiddle. Validator.nu (X)HTML5 Validator. Specificity Calculator. Unicode Arrows → ⇒ ⇄ ↑ ↩ ⤢ ↱ ↷ ↻ ► ☛ Commons. PhoneGap. Framework7 - Full Featured HTML Framework For Building iOS7 Apps. HTML Templates.

News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo. Lorempixel - placeholder images for every case. Processing.org. Font sizing with rem. Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable. HTML Standard. 4 The elements of HTML 4.1 The root element 4.1.1 The. The @Font-Face Rule And Useful Web Font Tricks. Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts.

Wordmark.it - helps you choose fonts! Iconset:flat-brand-logo-2 icons. Icon search engine and market place. Bootstrap 3 Glyphicons. Using CSS3 @font-face to “fake” multiple font weights - Ilia Draznin. CSS2 specifies additional font weights, beyond Normal and Bold. In particularly there are 9 font weights in total — 100, 200, 300, 400 (normal), 500, 600 (bold), 700, 800 and 900. Unfortunately browsers still somewhat lack support for this feature, but more importantly fonts lack support for this. Many fonts however, still come with only normal and bold weights.

Moreover, based on a few tests, even professional fonts that come with multiple weights (such as thin, light, regular, bold, heavy, etc.) don’t actually support these weights in the same way as the CSS2 specification dictates, in other words they can’t be used out of the box like that. For example, I have the Arno Pro font (a nice serif font from Adobe). Semantics - Dive Into HTML5. The W3C CSS Validation Service. Hoefler & Co. Typekit.

Cool Things to Do

Full Hierarchy. HTML 5 Outliner. CSS Tools: Reset CSS. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.

Website Review - SEO Tool. A Beginner's Guide: Stepping Into Web Design Industry. Perhaps you've got some experience in the web industry but unsure what to do next. Blog.SpoonGraphics. HTML5 Doctor, helping you implement HTML5 today. HSL Color Picker; HTML Color Picker; Web, HEX, CSS, HSLa. The HSL Color Picker is a simple, yet effective color workbench to generate color output and also to import colors for analysis and comparison. Jesse James Garrett: Visual Vocabulary for Information Architecture.

CSS3 Animation Cheat Sheet - Justin Aguilar. How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). jQuery API Documentation. Same old...

Naming Resources

The World's Largest Domain Name Registrar - GoDaddy. Web Hosting & Domain Names by FatCow.com. The World's Most Powerful Browser-Based IDE - Codio. Bootstrap CDN. Font Awesome Icons. Bootstrap Zero - Free Bootstrap Templates and Themes. CSS3 Linear Gradient Buttons Generator. Free textures for your next web project. Nothing like a field of beautiful flowers. Download Download. Fonts. DevDocs. Lorempixel - placeholder images for every case.