    
|
Application deadline: January 6, 2014Undergraduate students receive a $5,000 stipend plus travel expenses.10-week research experiences are offered at: Argonne, Idaho, Berkeley, Livermore, Oak Ridge, Pacific Northwest, and Sandia National Laboratories; as well as at Homeland Security Studies and Analysis Institute, National Institute of Standards and Technology, Coast Guard Research and Development Center, Customs and Borders Protection Laboratories and Scientific Services, Naval Research Laboratory, Engineer Research and Development Center, National Security Technologies Remote Sensing Laboratory, Transportation Security Laboratory, and more…Areas of research: Engineering, computer science, mathematics, physics, chemistry, biological / life sciences, environmental science, emergency and incident management,social sciences, and more.U.S. citizenship required
]]>Search Job # 9261865 in UMBCworks to learn more!
On-Campus Interviews offer students a chance to conveniently interview for professional positions on campus. Employers travel to our campus for the specific purpose of interviewing preselected students for currently open positions. This is a great opportunity to interview with employers specifically interested in UMBC students and offers the advantage of a smaller applicant pool. Interviews take place during the fall and spring. The logistics (viewing positions, applying, signing up for interview time slots, etc.) are all handled via UMBCworks.
Don't miss out on employers coming to UMBC to recruit YOU this fall! The following is a list of employers coming to conduct on-campus interviews with application deadlines within the next month.
iGate
Position: Test Engineer - 9261611
Resume Submission End: November 4, 2013
AAI Corporation
Positions: Human Resources, Finance, Engineer I, Information Technology
Resume Submission Deadline: November 11, 2013
Emerson Power Transmission
Positions: Paid Spring Entineering Co-Op - 9261749
Resume Submission Deadline: November 11, 2013
A full list of On-Campus Interviews scheduled is available on our website calendar and on UMBCworks, please check regularly for any updates or changes that may occur.
]]>The following part-time positions have been posted within the past week to UMBCworks. Login to your account (via the link in the Jobs & Internships topic in myUMBC) and find details and application instructions as well as hundreds of other job postings!
9261841 - IT Intern - Dresner Group, LLC
9261795 - Physical Therapy Aide - Catonsville Physical Therapy
9261673 - Chess Coach or Aide - Silver Knights Chess
9261797 - Rehabilitation Counselor - Humanim
The following full-time positions have been posted within the past week to UMBCworks. Login to your account (via the link in the Jobs & Internships topic in myUMBC) and find details and application instructions as well as hundreds of other job postings!
9261849 - Inventory Personnel - Chesapeake Human Resource Services, LLC
9261822 - Associate Product Manager - Videology
9261717 - Police Officer Candidate - Montgomery County Department of Police
9261683 - Supplier Quality Engineer - Mechanical - AAI Corporation
9261773 - Family Service Advocate - YMCA of Central MD
CFP: Calibrating Culture: Historical (Re)Readings in Film, Print, and Other Media
7 January 2014
The graduate program in History and Culture at Drew University is pleased to announce that the Second Annual Dean Hopper New Scholars Conference is accepting submissions for paper presentations. The theme of this year’s conference is “Calibrating Culture: Historical (Re)Readings in Film, Print, and Other Media.” This multi-day conference, which will be held June 6-7, 2014, on the campus of Drew University in Madison, New Jersey, will explore the intersections and interactions between media and culture throughout history. The conference aims at fostering an interdisciplinary discussion of the influence of culture on society and welcomes works from various disciplinary backgrounds, though papers with an historical dimension are encouraged. The conference will construe media broadly, and welcomes submissions which address the production, dissemination, and reception of various creative endeavors. Paper themes may include, but are not limited to:
The conference will be accepting submissions from current graduate students and early career scholars. Both individual and panel submissions will be accepted. Panels will be small to promote an intimate and engaging discourse on media and culture. Presentation proposals should include an abstract of no more than three hundred words explaining the topic, main argument, and methodology of the project. In addition, proposals should include the presenter’s current curriculum vitae as well as any audio or visual requirements needed for the presentation. Individual papers should not exceed 20 minutes in delivery.
Paper submissions and general inquiries should be directed to: conferencesubs@drew.edu
Deadline for Submissions: January 7, 2014
Notification By: February 1, 2014
]]>|
|
“Make something interesting” is a client request we don’t hear often. When Adobe asked it of Kelli Anderson (they wanted a handout for AIGA’s annual design event), she decided this was the perfect opportunity to address a quandary that we all encounter from time to time:
Should I take that job? Is the low pay worth the potential glory? Is the high pay worth the ensuing years of professional shame? And so on…
As Anderson states in her blog post about the project, “It’s part paper-wheel-calculator, part infographic, part mood ring, and part logic-exercise to help ‘see the future without all the waiting.’”
The piece has been a runaway success in the design community, partly because it’s gorgeous and partly because it asks and answers four basic project assessment questions with a sense of irony so acute it could be confiscated at the airport.
The wheel’s four questions (which are more like parameters) are:
Does the wheel tell the future? According to Anderson, absolutely. Any one of 72 unique circumstances will predict whether you’ll be living on noodles, the envy of your old school chums or “siphoning your deferred passions into a side project, which makes you internet-famous.”
When I tried to nab one on the Adobe Illustrator Facebook page where they were giving them away, I was already too late. Until the next production run, you’ll have to settle for Anderson’s abundantly illustrated blog post. Thankfully, she’s loaded it not only with lots of detailed photos, but also a descriptive video and a few historical images of 20th century wheel calculators and other interesting things that spin.
How do you answer the question of whether to take a job? Would Anderson’s wheel help you? Let us know in the comments.
| Versatile Alana Pro Script Font & 60+ Ornaments – only $14! |  |
|
|
 |
