• Home
  • Portfolio
  • Blog
  • Freebies
  • Contact
MightyMeta

Category Archives: Quick Tips

actions-thumb

August 23, 2011
by James Brocklehurst
6 Comments

SuperSlicr: Ditch the Slice Tool!

This is an update to the Photoshop action that I created in May 2010 to speed up my Photoshop to Web/Mobile workflow. It allows you to select any combination of layers (which may contain layer styles, vector shapes, text layers … Continue reading →

Categories: Freebies, Quick Tips | Tags: design, freebie, graphics, interface elements, mobile, photoshop, PNG, save for web, transparency, vectors | Permalink

icon

August 3, 2011
by James Brocklehurst
15 Comments

CSS Noise

This post looks at a way to add a subtle noise effect to HTML elements using CSS. Using this technique is of interest because it doesn’t require use of an image editor, weighs in at just a little over 2K … Continue reading →

Categories: Quick Tips, Tutorials | Tags: css, data URIs, design, generated content, graphics, html, interface elements, photoshop, PNG, save for web, snippet, transparency | Permalink

Using Photoshop Vector Tools For Interface Elements

June 7, 2011
by James Brocklehurst
4 Comments

Using Photoshop Vector Tools to Create Interface Elements: Part 1

Both Fireworks and Illustrator have a superior feature set but I find myself using Photoshop’s vector tools for almost all interface design tasks. The main reason for this is personal familiarity (I’ve been using PS since version 2.5), but I … Continue reading →

Categories: Quick Tips | Tags: design, graphics, interface elements, photoshop, vectors | Permalink

CSS Vendor Prefixes

April 1, 2011
by James Brocklehurst
5 Comments

No More Need For Some CSS3 Vendor Prefixes

Now that Firefox 4 and IE9 have finally arrived and users upgrade their browsers in healthy numbers, applying the latest cutting-edge techniques to real-world sites becomes more of an option. One perk is that the latest versions of all browsers … Continue reading →

Categories: Quick Tips | Tags: browsers, css3, prefixes | Permalink

icon

January 6, 2011
by James Brocklehurst
8 Comments

Test Your Website Across iOS Devices Using The iPhone Simulator

As the mobile device market expands and looks set to increase exponentially in 2011, it is no longer an option for web developers to test just for the desktop. Testing for Apple’s iOS devices is probably a good start, but … Continue reading →

Categories: Quick Tips | Tags: browsers, css, development, iPhone simulator, mobile, testing, Xcode | Permalink

Optimise Photoshop Plug-ins For Web Design

November 6, 2010
by James Brocklehurst
3 Comments

Quick Tip – Optimising the Photoshop Plug-ins Folder for Web Design

Photoshop has grown from a photo scanning and correction application into a versatile program capable of working with digital imagery in almost any context. It can now import and manipulate video, 3D models, and perform scientific measurements and analyses of … Continue reading →

Categories: Quick Tips | Tags: design, graphics, photoshop, plug-ins | Permalink

actions-thumb

May 4, 2010
by James Brocklehurst
6 Comments

Photoshop Action – Selected Layers to Web Export in One Click

To speed up my Photoshop to HTML workflow, I’ve recorded a Photoshop Action that allows me to select any combination of layers (which may contain layer styles, vector shapes, text layers or smart objects), and instantly turn these into a … Continue reading →

Categories: Freebies, Quick Tips | Tags: graphics, photoshop, save for web | Permalink

PNGCrusher Icon

April 18, 2010
by James Brocklehurst
0 comments

Photoshop PNGs – Some Quick Fixes

If you are using PNGs on your site straight from Photoshop, then this post may be of interest to you. The PNG image format offers some unique abilities for web designers, but there are pitfalls concerning compression, colour accuracy and … Continue reading →

Categories: Quick Tips | Tags: css, design, graphics, html, PNG, save for web, transparency | Permalink

Connect

  • RSS
  • Twitter
  • Facebook
  • LinkedIn

Categories

  • Tutorials (9)
  • Quick Tips (8)
  • Freebies (7)
  • Projects (7)
  • General Musings (3)
  • Reviews (2)
  • Behind the Scenes (2)

Latest Posts

  • Embedding YouTube Within iPhone Apps
  • SuperSlicr: Ditch the Slice Tool!
  • CSS Noise
  • Using Photoshop Vector Tools to Create Interface Elements: Part 1
  • WordPress 3.1 to a Client Friendly CMS in 7 Easy Steps

Commentary

  • Betadine on Animating {background-image} Opacity In JQuery Without Affecting Child Elements
  • Dino on Animating {background-image} Opacity In JQuery Without Affecting Child Elements
  • Dino on Animating {background-image} Opacity In JQuery Without Affecting Child Elements
  • web design company india on Web Safe Font Cheat Sheet v.2 – Including Google Font API
  • James Brocklehurst on Animating {background-image} Opacity In JQuery Without Affecting Child Elements

Sponsor

About The Author

James Brocklehurst is an interactive media designer and lecturer with over ten years experience in both of these fields.

On this site he publishes tutorials, freebies, as well as examples of his work

He lives in Devon, UK, with his family.

The Mighty Inspiro-tron

  • photo from Tumblr

    “Greenwish 1951/1984” by Abigail Reynolds


    10/06/11

MightyMeta on Twitter

  • Real-time heatmap user testing for iOS apps https://t.co/WAuPtOnq
  • RT @thinkvitamin: Just published Git For Designers (Part 1): http://t.co/mAOY5VSJ
  • RT @FastCoDesign: RT @johnpavlus: This short film about letterpress will make you yearn for an ink roller http://t.co/pgn81Jdf
  • iOS icon PSD template with sample textures, automated scaling and export http://t.co/XcHNIERA
  • Responsive Slideshow http://t.co/mwOx0Arl

MightyMeta, 8 St Lawrence Lane, Ashburton, Devon, UK, TQ13 7DD

Design and Content © 2007 - 2012 MightyMeta. All Rights Reserved, Unless Otherwise Stated

Powered by WordPress | Theme Derived From "Yoko" by by Elmastudio

Scroll To Top