Css Pseudo Classes For Form Elements
April 28, 2014layout: post title: “CSS Pseudo Classes for Form Elements” date: “2014-04-28” tags: “CSS” “Forms” “HTML” “SVG”—
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.
Quick Tip - 16: Disable HTML Form Validation With novalidate
April 25, 2014With HTML5 we have been given new input types (email, tel, url, number, etc.) and built in browser validation to validate them. This is great but you may want to disable this validation if you want to test your server side validation, use custom validation, or something else.
Oh Wow Thats Neat 16 Brick Im Webfonts Actually Look Good
April 23, 2014layout: post title: “Oh Wow That’s Neat - 16: Brick. Webfonts that actually look good.” date: “2014-04-23” tags: “CSS” “SVG”—
Using CSS Generated Content
April 21, 2014Back in the good ol' days, CSS was much more limited than it is today. If we needed to style something it had to be in the page which, in turn, led to bloated markup simply for design purposes. Luckily we are no longer in those days.
Quick Tip - 15: How to Fix ng-cloak Flicker in AngularJS
April 18, 2014The ng-cloak directive was added to Angular in order to prevent the flickering of elements before your application has fully loaded. It then removes ng-cloak once it has had a chance to compile your views. However, there is still a flicker issue that occurs between when the view is first loaded and before Angular has had a chance to run.
Oh Wow That’s Neat – 15: The Magic of CSS
April 16, 2014We pick up lots of pieces of knowledge over time when working with CSS and then if we don't use them often we can forget how to use them and then have to spend time either looking it up again or looking for where we used them in other projects.
SVGs are So Fresh to Defs
April 14, 2014No, this is not a hip hop song about SVGs, sorry to those of you who were expecting that. This is another post about good ol' SVG graphics. So most of us know that there is a lot that you can do with SVGs and it can all be done in many different ways. The SVG `defs` element can be used to make SVG code simpler, cleaner, and better.
Quick Tip - 14: Centering the Grid in Illustrator
April 11, 2014When you create a new Illustrator document the grid will always be aligned based off the upper left corner of the art board. Personally, I always want it to be aligned to the top center. How do you do that? Well, the simplest way that I've found is to actually just center the art board.
Oh Wow That’s Neat – 14: flexboxgrid.com
April 09, 2014If you're ready to build out your next site using flexbox you are probably going to want to use a grid. Well, you're in luck because [Kristofer Joseph](https://twitter.com/dam) has created [Flexbox Grid](http://flexboxgrid.com/) with many of the features that you're used to with other div based grids and more.
What the :root Pseudo Class is and Why You Might Use it
April 07, 2014The :root pseudo class, at first glance, is a little odd. It seems like it's simply a replacement for using the HTML tag as a CSS selector. There's a little bit more to it than that and in this article I will explain what the :root pseudo class is and why you might use it.
Quick Tip 13 Keep Colors Consistent Using Currentcolor
April 04, 2014layout: post title: “Quick Tip – 13: Quickly Apply Colors Using currentColor” date: “2014-04-04” tags: “CSS” “SVG”—
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.
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.