This article is the third part of an article series about improving your design workflow in Adobe Fireworks with some of the best extensions currently available. You may want to check out the first and second parts if you’re not already familiar with them. – Ed.
We have already covered over a dozen brilliant extensions to add to your Fireworks arsenal, just the tip of the iceberg. With all-around great guys such as John Dunning, Aaron Beall, Matt Stow and Linus Lim continuing to support the app (an app that Adobe has finally decided it has had enough of), the power of Fireworks continues to make the lives of designers all over the world easier and more productive.
More on Adobe’s decision in a bit. For now, let’s dive into the extensions:
If you find yourself reaching for Control/Command + Shift + X to bring up the “Export Preview” dialog a couple dozen times a day, like I do, then you owe it to your fingers to download this extension. As easy as Fireworks makes it to create designs for the Web and mobile, it is surprisingly dull when it comes to optimizing the exporting process. Why must we struggle with the Optimize panel to change the exporting settings for each page before exporting it? And why can’t we export natively created vector elements to SVG (now one of the most preferred vector formats for the Web)?
Export Commands by Aaron Beall is a set of commands that makes this whole process much simpler — and more!
This set contains the following commands: “Export SVG,” “Export Pages and States,” “Export Slices As Sprites” and “Export Styles as CSS.” Let’s review each in detail.
With high-resolution screens gaining in popularity, the need for scalable images on the Web is ever increasing.
SVG is by far the most popular and best-supported vector image format. However, while you can create vector artwork in Fireworks, you can’t export it as an SVG file. Well, with the “Export SVG” command, now you can!
When exporting to SVG, you can choose whether to export the entire document or a selected element on the canvas.
Note, though, that if any bitmap objects are in your Fireworks PNG image file, they will be exported as embedded bitmap images within the SVG (which pretty much defeats the point of using SVG in the first place). And any custom fonts won’t work, so text will render in the browser’s default font when you view the SVG in a browser. If you have to have the exact font you’ve used and don’t care about search engines not being able to read the text, then you might want to convert the text to SVG paths before exporting the file (go to Text → Convert to Paths).
SVG files are infinitely scalable, making them a good choice for creating Retina-friendly websites.
Note: A couple of months ago, Josh Emerson forked Aaron’s Export SVG command and updated it to optimize the SVG code for the exported files and to give you more precise control over how the resulting SVG is created. His new version of the command, SVG for Web, creates smaller exported SVG files with good quality. If you’d like to try SVG for Web, you can grab it from GitHub. The extension is completely free.
Aaron’s command, Export SVG, enables you to export your vector artwork in SVG format, but what about importing SVG files, you might ask? John Dunning’s excellent SVG extension makes this possible. With it, Fireworks can both open and import SVG files.
If you work with SVG files a lot and Fireworks is your primary design tool, then you owe it to yourself to download both of these extensions.
Suppose you’re done with a design and need to save all pages and states as PNGs to share with the team? Fireworks already lets you save all pages to files and all states to files easily from within the “Export” dialog, but not both at the same time. The “Export Pages and States” command does just that. As a bonus, it even lets you customize how the files will be named before exporting them.
The Export Pages command lets you define how the exported files will be named.
If you have a lot of icons that need to go as a sprite to the development phase, copying them all and composing them in a new file is tedious enough, let alone figuring out the measurements for the CSS after that. The “Export Slices as Sprites” command takes the grunt work out of this process by automatically creating a sprite from the selected slices in a document (or all slices if nothing in the document is selected), all neatly aligned. It will even create an HTML file with the appropriate CSS properties, if needed.
Note: If you work a lot with sprites, you may want to look at the CSS Sprite Maker extension, which I covered in depth in an previous article about Fireworks extensions. Also, Fireworks CS6 integrates an “Export CSS Sprites” feature; the article “Working With CSS Sprites in Fireworks CS6” is quite detailed and useful, if you want to learn more.
Finally, there is an “Export Styles as CSS” command, which will generate the CSS for all of the styles in the current document — styles that you have explicitly created and/or saved. This command is not as powerful as the new “CSS Export” in Fireworks CS6, though — it doesn’t recognize drop shadows, transparency or a few other properties.
So, if you are using the latest version of Fireworks (CS6), go with the built-in CSS panel in Fireworks CS6 (which was recently updated, by the way), and use it with the excellent CSS Professionalzr extension by Matt Stow.
One of Fireworks’ strengths is its excellent UI prototyping capability — be it for the Web, desktop or mobile.
We’ve already covered this topic in detail on Smashing Magazine:
Almost every designer I’ve known prefers Fireworks to Photoshop for prototyping and wireframing. And with wireframes comes the ubiquitous placeholder text, the ever popular lorem ipsum.
For years, I religiously went through the process of opening a text file, copying some random text from it and pasting it into Fireworks. More recently, I’ve been using the Lorem Ipsum command from Aaron Beall’s excellent Text Commands pack, which I talked about in my previous article.
That is, until I came across the Lorem Ipsum auto shape by John Dunning. Apart from giving auto shapes in Fireworks an entirely new dimension, the extension makes adding lorem ipsum extremely simple.
Change the properties of the placeholder text block using the yellow control points. Easy!
Although the auto shape does only one thing, the amount of control it provides sets it apart. To start with, it adds just the amount of text that will fit the shape you’ve drawn. No more copying and pasting or deleting text to fit the space! Resizing the boxes using one of the yellow handles or changing the font size will automatically adjust the amount of dummy text, so you will always have exactly as much text as you need.
Apart from the resizing handles, there are handles for aligning the text, setting text as a single block or as paragraphs (with the ability to define how many sentences make a paragraph), and changing the case between sentences (title case or uppercase). You can also click the target icon in the middle to set the exact height and width of the text object (which is especially handy because the smart resizing handles don’t do a good job of snapping to guidelines).
Click the target in the middle of the Lorem Ipsum shape to open this dialog for more advanced settings.
Sometimes, even lorem ipsum is too distracting. Ever had a reviewer from the client’s team come back saying that hundreds of spelling mistakes are in the design you sent? Me, too! Rather than waste time explaining Latin text to them, try using the Greeked Text smart shape by John Dunning, which makes the text completely unreadable.
This extension lets you define placeholders for blocks of text using flat colored lines or hash marks to depict the position, size and amount of text, without the distraction of “fake” text. You can choose between black, gray or hatched text blocks, depending on how obvious or rough you want the blocks to look. While the commands are for black or gray lines only, you can change the color as you wish once the object has been created.
The Greeked Text smart shape has a ton of customizable options via these control points.
A few yellow control points are all over the smart shape to let you resize it, change the alignment, line height and line spacing, and show paragraph breaks. For even finer control, click the crosshair in the middle of the shape, and a properties dialog box will pop up in which you can fine-tune every aspect of the shape to make it exactly match your wireframe.
If you click the target icon, a properties dialog will open up for finer editing.
When working with multiple pages in a Web or UI design project — or when creating layouts for different breakpoints in a responsive design — the Pages feature in Fireworks comes in real handy. You can create Fireworks documents with many pages, each page with its own canvas size and optimization settings.
Note: You can have certain layers shared across pages, kind of like the master page template in PowerPoint and InDesign. Shlomo Goltz has covered this in detail in part one of his excellent “iOS prototyping With TAP and Adobe Fireworks.”
John Dunning’s Page Commands extension packs together a set of commands to supercharge the way you work with pages in Fireworks.
The highlight of the extension is a set of commands to quickly go to a page. Assign keyboard shortcuts to each of the commands, and you’ll have a home-grown set of hotkeys to quickly access a page in your design. Of course, the default PageUp and PageDown keys will take you to the previous and next pages, respectively, but this extension lets you easily jump to any page in the design with a single keystroke.
Then we have a couple of commands to distribute layers or states to their own pages (in Fireworks, “states” were formerly called “frames”). Let’s say you’re working on a set of icons and need to create them on the same page to retain context. Just keep them on their own layers and distribute the layers to pages; you will then be able to export all pages at once. The same is true of states when you’re working on buttons with multiple states. Another neat feature is the ability to crop all pages to the selection at once.
The command gives you one-click conversion of states to pages.
If you need to work on a set of files at once, you can import them all into separate pages, instead of doing it one by one, with the Import Files Into Pages command. When it’s time to export, Fireworks lets you export all pages at once, but each page might have different export settings attached to it; in these cases, use the Apply Export Settings to All Pages command to apply the settings from the current page to all other pages.
Gradients are an integral part of any design. While working with gradients in Fireworks is now easier (much progress was made in versions CS4 through CS6), some things related to control could still be improved. You can, for example, add new color stops to a gradient pretty easily, but there is no way to set them accurately with numeric position markers. Changing the gradient direction can also get pretty messy.
Gradient Panel and Gradient Direction Editor are a couple of extensions by Grant Hinkson that greatly enhance our control of gradients in Fireworks.
Once you have chosen a gradient for the selected object, the Gradient Panel lets you add color stops with pinpoint accuracy. Want to place stops very close together? Use the zoom and pan slider to get as close as you need. You can easily get close enough to start seeing the gradient pixel by pixel! Alternatively, use the table (see below) to define the exact position and color values of each gradient stop. You can also quickly switch between a vertical and horizontal gradient right from the panel.
The Gradient Panel provides fine control over every aspect of a gradient.
Ever get frustrated when rotating the gradient line on very thin objects? This is especially bothersome when dealing with short wide boxes (such as horizontal rules) because Fireworks insists on making every new linear gradient a vertical one. That’s where the Gradient Direction Editor panel comes in handy. Quickly change the angle of the gradient by using the buttons, or simply drag and drop the start and end points in the panel. But the real power of the Gradient Direction Editor panel lies in its ability to specify precise coordinates for the gradient’s end points. Fireworks can natively change the angle just as easily, but only this panel offers precise numerical control over the location of the end points.
The Gradient Direction Editor panel gives you precise control over a gradient’s angle.
Note: These extensions were created almost four years ago and are not being developed or supported anymore, but they run just fine in Fireworks CS5, CS5.1 and CS6. If you are using the latest version of Fireworks (CS6), then you already know that the workflow with gradients has been considerably improved; numeric control over the gradient stops and angles have been added. My only complaint is that gradient presets were removed (although this could be somewhat corrected by using Styles).
Handling gradients is much easier in Fireworks CS6. We now have fine numeric control over both angles and gradient stops.
Resizing elements is one of the most fundamental tasks in any visual editing application, and having done this in a certain way for years, I find it hard to imagine that the tools built into Fireworks — or any similar application for that matter — might be hugely deficient.
Let me explain. Say you’ve created a button with a text label inside it. Now you need to increase the width of this button by a few pixels on the right. You select the rectangle and either stretch it to the right using the Scale tool or change its width in the Properties panel. Then, you select the text and repeat the same action, because selecting both and scaling them would have distorted the text and messed up the margins on the side.
Resizing multiple objects together can be extremely error-prone.
Is there a better way to do this? Select both elements, press Alt + right arrow a few times and voilà! Your button is wider, and so is the text block; text is not distorted, and the margins between the text block and the button are intact! This is precisely what the Keyboard Resize commands by John Dunning do. The extension comes with 16 commands that let you resize elements one side at a time.
Assign keyboard shortcuts to the Smart Resize commands for quick and easy resizing of multiple elements, without any distortion.
To be frank, I never thought I needed this extension until I used it, but once I got used to it, I started wondering how I ever survived without it! The idea is simple: Resize elements using keyboard shortcuts. You decide which side to extend or contract using the appropriate command or shortcut. There are different shortcuts for 1-pixel increments and 10-pixel increments — hence, the total of 16: four sides, two actions (expand or contract), and two modes (1 pixel or 10 pixels).
Apart from making it stupidly easy to resize elements using keyboard shortcuts, the commands are extremely smart about figuring out what the selection is and resizing them accordingly. For text, it resizes only the text blocks, not the text itself, something even Fireworks’ built-in Scale tool is too imperfect to understand.
Note that, as with all third-party commands, keyboard shortcuts will not be automatically assigned when you install the Keyboard Resize commands pack. Either add them manually using the Keyboard Shortcuts dialog in Fireworks (go to Edit → Keyboard Shortcuts), or use the Assign Keyboard Shortcuts command, which is part of this extension. Easy!
A word of caution: The keyboard shortcuts assigned might conflict with your system-wide shortcuts. In my case, Control/Command + Alt + arrow keys were already assigned to changing the orientation of my monitor. I had to disable them from my video settings panel before I could get them to work in Fireworks.
No matter how many extensions you use or how optimized your workflow is, generating assets for the development phase after finishing up your design composites is always a chore. C’mon, by show of hands, who here likes the process of taking each individual design element and exporting it in the right format to be integrated in a website, application or whatever else you’re building?
The Generate Web Assets extension by John Dunning makes this whole process almost trivial, to the point that I’m beginning to wonder how I lived without it for so long! The process is simple: Once you are done with a design, simply change the names of the objects that you want to export to the file names you want for them, including the file extensions. Then, run the Generate Web Assets command, define a folder, and presto! All of your assets will magically appear in this folder.
Exporting background and UI elements is simply a matter of naming them appropriately in the Layers panel.
The file names may be applied directly to objects, groups or layers in the Fireworks Layers panel. The command is smart enough to recognize the names and to include everything in the named element, irrespective of what it is. JPG files are saved with the “Better Quality” setting, PNGs are saved as PNG32 (i.e. PNG24 + alpha transparency), and GIFs are saved as GIF Adaptive-256 with index/alpha transparency.
The Generate Web Assets command will export all named elements to a Fireworks file by default. To export only some assets in a file, select them and use the Generate Web Assets from Selection command.
Note: The command will ask you to select a folder only the first time you use it in a document. After that, it will continue to save files to the same location. If you want to change the folder, run the “Generate Web Assets — Change Export Location” command.
Over the span of these three articles, I’ve covered the extensions that I find indispensable in my daily workflow with Fireworks. The tools extend the already excellent functionality of the application multifold. With passionate Fireworks developers around the world not showing any sign of slowing down their development of new extensions for the app, this list in all probability will only grow, whether Fireworks gets seriously updated in the future by Adobe or not.
Note: For some very interesting up-and-coming work with Fireworks extensions, keep an eye out for the Phoenix Project by Linus Lim.
Finally, Adobe’s decision to cease further development on one of the most useful applications in the Creative Suite is a pity, especially for any designer who designs exclusively for the screen. Adobe has promised to update the current version (CS6) with critical patches when necessary, but there won’t be a major release of Fireworks anymore.
My take is that Adobe failed to tap into the potential of the app, which perennially played second fiddle to that monster of a design application, Photoshop. Only time will tell if Adobe can successfully transition Fireworks’ unique features over to Photoshop or an entirely new application. Regardless, Fireworks will continue to live on all of my computers and relentlessly toil away on all of my for-screen designs for the foreseeable future.
There are rumours that Adobe is working on a new application that will pick up where Fireworks left off, but no specific news as of yet. I’ll be keeping an eye out on what it comes up with, of course. Till then, it’s Fireworks FTW!
(mb, al, il)
© Ashish Bogawat for Smashing Magazine, 2013.
]]>