Oh Wow That's Neat - 13: subtlepatterns.com
April 02, 2014Subtlepatterns.com is a great free resource for high quality repeating backgrounds for use in your designs. It was created and is actively maintained by Atle Mo.
Angular Development Tutorials
This website is Brian Treese's Angular Development Blog. The site provides practical, hands-on tutorials and resources for developers who use the Angular framework. The tutorials cover modern Angular techniques including Signals, Components, Forms, Animations, CDK (Component Dev Kit), and Styling. Each tutorial includes code examples, video demonstrations, and step-by-step instructions to help you build Angular applications.
Things You May Not Know About CSS Backgrounds
March 31, 2014I have been using CSS background properties for quite a few years and have only used what I have needed. There are some pretty cool things that can be done with backgrounds that I was not so familiar with. In this article I'll highlight some of these not so common options.
Quick Tip – 12: Rounding Corners in Illustrator
March 27, 2014Ever needed to quickly and precisely round corners on vector shapes and typography already added to your designs in illustrator? Well, it's pretty easy to do nowadays.
Oh Wow That’s Neat – 12: SVG Optimiser
March 25, 2014If you've ever created an SVG image in Adobe Illustrator you've seen some pretty crazy code. Just like all other code we write, it should be simple, clean, and lean. Also, like any other image type we want to make sure that it is optimized and has the highest quality with the smallest file size.
AngularJS Overview for Web Designers
March 24, 2014AngularJS is a newer JavaScript framework geared towards the creation and maintenance of single page web applications. It is considered to be a “toolset for building the framework most suited to your application development” meaning that, for the most part, you can choose the elements that you want to use and swap out those that you don’t want with other libraries/frameworks of your choice. It is built and maintained by Google and is open source with an MIT license.
Quick Tip – 11: Text Wrapping in Illustrator
March 20, 2014Often when creating a web design mock-up you'll have the need to wrap text around objects. Illustrator makes this very quick and easy to do.
Oh Wow That’s Neat – 11: Whatfont Bookmarklet
March 19, 2014Do you ever use browser developer tools just to figure out what fonts and font styles are being applied on your site and perhaps others? Well, there's an easier way thanks to Chengyin Liu an engineer at Backplane. He has created the Whatfont Bookmarklet extension for Chrome.
User Experience Design With Illustrator
March 17, 2014Every time I go to design a new site I jump directly into PhotoShop because, well, it's the tool I've used since the very first site I designed as a professional. I know it very well and can move quickly and efficiently.
Quick Tip – 10: Using Global Swatches in Illustrator
March 14, 2014Ever wish that you could create high fidelity design mock-ups with the ability to make global color changes? Well, with Illustrator you can do exactly that.
Oh Wow That’s Neat – 10: jQuery Notebook
March 12, 2014Getting tired of those ugly old school WYSIWYG editors that have every setting under the sun? I know I am. Well, there are some other great solutions out there and jQuery Notebook is one of them.
Getting Modular Web Components
March 10, 2014layout: post title: “Getting Modular With Web Components” date: “2014-03-10” tags: “CSS” “HTML” “JavaScript” “Web Components”—
Quick Tip – 09: Placing PhotoShop Documents Within Other PhotoShop Documents
March 07, 2014You can now place PhotoShop documents within other PhotoShop documents. This is awesome when you are in the process of mocking up large scale applications consisting of common components like site headers, footers, navigation, etc. It also helps to keep these design elements consistent when developing with a team of designers.
Oh Wow That’s Neat – 09: Conditioner.js
March 05, 2014Media queries are great and they have become the standard for responsive web design. They provide us the ability take control of our designs and dramatically change the way they look across a wide array of view port dimensions and devices. They are not without issues however. They are are only concerned with the width of the view port and not the width of containing elements.
Pseudo-Classes vs. Pseudo-Elements
March 03, 2014For the longest time the only pseudo selectors that we could use were :link, :hover, :visited and :active and they could only be applied to a tags. As long as we were intending to support ie6 that was all we could do. As we've adopted philosophies like progressive enhancement, graceful degradation, or dropped support for ie6, 7, and 8 we have seen the landscape of CSS selectors change dramatically.
Quick Tip - 08: Highlight Search Results With the HTML5 Mark Tag
February 28, 2014The HTML5 mark tag was created in order to highlight text within a document that is relative to another context. This is perfect for highlighting the search term in a list of results.
Oh Wow That’s Neat – 08: Cubic-Bezier.com
February 26, 2014I don't really come across much about the use of CSS3 cubic-bezier() functions for easing in animations. It is a timing function that can be used in place of the easing keyword for CSS animations.
Modern Web Typography: Kerning
February 24, 2014Kerning is a very important aspect when it comes to setting type. Unfortunately, until more recent times, it has been left out when it comes to the web.
Quick Tip - 07: Autofocus Fields With HTML5 Form Attributes
February 21, 2014Have you ever wanted to automatically place the cursor in a field when the page is rendered? I know I have.
Oh Wow That's Neat - 07: Gratisography.com Free HQ Images
February 19, 2014Looking for high quality pictures to use in your personal or commercial projects? Don't want to pay tons of cash for overused stock photos? Well, you're in luck thanks to [Ryan McGuire](http://www.laughandpee.com/) from [Bells Design](http://www.bellsdesign.com/).