text:
Responsive Web Design with Drupal and the Omega Theme [March 28, 2012]
Device-Independent Websites
A device-independent website is one of the keys for success on today's web. Instead of building specific websites or apps for each platform or device (there are thousands out there!), Responsive Web Design enables developers to build sites that automatically adapt to the displays and interfaces of their visitors' devices. The HTML5-based Omega Theme is the perfect responsive and mobile-first base theme for Drupal themers and site builders.
In this one-hour webinar with Drupal themeing and design experts Kathryn Cornelius and Michael Schmid from Amazee Labs and Jake Strawn, creator of the Drupal Omega theme, will talk about the following themes, including many real-world examples:
- What Responsive Web Design means and which technologies are behind it
- How Omega helps developers implement a Responsive Web Design website
- How Responsive Web Design affects planning and implementing a site
- How to plan a responsive theme that can be implemented across environments with hundreds of sub-sites or a whole Drupal distribution
- Tips and tricks on how to implement a Responsive Web Design with Drupal
Kathryn Cornelius (drupal.org: Kathryn531) is a front-end Developer for the Amazee Labs Drupal agency in Switzerland. She is a Zen-turned-Omega enthusiast interested in web trends and cross-browser compatibility and has themed a variety of sites leveraging Omega's built-in responsive capabilities.
Michael Schmid (drupal.org: Schnitzel) is Head of Technology at Amazee Labs, leading a technical department that has planned and delivered many Drupal projects, including multiple Responsive Web Design Drupal projects from start to finish.
Jake Strawn (drupal.org: himerus) is the founder of Development Geeks, and the creator of the Omega base theme. Jake is the organizer of the New Hampshire Drupal Users Group, and has spoken at several DrupalCons including Paris, San Francisco, and most recently London and Denver where he has spoken on Responsive Web Design & Omega.
Speaker 1: I'd like to introduce you to Kathryn Cornelius, front-end developer from Amazee labs. She is presenting today from Texas. Michael Schmidt, the head of technology at Amazee lab at Amazee headquarters in Zurich, Switzerland. We also have Jake Strong, the founder of Development Geeks and Theme Geeks and the creator and maintainer of the Omega Theme which will be the focus, the technology focus of today.
Kathryn: Ok, to get started. Before Jake starts talking about the Omega theme and how we can implement it using Drupel, I think it is first important to understand the technologies behind responsive web design, which is actually really simple, and then go over a few definitions which are heavily discussed right now around responsive web design.
A very formal definition of responsive web design is what I have on this first slide. It's essentially an indication that a website is crafted using CSS3 media queries, with proportion-based grids which adapt the layout of the site to a user-specific viewing environment. Basically this just means that users are going to see a single source of content, whether it is their about page or their home page, or any page on the site, optimized for their device or for their browser size.
Basically the major technology behind responsive web design are media queries. Media queries aren't anything new. They've actually been around since CSS2.1, so we're all already familiar with those. If you've ever written a print style sheet, you kind of already have an idea of the concept of how you declare media types. With a media query, it just contains two parts. The media type, which is all or screen or print, and then the actual query which is in parentheses with a media feature and a target value.
If we look at this media queries in the right hand column, there's a wide layout, a normal layout and a narrow layout. Basically the first one, the wide one is just going to say anytime that the user's device or browser is greater than 1220, render this style sheet. The same for the normal, it is going to apply anytime the screen is between 980 and 1019, and also for narrow.
Things get kind of interesting when you take a mobile first approach, where in a mobile first approach, the default layout is always the mobile layout. With your media queries, they are basically the exact same as the queries on the previous slide, with the exception that as the queries on the previous slide, with the exception that there is not a max width set. The media queries operate basically in a reverse order, where the mobile layout is first and then you build your way up.
There's some pros and cons to mobile first. The pros is that it really helps you to focus on your content. It helps people who are wire framing or working with clients to really narrow in on what's important, because you have such a small amount of screen on a mobile phone that it really forces you to pare down, right down. It's also considered to be the future of web development, which is challenging for developers like us who have been working on desktops for whoever many years, it really changes our process. How to build things and how to think about building sites, and how to think about planning.
One of the cons is that it's really difficult to present this approach to clients because it's really a change in their process as well. They are not thinking mobile first necessarily, so it's difficult to communicate why you would want to present a wire frame on a mobile device first. Those are just pros and cons, but it's probably going to be the future. With all the talk, I don't think this is going to be a trend. I think this is going to be the way that web development goes moving forward.
Moving on to definitions. This is something that is talked about quite often, I hear, not only in the Drupel community but in the web industry. There's all these conversations about responsive versus adaptive. Those terms can be somewhat vague. The way that I think about it is just a responsive site, everything is fluid. The grids are fluid, the images are flexible, everything is really percentage-based. An adaptive design, you have multiple fixed width layouts, meaning that you declare a scale sheet for a wide layout, for a lap or a desk top. For an iPad, for an iPhone, and those grids are all pixel-based, and your images are also a specified width in pixels and they change from one layout to another.
Here's a slide, some screen shots from two sites that are both responsive. I interpret the top site, the fore fathers website, as being adaptive and the Smashing magazine site as being responsive. The visual cue that I'm taking to come to that conclusion is, if you look at the desktop version on the right of both sites, you'll notice that the Smashing magazine website on the bottom really fills 100% of the screen. It looks like it's going to be really responsive, so no matter what size your browser is, it's going to fill 100%. Whereas the Fore fathers, you can see those margins on either side indicating to me that it's probably on a 960 grid, or maybe that's the wide layout of their site.
I really think that there are pros and cons to each approach. Normally when I think of adaptive I think that the site may have already been designed for a desktop, and then the people who are in charge of the site realized that it is important to have a site that can be used on different devices so they just adapt it. Responsive I think people are really starting a project from scratch and just cleaning it all out to be completely device independent.
You can also have a hybrid, which is basically a combination of fluid and fixed width grid, and fluid with fixed width images. At Amazee labs we have done this. We've had adaptive wide layouts, desktop layouts and iPad layouts or tablet layouts, and then any time we have a mobile, it's always fluid. You can define your own grids with omega, so you can have percentage-based grids or fixed width grids. This theme, Omega, is really flexible in terms of how you want to configure it. You can certainly use their default media queries, but you can also define your own. Same thing goes for the grid.
You can really optimize it as much or as little as you want and it's just going to work. Having said that about the media queries and the definitions, I think it's good to go ahead and hand this over to Jake. I'll pass the host over to you Jake, if you want to take over. I don't know if your audio is good now.
Jake: Okay. Just testing there, can you guys hear me? Looks good. Sorry for audio issues, my quick introduction, Jake Strong, and I operate a little small dub shop here in New Hampshire, and I am soon to be launching the first premium theme community, all based on Omega with responsive and mobile first themes at Theme Geeks. To get started with what I want to go into fairly quickly, it's no deep dive into any of the responsive handsets with Omega, but goes more into a simple introduction and the feature list.
What we're going to go through simply is what is Omega, following with how Omega can help site builders, themers, and developers all differently. To start off, what is Omega? Omega has already been around since D6, and has seen several revisions already in D7. The most recent of which included all these responses, enhancements that we are also excited about and so many people have jumped on board with. Out of the box, Omega gives a variety of grid sizes. The defaults are 1200, 960 and 720 pixels, and also includes the fluid percentage based grids as well.
Omega is mobile first, so your mobile / global market is what's treated first. Any device, any browser that is not media query aware, displays the mobile version of the site, and then progressively enhances as we get to a more capable browser or device, to show any alternative layouts we have. Omega is HTML5, using some of the basic standards and new elements, as much as we have figured out how yet in Drupel. The most important thing I think of Omega is how customizable it is via the user interface. You're able to quickly configure anything to your heart's desire, and not through the interface, but implement your own grids and use those through other interfaces as well.
Also quite importantly, is the current adoption level of Omega. It has skyrocketed over the past 12 months, and has over 20,000 installs. It's, I think, at number five on the all themes list, and is included in distributions now like open publish, the new open enterprise, and others.
To move in first, how Omega can help site builders. With no ill intentions meant to site builders, because it is an advanced, complexity all to itself, but traditionally most site builders may or may not have a very extensive knowledge of code or editing or adding templates. What Omega can give a site builder is the quick and easy method to configure the layout of your theme completely from start to finish.
This can be at times, I've seen it done now where somebody may be on the marketing side or the project management side, can actually go in with a clean Drupel install and Omega, and build out the wire frame based on grid sizes, and figure all the regions appropriately, and have it ready to go and show demos to clients, hand over to themers, developers, et cetera.
How Omega can help themers. Again, much in the same way. The structured zones and regions. Zones are a concept only in Omega, currently, based on grid philosophy. A zone is just a container of regions that can contain multiple regions, sized and positioned how you like. Again, the rapid protyping wireframes. Usually it takes me about ten to 15 minutes max to configure an Omega sub theme based on the most simple or advanced wire frames, and have that out the door and be ready to start putting the design CSS toward it and start implementing the cost.
It saves you so much time in having to deal with the traditional layout issues from the days when we constantly created the CSS to place with and position and size our side bars, and then dealt with cross browser issues. It speeds up a lot of that process for themers.
Lastly, how Omega can help developers. The most important things I think here are the exportability. Using the Omega tools module in conjunction with Omega will allow you to, essentially after you've made all of these configurations in the interface that then are stored in the database, traditionally there is no real Drupel way yet to get those configurations over to your developers, if you're working in a large environment, or be able to push that to production without reproducing the clicks.
With Omega tools, you can actually simply go in and once you've made your configuration changes, export the settings, place them back into your .info, and then commit them to your repository to pass off any developers staging or production environments you could have. Another feature is the Drush integration, that will allow you to quickly create a new subtheme by a simple, simple Drush command, and also in the latest revision, there is also an interface version of that, that will allow you to step through a couple of pages from your appearance screen. Where you can just click, create an Omega sub theme, and it will ask your for name, description, a few configuration options and then instantly save and write that new sub theme into your themes directory.
With all that being said, and that is really kind of just a quick overview of some of the broad features of Omega. As we continue on, take a look at Omega, give it a download, give it a try, and definitely shout out to the Amazee team as they have been one of the companies that have really adopted Omega and have been able to, all on their own, just put out some amazing designs and implementations with it. With that said, I will hand it over.
Speaker 3: Thank you Jake. Yes, let's continue. How do we actually plan the responsive design projects? I said we made a couple of customer projects and planning was most times quite hard in response to time. The first thing is, we only got provide to this break point. Like 960, 720 breakpoints. Even if you know the break points, the question is, how does the content change? What is the most important thing? This you have to facilitate during the work theatre, so how do we get there?
What we ask our customers, and if you do your website, your own things you can ask yourself, what is the most important content. Even if you use mobile first, that is what you have to do. In a mobile theme or just in a narrow theme, you have that space, so the content which is most important should be shown first. Another question is, can we get rid of some content? Do we really need every single piece on a mobile phone or a smart phone, whatever it is? Sometimes we can remove stuff that is not necessary there.
Sometimes maybe you need more information, because a user needs this on the road. These are all the things we discuss with our customers and ourselves. What is really needed, what is the most important thing there? How to get there, if we use wire frame, we use mock ups, the wire framing tool. You can also use paper, or whatever else, just to be really fast to maybe make an overlay of an iPhone and just imagine what it will look like. You will realize really fast that it is not easy to find out what is the most important content, because as you can change so much things in response to that.
Sometimes maybe you need sub break points, and by sub break points I mean break points between the normal breakpoints that Omega supplies you. As Kathryn said, basically there are only … that's the theatre things, and in the queries is in the theatre. You can add yourself, and what we did with specific websites sometimes, is when it gets too white, but the breakpoint is not yet there. What we do is we create sub break points to facilitate that. Okay, after for example 800 pixels, we float the menu to the right or to the left, or we don't float again. That is all the things you can define in sub breakpoints.
There you have a lot of flexibility. One thing, how you can see it here, is a picture we found. Write it down, there you can define a lot of things like see the menu on the landscape on the iPhone. On the web it flows left and right, the landscape it is left and then on the phone you have or the slider, which changed completely. All the different things. The earlier you do them, the better you can do them. The cool thing about Omega, because all these things you can do really fast in the browser without writing any lines of code. You can really fast get to testing them and finding out if they work or not. That is all about sequence.
The next thing is the grid. What we did is create some pages where we didn't even know how many pages we would have, because the customer created the page. There you need a way, how to deal with all this stuff. The first thing we use is a grid system; we use it quite heavily. The problem is, maybe problem is the wrong word for this, but sometimes the designer is not really used to a grid. It really depends on the background of the designers, and we just teach our designers really heavily to use a grid.
Sometimes what we even do, we even find ourselves even the grids which are inside Omega are cool, sometimes they don't perfectly match and I will show you some examples later. We spend sometimes a really long time to find the right grid, the right columns amount, the right gutter. Thinking about all the specifications we need, so this could end up spending one day to find out the correct grid, but this saves you a lot of time issues. If you want to create your own grid there is a website, grids.heroku.com, which is also used by Omega.
You can create your own grid, you can see I need so many columns, I need this gutter, et cetera, you can directly use in Omega. The only thing you have to do, is you have to change the dashes into underline, because Drupal separates the class names with underline, so that is the only thing you have to do. This gives you a really easy way, how to create your different grids for normal, narrow, mobile, et cetera.
Here you see an example of Foto Bout, and we will talk about Foto Bout a little later. As you see, the logo for example has five columns. The menu, each menu item has three. The vote button on the left is three, again and then the user picture which you see up there, it's not good but that's two and columns. These help our designers. Everything should be in a grid, of course, it is not proper all the time you cannot define the width. It's still, they use a space of two columns. Sometimes it's not possible, like the Today's Round doesn't fit at all, so there you cannot use the grid system, but the rest is really heavily used, and Kathryn will show you later how we did this.
Here we've got an example where we really heavy, that's a project we are working on right now, that's why I can't show you the whole site, but basically everything is inside the grid. Each button, each input field. Here we have a special column, on the left the dotted line is basically an apparatus of one column which is empty, but gives us a design possibility to separate things. Here we really used a lot of time to design the grid, how can we design it finding how and now we have one and it works awesome.
After we design the grid, maybe the design matters. If you use mobile first, then you design mobile first. If you do desktop first, you'd probably do a design for desktop first, it doesn't matter. Now the question is, which page do you actually have to design. Does the designer need to design every page in a fluid, in a wide, in a narrow, all these things. We don't do it. What we do, we talk to the designer, we find out what should move where and because wireframe, it doesn't really change on design. It just changes width, height and position, so it doesn't really change. How the design is.
One important thing is the touch area, because on an iPhone or an iPad or whatever, you don't use a mouse. You use your finger. The finger is quite bigger than a normal mouse, so the space which actually should touch, should be bigger so it is easier. The phones are today really good in guessing which link you want to click, but sometimes it still cannot work. That's definitely something you have to think about. If you want designers to make a mobile version, think about touch and whatever.
Here an example for you. That's a specification that a designer made for us, and it's quite small but I'll let you move through this. Here we see the three layouts On top is the normal, then we have a narrow, and below is a narrow in portrait mode. As we can see, the design specification picks up because all elements are still the same. We only needed to know, okay, what happens for example if here, the menu, if it gets smaller. We have no space. He said, make it smaller first, so you see the packing between the lines are smaller, and here it breaks. That was one specification we could read out of here.
Another thing is the height of the menu. Here you see it's around 15 pixels, 20, and here it is 30 pixel. That's how we made the touch area bigger. All of the things is just in here, and that's what we used. We had about five designs for all and only one single design for the website, how it looks like in normal, and narrow and mobile. That's how it then captured the mean went in and did all the responsive capture design for this page.
After we have the design, we should merge. The cool thing is, basically instead of counting pixels in Photoshop or wherever you do this, it's not necessary any more. Everything is a grid, you basically just count the grid columns. The idea is in a grid system you have a grid slash one, grid slash two, et cetera, depending on how many columns you have. There is always definition actually what you have to do, we only have to add grid classes to the markup. We never, or we don't really have to write this inside of our custom CSS. What I would like to now give over to Kathryn, she will show us how we did this in Foto Bout and maybe come back around about Foto Bout. It's a small design we did and Kathryn, me and Andrew, he is our designer, and we built Foto Bout.
It is a page where we upload every day a picture, and you can vote, everybody can vote, and for us it is really a testing page, again, to show what is possible with grids. Kathryn, show us.
Kathryn: Okay, so this is Foto Bout, and I'm sharing my desktop so hopefully you all see Foto Bout. This is the logged in version, so I have my toolbar at the top, and right now we're viewing it in the wide layout. I wanted to show you what Michael was talking about with adding these grid classes, versus measuring containers on your website in pixels. If we look at this, if we infect this code, or if we infect this markup, we can see that this grid has a class grid dash five. Right here. There's a lot of these grids designed, grid dash two, grid dash five, below the image is grid dash 12.
This is not standard Drupel output. They way that we are getting these classes added to our markup is actually quite simple. We are using display sheet. I'm going to go in to my content type, which is a picture. Michael and Andrew both upload a picture every day, and I'm going to manage the display with display suite. If you don't use the module I would recommend it, it works well with Omega and it really decreases the amount of template files that you're writing as a themer, if that's what you're doing. It doesn't just decrease it, it eliminates the need for template files in many instances.
Let's look at the after voting view, which is the past score cards, basically just the results. Here are our fields. We have the rating number, the picture with the link in the middle, and in the footer we have the picture number and the title, so that is all reflected here. The number of, the score, their picture, the main photo, the title, it's all here, so you can see how that's all related. The interesting thing, at the very bottom of this display mode, you can add extra classes for regions.
For the left region, you can see that grid size is selected. For the middle region, grid two is selected. I think for the footer, grid 12 should be selected, yes it is. You can see that all right here. That's where the grid classes are being added. We do that through Display Suite, but you can also add classes like this in various places around your Drupel site. Probably if you are using panels, you can add it to a panels template, or maybe even directly through a page manager. You can add it through views probably, through classes in there. You can really get creative to where you're adding these grids.
What the advantage is to adding these grids is we're not defining width anymore. Even if your grid is percentage based, and even if your grid is pixel based, you're still not having to go in for every single layout and change it. You can see that over here, we're in the wide layout, and the width is defined as 257 pixels. I'm going to go ahead and resize … sorry, you can also see that it's being called from the wide style sheet as part of our theme. It's not from our global CSS or our custom CSS, it's just the standard grid CSS.
Now, if I resize, and now we're in the … let me actually get it to … I think this is the narrow, there's something going on here, maybe it's because I'm logged in. If I do in and infect the same area, the grid now has a width of 144 pixels and again it's not being called from a custom or a global style sheet, it's just from the narrow style sheet that is holding all of our grid width in the theme.
The other really cool thing about Omega that it does, is it makes theming really easier, adding CSS really easy by adding body classes. Here you can see that this layout has a body class, this last one right here, it's responsive layout narrow. As I resize my browser and I go into let's say the wide version, my body class should change. Well I'm not in the wide version right now, I'm actually in the normal layout, but you can see that the body class is now responsive layout normal. It would do the same thing for wide, or fluid. It just adds another class that makes adding your own CSS really simple.
I hope that demonstrates the principle behind shifting the way you're theming when you're given a photoshop file away from counting pixels, or measuring pixels, and just counting grids. Let's see. I'm going to go ahead and hand it back over to Michael. If he wants to elaborate more on that please feel free. I'm going to hand it back over to him.
Michael: Thanks, Kathryn, for the presentation. My screen started refreshing. Basically if you want to try it out, go to fotobout.com. We saved it for this presentation to theatre segregation, you see the different theatre styles, how they are loaded and really play around, test it. Use it, copy it, whatever. One thing, what we actually use there, is the display suite, and sometimes we need display suite extra, which gives you way more control about all the different styles and the classes which are loaded into the theatre. For each view, you can add additional things in there, works perfectly with Omega.
One thing with Omega is a small problem. As you saw, we spoke about, the whole area is one stone and a region inside of Omega, there there were those panels. You can load panels whenever you go there. The problem is now, that Omega already gives the rector a grid slash 12, or a grid slash 24. Now if you make nest a script, inside as you saw, grid slash two, grid slash five. You have a marching left, marching right, problem because two times the rec defines marching left and the element also. What we do, and you will find this also on fotobout.com, is you search for no grid inside of the H to stone structure, we end to the stone via Omega a no grid class, and inside there we basically remove the marching left and the marching right again because the inside elements specify them already. That works.
Maybe some insight from Omega, have to talk about this in group from Denver, there will be a pseudo color region in the future, which probably prevents you from doing this, so in the future you probably don't have to do this no grid class anymore.
Now, we have the site done, we designed it, we tested it, we built it, everything else. Now it's for testing. There are multiple ways how to test a responsive design site. The obvious thing is, use your browser. Retype your password, see what happens. That works quite well and that's what we use during development all the time. There are some cool sites like responsinator.com, which shows you your website inside of iframe, with the correct sizes of the access, and it just gives you an overview, does it look good. The thing is, it's not rendered correctly in an iPhone, and this can cause sometimes problems. It is a fine overview, how it looks like, and it also works with local host, so you don't have to upload your site or where ever to test it.
One new thing which came out recently is Shadow from Adobe, or called Adobe Shadow. What it is, it's actually a Google Chrome plug in, Internet, for your iPhone, iPad and Android, so iOS and Android. To install it, connect them to each other, and you can have multiple devices connected. If you now visit your site in Chrome, it's automatically also loaded inside your devices. The devices load the site itself, so it's no fringe work or whatever, so all media quires are called and you can easily test it on a lot of devices at the same time.
Another really cool thing, you even can inspect. You have your own inspector inside of Chrome, but it actually shows the inspector of the html structure of the phone. If you're ever need something, you're not sure what's happening, use Adobe Shadow, it's a really cool tool. It is still in beta, but you can download it for free and it works really good. The problem is, with Adobe Shadow, you need the devices.
There are other solutions for this. One we use is browserstack.com. Browserstack is basically a vehicle machine inside your browser, and you can install all the different browsers, like Internet Explorer, really old versions, new versions, whatever. They have recently added their mobile devices. They run an iOS simulator and an Android simulator inside off furium, and you can really easily install it there and test it.
Another possibility is you can actually install the iOS simulator or the Android simulator on your computer directly. The problem there, it is quite hard to install the Android simulator and the iOS simulator that is why we use then Browserstack.
Another thing, responsive images, and already people asked about that. First, it is really, really hard. Why do we even need this? The problem is, if you have a wide version. We have around 1200 pixels. If you show a picture big, if you have a picture of 1200 pixels. If you have an iPad 3, you even show two and a half thousand pixels wide image. We don't want to show this on an iPhone, because it takes a lot of time to load. There are a couple of things about responsive image.
Right now, there are three projects which can do this info for you, and I have to tell you, all of them are not perfect. The first, on the line image, uses cookies and JS replace. The problem there, you need cookies, which is not really liked by reverse proxies or for caching. If you have a high performance website, with warnings, probably you don't want to use cookies to do this. Another thing is ais, which is also responsive images but relies on Apache, and again a cookie. Again, if you don't have Apache or high performance pages, it will not work.
The last thing which is the one we use at Amazee lab is CS Adaptive image. It uses only JS, no cookies at all. What you do basically in your field for making a foreign image, you specify which image cache should be loaded for which width of the screen. You can say if the screen is smaller than 400 pixels, load this image cache preset, if it's bigger than load this, et cetera, et cetera. Right now, it's really hard to configure it because you have to do it for every single image field. It's quite hard. We are trying to fix this right now, so if you are interested in helping us, please contact me. We need some testing development or whatever, and we really would like to fix this responsive image problem for now and also for the future.
That's it. That was our presentation. I will take over to Chan to make the Q and A.
Jam: Thanks very much everyone. That was very, very interesting. I'm just going to switch to a contact slide here, I think, this will do. What we're looking at is the contact information for all of us involved in this webinar here today. Now I will hit the questions that have come in so far, if anybody else has a question about the technical side of this, we have a little bit of time, and you can go ahead and put those in the Q and A tab.
The first question … I don't understand, but I will read it, and one of the three of you, if you feel you understand it, please help me out. Someone says, my worry is support. We still have a lot of people calling in and we have to tell them to click on x in the right corner. Then under that, do you have any experience with that. I suspect that this means if the layout is different on different devices, and they have users who basically need a geographical screen reference that's going to be trouble. Do you have any thoughts of any type about that?
Michael: I don't understand the question, so maybe if you could ask it again? Dominick, maybe ask it again; I don't understand.
Jam: What was that Jake?
Jake: I wasn't sure of the question either, exactly how it related.
Jam: Okay. To me, it feels like we're talking about when I do tech support for my 80 year old relative who needs to be told to click the blue thing an inch from the top left, and if it's not an inch from the top left they are going get confused. That might simply be an issue of user training at this point. The next question, someone is curious to hear about form UI switching based on device. Form element behavior, dropdown menus, transforming to select list, et cetera. How is that actually set up so when I look at a site on a desktop it has one set of widgets and elements, and on my telephone it might have a different set?
Jake: I can talk on that one. Just from the Omega side, there's a lot of ways to go about some of those type of enhancements. It is pretty common now, when you get down to a mobile site, maybe primary navigation is in that select list. It's possible, through a variety of ways, Omega has Java script, J query behaviors that are fired each time that responsive layout changes, such as Java was trying to demonstrate on that body class changing. That is all happening on the back end via Java script. You're able to fire off any type of custom J query that you want to do any enhancements to any resolutions, in Omega specifically.
Jam: Okay. I do notice a few technical and interesting questions coming in the chat tab, but I can't really monitor that very well. If you do have a question, please put it in the Q and A tab. The next question, I think we'll shoot this straight to Jake. Does Omega provide editable interfaces for HTML type video and audio tags, that is browser independent audio and video controls?
Jake: It does not. Omega is set up for any HTML5 you want to integrate, and I think currently the status of a lot of those types of elements are still in flux enough that there is no way on the basing level that I could make assumptions of a certain element and put in that specific a markup. I think that really relies on each new case and each project you're implementing it on. There should be no problems integrating any custom
audio or video elements with html 5 in Omega.
Jam: Okay, great. I think the next question is probably appropriate for Kathryn. Are multiple grids available as a starting point within Omega?
Kathryn: There are. I think the default, I think there are three. I think it's 12, 18 and 24 that are shipped out of the box. If you want to define your own with maybe a 15 column grid, you can add your custom grid in your Omega sub theme and it becomes available to you to define your zones and regions when you're configuring the Omega theme. You just go to the appearance tab and select your custom grid. It's just with three out of the box, and then you're free to customize it to your heart's desire.
Jam: Fantastic. The next question is, how does the Omega tools module compare to or work with the features module?
Jake: Okay. It really is a separate entity. It's exportability just provides, after clicking on the export link, a simple text array with the settings array you would see normally in your themes.info file. This is one method of exporting that variable that's stored in the variables table, in order to get everything to code. You could use, rather than that method you could use Strongarm with features to do it there, but essentially by itself features isn't going to tie into that. I would have loved for that to essentially be a features exportable, the way it is also with the companion delta model which is features exportable, but it's just not really realistic on the theme layer.
Jam: Okay. If I'm running a D6 site with the D6 version of the Omega theme, how well does the upgrade work and how do I make that into a responsive site, which is only possible in the D7 version?
Jake: Who wants to take this one?
Jam: Michael?
Michael: Sorry, I didn't hear. Good question, we never had it yet. Maybe one important thing, the question is if he uses Drupel 6 already with omega or not, because Drupel 6 Omega has no response design possibilities. I guess it's not specifically more harder than the normal Drupel 6 to Drupel 7 update, which in my experience depends really on the site size. I guess it doesn't really make a difference from normal Drupel 6 to Drupel 7.
Jam: Okay. The next question asks about what wireframing tool you use, and I believe you said you use Velpamic, is that right?
Michael: Yes, Velpamic. I can type in the …
Jam: I'm just actually pasting a link to that. If everyone can see the answers in the Q&A tab, I just put a link to Velpamic markups there and also in the main chat. It's a tool that I've used a lot over the last couple of years and it's fun and it's a way of making a look and feel so that your clients understand that this is not the style that you're talking about. I've had pitches with clients where they would be defected by the fact that I was using gones in green and they would say, our corporate colors are not green, and I would I'm just trying to show you how the feature works. It's a helpful sketching tool, especially for people who are not so good at the whiteboard.
Someone asks, I'm hoping to use responsive design on a site where accessibility for blind and partially sighted users is essential. I would particularly like to use WRI Aria Markup. How well is Omega suited for that? I was also looking at the Yamo Framework.
Jake: I wouldn't personally think there is any issue with integrating any of that. I've worked on a few 508 compliant sites and had no issues. I think all the templates are editable, you are able to customize it as you would a theme to implement those types of items. I think the biggest issue is dealing with potentially modules that may or may not provide appropriate mark up or theme function.
Jam: Right, so I know that you've been working with phase two on marking Omega the overall base theme for now public and also for one or two of their other distributions, which ones is that?
Jake: That's correct. Open public, and open publish.
Jam: Right, so open public is certified to be used for US Government websites and the 508 compliance that Jake mentioned, if people don't know what that is, that's a whole set of standards that provides among other things an acceptability baseline for users with different kinds of browsers, for example audio browsers for blind users and a bunch of other standards. I figure if it's in open public, and Jake says it's also, doesn't have any special configuration that prevents you from using any other mark up, I think you're probably in good shape to try it out.
Somebody says, I'm totally sold on using Omega but I'm under a really tight timeline to develop and launch a new site. Are there any steps, instructions or tutorials out there for configuring and installing Omega that could get me going ASAP? I was thinking that Kathryn might address this. You've talked about how easy and intuitive it is to set up once you've wrapped your head around this morning Kathryn, why don't you tell us a little more about that?
Kathryn: When I first started with Omega, I was constantly in the documentation and I still refer to it often. I don't know the link off the top of my head but maybe someone can find it and post that in the chat. There is really good documentation. I think they are working on the version three documentation, but everything that is existing online is very helpful. In the previous section that we did this morning, I talked about, I had a friend, a developer who had used Xen in the past. When I made a switch to Omega, it just took a little bit of time to become familiar with the tabs, because there are more configuration options in the theme than many of the other themes that are available.
I think that it's worth spending, I don't know how long, maybe a couple of hours playing around, starting to understand how regions and zones and sections all interact. How you can add your own grid. It's really just going to take some time reading the documentation and just playing with it, but it is easy to set it up and start going if you just use all the standard, out of the box settings that ship with it, you can have a responsive site, pretty much immediately. Yes, so somebody just posted the Omega handbook link. It's in the chat now.
Jake: If I can add to that very quickly, we do also have a very active IRC channel on Drupel/Omega on FreeNote. That's usually 50 to 70 people in there as well that can help you get over some of the immediate hurdles that you have and help you on your path.
Jam: Fantastic. Somebody asks if there's a version of Omega that works with Drupel 6. Yes, Omega started it's life as a great but non-responsive theme for Drupel 6. I believe that there is no reason not to use it, but Drupel 6, I don't know of anybody running Drupel 6 sites that have a responsive and therefore device agnostic theme running. If you want to take advantage of the stuff that we've been excited about today, you really need to be running a Drupel 7 site and the Omega theme is one of the ways you can have a responsive Drupel site.
The module that Kathryn used for field formatting via the UI is … we had this come up this morning as well, that's Display Suite. Is that right Kathryn?
Kathryn: That's right. It's project/ds on Drupel.org.
Jam: I'm typing this as we go, not even looking it up. I put that into chat now and I will add it to the question as well. Drupel.org/project/ds for Display Suite. That's the tool she was talking about. Ah-ha. Someone says, 2011.drupelcampchicago.org uses Omega 6 one and has custom responsive break points with JS. All right, thank you, Eric Baldwin, I've learned something for the day. Now I can close my mind down for the rest, no I'm kidding. That's great to know. I believe that this is less common and I believe that it's easier to do with Drupel 7, so I'll just let that stand where it is.
Someone is asking, are there performance speed tests run on this output for mobile phones and tablets with live network speeds. They ask what sort of range those responses are in. I'm asking myself if that is more or less device or network dependent. Does anybody have experience with the delivery speeds of Omega sites when they're delivering different versions of the site?
Michael: Basically, as you said, it really depends on network speeds. One thing that we actually would love to have is when you deliver a menu or image, that you know how fast the network is right now, so that you could provide an end user with a really, really small image and if you are in Wi-Fi, you get a big image. That's not yet possible, we'll see how this will be in the future. Basically, smart phones are getting faster and faster, and rendering theatre, politic, whatever. You can use really cool and a lot of theatre. Still it's more so in the last chapter, but I can't really tell you of tools that can. It really depends on the network.
Jam: Okay. When you said, I just want to clarify, the point you said. Did you mean that it's currently not possible to detect the network speeds of any given person connecting to websites?
Michael: Well I heard from things that people are using Java Script to find out how fast an image is loading and then creating a cookie, so that is like a work around to do this, but there is today no possibility from the browser to be informed how fast the network is.
Jam: Is there a best practice to determine what type of device is hitting the website, something like [Motheriser 00:55:13]?
Michael: Yes, there is. J Query has already some capabilities testing stuff, and the other thing, there are a lot of user agent testers, I guess it's called mobile tools. The problem is with all these stuff, with mobile tools it's happening on the server which makes it really hard to cache. Basically what you would have to create, a cache for each single user agent its own website, so if you are on a cached website, this is not going to work. We really use only responsive time and say well, we don't care who actually uses the device. We only want to know how big you are, and depending on how big you are, we give you a different size.
Not depending on the type of device, you already change something. You maybe take J query browser that's already in J Query.
Jam: Okay. I think this is probably a question for Jake. Have any of the presenters used Omega in conjunction with Delta and Context modules? At least two of those are your modules, or Delta is definitely your project Jake, so can you talk about that?
Jake: Yes, I do use them, the Delta module still quite frequently and I'm a really big fan of Context. I use, essentially the Delta module for anything that will decide to, on different sections or pages, or sections of a website based on any condition in the Context module. It allows you to set up a whole different configuration for your regions, their placement and things like that on different sections. Depending on the project, I use it or I don't, just depending on performance needs, the complexity of getting that all set up.
Jam: Okay. What impact do the new ultra high resolution displays, the Apple retina displays, what impact do they have on responsive design?
Michael: Yes, so basically that's the same questions as the second. From theatre's point of view, it doesn't change anything, because an iPad or an iPhone 4S with a retina display, still says to the browser, I'm 320 pixels width, even it is actually has 640 pixel hardware, it says I am 320 pixels. It doesn't change anything on your end. That is probably how it will work in the future, the device still says I have 320 pixels. That is also the question, the next one, what is the future of your pixel based model. As long as they use this same thing, it's not going to change at all.
There are possibilities with non-responsive devices to change this behavior. There is identity DTI setting which you can do in the header; if you have 640 hardware pixels, use 640 hardware pixels for example. We will not adjust it because then stuff gets really, really small, because the pixels right now are really small with a high resolution. One important thing there is images. That's one thing I also tried to fix with the responsive images modules we're planning. If you show an image which is 320 pixels to a device which has high density, the picture will look, sorry for the word, crap. It will not look good.
That's why for example at Foto Bout we don't use responsive images, because we want to show really good pictures, as they are already. That's why we basically just change the width of the image via theatre or html. Then, what the high resolution screen will do is to show this in a way that is good. To round up, on theatre it doesn't change anything, on images it does and I hope we can fix this in the future.
Jam: Great. What underlying CSS framework does Omega use? Does it support a vertical grid for typography? Anyone?
Jake: Yes. By default, there is no vertical grid included, but there is once again absolutely no reason why someone couldn't add the additional CSS in their own subtheme to make that quickly and easily possible.
Jam: Okay. I think we've come to the last question of the day. We touched on this this morning as well, and it's an interesting problem space so I expect the answer will take a few minutes. How well does the Omega theme work with modules like panels and panels everywhere? Does Omega make panels irrelevant?
Michael: Jake do you want?
Jake: I will start off and you guys can jump in here. I have used panels in the past. It's a great technology, I haven't used it in quite some time. However, a lot of people do still rely on panels and I know there are quite a few big projects going out the door that have already gone out that combine Omega with panels. I think the biggest challenge there is kind of by its nature with the interface, you're building out a panel display that's … let's say you're using that flexible model where you can resize your panel layout regions right there, you have to deal with that when now you're thinking about these other breakpoints and what happens.
There is no reason at all why panels cannot be used with Omega. I have seen some great examples. It's just going to take a little extra love and care in order to do that. If you were to set up your panels in a way that they're using the items that you place in maybe a single column panel, are using grid classes so then those are laid out appropriately, something like that would immediately take effect with the responsive enhancement with Omega.
Out of the box you may have some tiny difficulties to start with, but a little attention to detail and it should never be a problem.
Michael: Yeah, I can definitely jump in there. We never use Context, even we tried it out. The problem is for us, most of the time when customers have access to the panels, it's just something that really doesn't work for them instead of Context, where you have one big place where you have to edit all the blocks. In Omega already there are some panel samplers, which already have the grid stuff in, so you don't have to do the things which Kathryn showed you. Sometimes it's not the correct one, but you still can create your own panel template via the panel builder. They are actually inside the panels, and just assign the grid slash x, whatever, to the column or create your own template. It definitely works with Omega.
No, Omega makes panels not irrelevant.
Jam: All right. Thank you all very, very much for coming. Thank you to my presenters. I'll run through a few details and then we will sign off for the day. This recording of this webinar will be posted in the next couple of days at Acquia.com at resources, recorded webinars. Acquia also has a slideshare account and I have asked the presenters for permission to post them there to make them available for people, is that all right with you presenters? Great. I will make an effort to get those online in the next couple of days as well.
Check out acquia.com/resources/webinars for some more interesting presentations coming your way in the next few weeks. If you're looking for a Drupel job, Acquia is looking for people in North America, Europe and around the world. Thank you very much Kathryn Cornelius, kcornelius on Twitter, from Amazee labs in Texas. Thank you Michael Schmidt, schnitzel on Twitter, coming to us today from Zurich, Switzerland, also Amazee labs. Jake Strong, development Geeks founder and creator of Omega, himerus on Twitter. My name is Jam, my Twitter handle is horncologne. Thank you all for coming.
Jake, Kathryn, Michael, any last words?
Michael: No, have fun with Superbowl.
Kathryn: Have fun with Omega.
Jake: Thanks everybody for showing up.
Jam: All right, thanks very much everyone.


text:
The Utah Permanent Community Impact Fund Board has approved $459,300 in grants loans for the six entities to complete projects ranging from improved television reception to a new fire station.
East Carbon City obtained an $18,000 grant to prepare a feasibility study on upgrading its wastewater treatment lagoons, which are located must east of the East Carbon Development Corporation landfill.
Price also received money from the board. The town was awarded a $34,000 grant for the city to prepare a feasibility study on the proposed use of treated wastewater for parks and landscaping.
The Emery County town of Ferron also received some funds as well. They received a $66,500 grant and a $33,500 loan in additional funds to cover higher-than-anticipated costs to complete the construction of a fire station. Funds were previously approved by the Community Impact Board to build the initial structure.
Other towns and agencies getting funds from the CIB included the following.
Bicknell. The town was awarded a $90,600 grant to repair road shoulders damaged during flash floods in the Wayne County community in 2004.
Myton. They received a $33,700 grant for the Duchesne County city to buy a new backhoe with related attachments and a new four-wheel-drive pickup truck to install 35 manhole risers.
Uintah Recreation District. The were awarded a $123,000 grant to install new television translator equipment to improve the reception by county residents of television broadcasts from Salt Lake City stations.
The CIB is a program of the Utah Division of Housing and Community Development. It helps state and local agencies that are or may be directly or indirectly impacted by mineral resource development on nearby Federal lands.

subset: commoncrawl


text:
Western Arizona
Oatman. If it was good enough for Clark Gable and Carole Lombard on their honeymoon, Oatman should be good enough for you, although it's been 73 years since the Hollywood couple spent their honeymoon night in the allegedly haunted Oatman Hotel. Oatman's other attraction is its wild burros, which beg for food like large puppies. They're cute but pushy. (928) 768-6222, http://www.oatmangoldroad.org
Old Route 66, Oatman to Kingman. The other reason to come to Oatman: It's where you'll start a winding drive to Kingman on Old Route 66, past the ghost town of Goldroad and up to Sitgreaves Pass at 3,500 feet. Just before the pass, there's an excellent vista looking west toward Oatman with a small collection of gravestone markers. It's gravel, so if you slip and start sliding, you could be joining those dearly departed. CH
Arizona sights: An article in the Feb. 12 Travel section about 100 things to see and do in Arizona referred to the pies at Pizzeria Bianco as "deep dish." The pizzas there are thin crust. —
Kingman. Cowboy and character actor Andy Devine isn't a native of Kingman — he was born in Flagstaff — but Kingman claims him, named a major thoroughfare for him and has a room dedicated to him at the Mohave County Museum. Of special note is a telegram signed by a fellow actor from California: "Nancy joins me in wishing you the happiest birthday ever.... Sincerely, Ronald Reagan Governor of California." 400 W. Beale St., Kingman; (928) 753-3195, http://www.mohavemuseum.org. Admission $5. CH
London Bridge, Lake Havasu. If the Grand Canyon is the granddaddy of Arizona attractions, London Bridge is the prince. The span, which traces its royal roots to 1831 England, was purchased in 1971 for $2.4 million, but it cost more than $4 million to ship. A look at this big, blocky bridge is unaffecting, but when you walk across, you have to wonder in whose footsteps you're following — Charles Dickens? Jack the Ripper? Queen Victoria? (928) 855-5655, http://www.golakehavasu.com CH
Arizona 95. The drive south from Lake Havasu to Quartzsite is surprising. There you are in the middle of the desert and suddenly, there's Cattail Cove State Park, a 2,000-acre park with five dozen campsites, a sapphire blue ribbon courtesy of the Colorado River, a boat ramp and a beach. Never mind the sign that tells you to watch out for snakes and scorpions. A little farther along 95, you reach the Bill Williams National Wildlife Refuge, complete with cottonwoods and cattail stands, a 6,105-acre riparian oasis. Cattail Cove, (520) 586-2283, http://www.azstateparks.com/Parks/CACO/index.html. Bill Williams, (925) 667-4144, http://www.fws.gov/southwest/refuges/arizona/billwill.html. CH
Quartzsite. You know you've reached RV heaven when you see the sign for an RV proctologist. Yes, Quartzsite has a huge RV show (and is RV central for snowbirds), but it's mostly for shoppers, if you like the idea of hundreds of vendors in tents and out of doors. There are gems and minerals (and big shows focused on those) and hundreds of swap meet vendors. They say if you can't find it in Quartzsite, it can't be found. The town, population about 3,700, hosts 1.5 million visitors a year who arrive in November and December. Many stay, leaving about March 1. (928) 927-9321, http://www.ci.quartzsite.az.us. CH
Hi Jolly, Quartzsite. Here's a story straight out of Hollywood: The U.S. Army decides to try camels instead of horses in the desert. Alas, the camels don't speak English, and the soldiers don't speak Arabic. Enter a Greek/Syrian fellow named Hadji Ali, also known as Philip Tedro, but ultimately known as Hi Jolly. He wrangles the beasts for this experiment, which ends after the camels can't adapt to the rocky, cactus-needle-laden desert floor. (Some say the Army didn't give it enough time.) Hi Jolly eventually dies in Quartzsite, where a monument is built to him; it's on the National Register. His grave in Quartzsite is the most obvious in the recently rededicated cemetery; it's the only one with a camel atop it. (928) 927-9321, http://www.ci.quartzsite.az.us CH
Castle Dome Mines Museum. About 40 miles from Yuma is the Castle Dome Mines Museum, a love letter to the rough-and-tumble mining region. More than 30 buildings (lots of bars, as was customary), clustered together, tell the story of the 3,000 or so people who once dug out a living from the earth. Today, closed-off mine shafts dot the countryside. Many of them held the detritus of daily life and, when opened, were like little time capsules. It's in the middle of the Kofa National Wildlife Refuge, up a road that will give your car's suspension — and yours — a good workout. Open mid-October to April, by appointment other times. (928) 920-3062, http://www.castledomemuseum.com. Admission $10. Take Arizona 95 to Mile post 55 and turn toward Castle Dome.
Yuma Territorial Prison State Historic Park. Elena Estrada's lover messed around, but when she was angry, she apparently didn't: She sliced open his chest, yanked out his heart and threw the bloody innards on him. That's how she ended up in Yuma Territorial Prison, at the confluence of the Gila and Colorado rivers. This prison, re-created and restored from the 1876 structures, was open for 33 years, saw about 3,000 prisoners (Estrada was one of only 29 women) and was either the "country club on the Colorado" or a hellhole. Judging from the tiny cells where six bunks are clustered, I'd vote for the latter. The characters who passed through here, whether prisoners or superintendents or their wives, speak volumes about the Old West. 1 Prison Hill Road, Yuma; (928) 783-4771, http://www.azstateparks.com/Parks/YUTE/index.html. Admission $5. CH
Northern and eastern Arizona
Lower Antelope Canyon. Not for the passive walker, the canyon is an interactive experience that you climb and squeeze your way through. At its steepest points, visitors can continue only with the aid of metal stairs. Because it is part of the Antelope Canyon-Lake Powell Navajo Tribal Park, access is by tour only. Tours start at $20, plus $6 admission. http://www.navajonationparks.org/htm /antelopecanyon.htm. JL
Wupatki and Sunset Crater Volcano national monuments. Legend has it that 19th century explorer John Wesley Powell gave the crater its name because he thought its rim resembled a sunset. Just up the road from Sunset Crater is Wupatki National Monument, with picturesque scenery and pueblo ruins. You can tour the pueblo grounds, including the ball court and community room. Volcano National Monument, (928) 526-0502, http://www.nps.gov/sucr/. Wupatki National Monument, (928) 679-2365, http://www.nps.gov/wupa. The $5 fee is good for admission to both monuments. Children younger than 16 are free. Open year-round. JL
Petrified Forest National Park. The park has first-rate scenery, and much of it can be appreciated up close. Driving the 28-mile road that leads past most of the park's sights takes at least an hour, not taking into account stops. The Blue Mesa Trail carries you into the bowels of the Painted Desert's badlands, an alien-like landscape strewn with kaleidoscopic petrified wood. Admission is $10 per vehicle. (928) 524-6228, http://www.nps.gov/pefo. JL
Canyon de Chelly National Monument. As nearly as spectacular as the Grand Canyon 200 miles to the west, but far less crowded. (928) 674-5500, http://www.nps.gov/cach. Visitor center open 8 a.m.-5 p.m. daily. JJ
Totsonii Ranch organizes half-day, full-day and overnight trips — by horseback — into Canyon de Chelly. (928) 551-0109, http://www.totsoniiranch.com. Tours from $50 with a two-person minimum. JJ
Explore Navajo Interactive Museum. About three hours west of Canyon de Chelly, with a variety of exhibits on Navajo history and culture. 10 N. Main St., Tuba City; (928) 640-0684, http://www.explorenavajo.com. JJ


text:
Product 205/285
Contemporary quilt design.
Pattern delivered as an electronic download.
This modern and original quilt pattern has been prepared with the beginner quilter in mind. It is a versatile pattern, with use of scrap fabric ideal.
Bricks and Stones is a user-friendly pattern which provides not only a step by step photo guide to machine piece and quilt this quilt, but also details many handy hints and tips which will assist in the successful completion of this project.
Finished Quilt size 43 inches x 43 inches.
Included is a list of fabric suggestions and requirements, cutting and sewing hints, basting techniques, quilting and binding advice and references.
Designer Terms of Use: This pattern is not intended for commercial use. Please do not distribute without permission
Format: PDF File - Available for Instant Download
Pages: 13
Downloadable Pattern FAQs


text:
I was wondering if someone can explain the syntax for when a php variable is used inside an SQL statement (as seen below). It appears that when the variable refers to a string, the format is:
<column_name> = ' ".$variableName." ' But I've also seen: <column_name> = ' {$variableName} '
And when the php variable refers to a number, the format seems to be:
<column_name> = " .$variableName. "
(Note: I have used extra space around quotes only for readability)
Can someone explain the above syntax?
Thanks, Mike


text:
eBook Digital Download
Will Murray's Pulp Classics line of eBooks are of the highest quality and feature the great Pulp Fiction stories of the 1930s-1950s.
Use the PDF version when reading on your PC or Mac computer. If you have a Kindle, the Mobi version is what you want. If you have an iPad/iPhone, Android, Sony eReader or Nook, then the ePub version is what you want.


text:
During his 29 seasons as head ice hockey coach at UMass Dartmouth, Coach John Rolli's teams have put together an unprecedented record of accomplishment in New England and NCAA collegiate ice hockey. Rolli's career record at UMass Dartmouth, 557-175-34 (.749), is one of the highest winning percentages of any college hockey coach in the country. Entering the 20013-14 season, Rolli is ranked eighth among all active coaches with 557 career wins and third within the NCAA Division III behind Mike McShane at Norwich and Bill Beaney at Middlebury.
Under Rolli's direction, the Corsairs have qualified for ECAC/MASCAC post season tournaments in each of his 29 seasons, capturing the ECAC Championships nine times. UMass Dartmouth teams led by Coach Rolli clinched ECAC titles in 1985, 1989, 1993, 1995, 1997, 1998, 2006, 2007, and 2008; and in 2013 won the school's first MASCAC championship.
A six-time New England Hockey Writers' Coach of the Year (1989, 1993, 1996, 2005, 2006, and 2007) , four-time ECAC Coach of the Year (1996, 2005, 2006, and 2007) , and MASCAC Coach of the Year (2011), Rolli was one of 12 finalists for the 1999, 2005, 2006, 2007, and 2011 Eddie Jeremiah Award/NCAA Division III Coach of the Year (given annually to the College Division Coach of the Year by the American College Hockey Coaches Association) and was runner-up for the award in 2006.
Contact Coach John Rolli
Office phone:(508) 999-8723
Email: firstname.lastname@example.com


text:
Yearlong, this enormous facility that's attached to the Eastern Hills Mall is busy with softball and baseball players honing their game. The Sports Performance Park has batting cages, pitching simulators, an artificial turf diamond, and a complete equipment store for ball players and teams to use.
Here is the website.


text:
Choose Options
Metallic Ruched Maxi Dress: This sexy dress has all the details that make it diva-worthy—flattering ruching, curve-loving surplice styling and metallic threads for shimmer! You'll want to be wearing this hot little number when you run into your ex or for a special evening out; it's that unforgettable.
Read what customers are saying about this product:
Rating: 5.00 out of 1 votes cast
It's Perfect!!!!!
I have worn this dress on New Years Eve and to a Wedding. It is perfect. Comfortable. Perfect for travel. Does not wrinkle. Machine Wash!! Wish they had it in Black and Red!!!!
Coconut Creek, FL.
Click here to read all of this product's reviews
© metrostyle All rights reserved.


text:
By By JOHN SERFUSTINISun Advocate associate editor
Carbon High School students are taking on a special fund-raising effort for one of their classmates.
They are out to raise $3,000 over the next few weeks to buy a customized van for Blaze McCormack to give him an extra degree of freedom.
The 18-year-old senior lost his arms and legs when he was less than a year old to complications of spinal meningitis. He uses a motorized wheelchair to cruise from class to class at school and on the street.
However, the electric rig does not fit in the family car, so he relies on a portable wheelchair that fits in the trunk.
Teacher Cami Carlson said that the students decided Blaze should travel in style, so they shopped around and found a model available for just under $3,000.
It has a lift so all Blaze will have to do is drive aboard.
Carlson said the student government has already raised $500 toward the goal and the Renaissance Club - the school's service club - is working on ideas to get the word out to the community.
Blaze intends to work at the Castle Valley Center after graduation and has an amibition to become a motivational speaker.
He's already a motivation for Carlson. Admittedly, she's not a morning person, "But when I get to school and see him all smiling and cheerful in class, it makes me glad. He's my inspiration," she said.


text: With Agriculture being a large business in Western North Carolina questions have been raised as to what effect the recent high volume of rain will have on the growing industry in our area. Typically growers are concerned about not getting enough rain for their crops, but too much precipitation can also cause problems. Christy Bredenkamp, Horticultural Specialist for the North Carolina Co-operative Extension had the following to say; "Because of the rainfall we've had, disease can come in through the foliage through the wind and rain where there are a lot more leaf spot diseases, there are also diseases that affect the root through the soil. Nutrition wise, the plants are growing much faster and using more fertilizer. If people don't apply additional side dressings of fertilizer the plants will produce fewer vegetables and fruits or just stop producing." With the challenges that high rainfall will bring to growing crops our local farmers and growers are already expecting high losses and low production levels this year. "The local farmers know what to do, they are veteran growers and they know how to treat their irrigation systems and what to spray to keep diseases at bay." Christy Bredenkamp went on to say, "It's those new growers who don't have that experience quite yet, they are the ones that are going to suffer more so. It's the same with gardeners, depending on the type of equipment they have and so-on." So far Christy Bredenkamp does not expect major issues for the long-time commercial growers in our area, however for the new farmer or the home gardener who may have less experience and equipment than the high volume farms Christy has specific advice for them. "Tomatoes are really suffering. There are wilting diseases and leaf spot diseases, early blight, and late blight already spotted in North Carolina. There is bacterial speck and spot along with different wilting diseases. There are about four different diseases that affect beans. Those are the ones that are going to suffer the most." For additional information or advice on the challenges of growing in this exceptionally rainy season contact your local North Carolina Local Co-operative extension office at 586-4009.


text:
|WHS grad signs with N.C. Central
|Written by Mike Kelly
|Monday, 02 July 2007 09:42
Paris Brown, a 2007 graduate and former Watauga High School athlete, has signed with North Carolina Central University, a Division Two school, in the Central Intercollegiate Athletic Association.
Brown will play volleyball and run track for N.C. Central in the coming school year. She played volleyball, basketball and track at Watauga High last season. Brown had an extraordinary season in track where she finished second in the shot put with an effort of 41-feet, eight and a half inches, and in the discus event, where she finished third with a throw of 143 feet, 11 inches at the North Carolina Class 4A State Track Meet at North Carolina A&T in Greensboro in May. Both of those efforts are Watauga High School records.
|Share This Article:


text:
Korean musical phenom PSY officially became the first person to reach a billion views for his famed "Gangnam Style" video on YouTube Friday.
But, it's not just his music that's making waves. The singer's unique style in the video has become its own topic of conversation. In the four-minute video, he sports bright-colored suits, short-shorts, Vivienne Westwood's iconic triple placket white button down and is never without one of two different pairs of Thierry Lasry sunglasses.
Theirry Lasry spokesperson Nicolas Vanier-Leduc tells toofab the company has seen a definite spike in product interest. "Since the video hit the first 100,000 views on YouTube, so approximately in the end of August, we have about at least 2-3 requests a day from either people who contact us directly to know where the closest retailer [that sells the sunglasses is], or from our stockists who get a lot of requests from their customers," he says.
PSY wears two versions of the same sunglass style, named "Variety," throughout the music video. "The Variety is stocked and comes in several colors so the black one and the other colors have seen their sales rising especially in Asia where Psy is becoming really huge," Nicolas says. They retail in the U.S. for $435.
However, the tortoise pair PSY wears in the beginning of the video were a limited edition line the company produced last year and are no longer on shelves. "Unfortunately the other color w/ the stripes can't be reproduced as the material we used for this style is no longer available. We could have sold thousands of it if we could have produced it ..." Nicolas laments.
Watch the video that sparked all the interest below.
© 2015 EHM Productions, Inc. All rights reserved. Reproduction in whole or in part without permission is prohibited.
In partnership with TMZ.com | Privacy Policy | AdChoices


text:
This week, the athletic shoe brand K•SWISS is announcing a partnership with Kenny Powers of the HBO show Eastbound & Down for a campaign to promote their new TUBES line of training footwear. And the best part is, they're using Microsoft Tags to do it.
The fictional Jheri curled former baseball star, played hilariously by Danny McBride, will be the newest face of the shoe brand, having anointed himself CEO in a "hostile company takeover." And he aims to make some big changes to the sports world. Namely, to change it "from being 'so safe and lame ass' to 'being more gonzo' by any means necessary."
The campaign's advertisements feature McBride as Powers, adorned in a shirt boasting, "I'm the CEO. You shut up," as well as custom Microsoft Tags (featuring Powers' face, of course) with the instructions to "Shut up and scan this." When scanned, the Tags whisk fans to the campaign's robust digital assets that amusingly instruct readers to "Finger yourself to greatness." Or, uh, to swipe to the next page, that is.
On their way to buy some new pairs of TUBES, fans and athletes alike can head to Foot Locker between July 15 and August 15 to scan exclusive Tags that will enter them into a sweepstakes to win huge prizes, such as one of the three grand prize packages of a year's worth of K•SWISS gear. The Tags also unlock more Kenny Powers multimedia than you can shake a smart phone at, such as ringtones, videos, a soundboard, and a digital shoe tour of TUBES.
Despite the jocular nature of the ads, the campaign got some very serious respect from at the Webby Awards; it was nominated for the category of Comedy: Individual Short or Episode.
Not only supporting Microsoft Tag and the K•SWISS brand, all the activations that result from the campaign will lead up to the release of season 2 of Eastbound & Down on DVD, BluRay, and digital download on August 2, 2011.
For more information on the campaign you can read up on the press release and be sure to check out one of the ads featuring Tag.
What do you think of Kenny Powers as the K•SWISS CEO? Let us know in the comments below or on Facebook or Twitter.
Type the code from the image
Design Tags that scan easily and offer an engaging mobile experience
Capture customers in the moment and bring printed materials to life
Tag lets you engage people anytime, anywhere, from magazine ads to store aisles
Tuesday, Jul 12, 2011 at 3:29 PM
Tuesday, Jul 12, 2011 at 3:19 PM
Thursday, Jul 07, 2011 at 1:53 PM
Wednesday, Jul 06, 2011 at 5:03 PM
Tuesday, Jul 05, 2011 at 6:36 PM
Download the Tag app
at http://gettag.mobi
and scan this Tag.


text:
- Northern New York Newspapers
- Watertown
- Ogdensburg
- Massena-Potsdam
- Lowville
- Carthage
- Malone
- NNY Business
- NNY Living
- NNY Ads
The Jefferson County Board of Legislators has not formulated a response to the latest in a string of allegations of misconduct brought against employees of the Sheriffs Department, though it is growing impatient.
Were all getting very anxious, board Chairwoman Carolyn D. Fitzpatrick said.
For now, the board is content to let Sheriff John P. Burns handle matters internally.
The sheriff is doing his best to get these problems, and major problems they are, straightened out, Mrs. Fitzpatrick said.
But if the board is not satisfied with the results, it may call for an external investigation.
The sheriff is open to pursuing that option, according to Mrs. Fitzpatrick.
On Monday, it was revealed that a registered nurse caring for inmates at the county jail violated federal law by accessing without authorization the medical records of someone who was not an inmate.
Health care professionals at some county agencies have access to confidential records through the Meditech system at Samaritan Medical Center to facilitate care for patients in their charge. According to the Health Insurance Portability and Accountability Act of 1996, they are not permitted to access records of patients not directly in their care without prior written authorization.
According to Samaritan spokeswoman Krista A. Kittle, a red flag was raised Dec. 20 when a recently installed auditing system alerted the hospitals compliance department to irregular activity associated with the nurses login information. Following an internal investigation at Samaritan, the breach was confirmed Jan. 4. The nurses access to records was shut down that day.
On Jan. 7, Lt. Kristopher M. Spencer, the jail administrator and the nurses supervisor, was notified of the illegal activity.
He met with the compliance department at Samaritan at 9 a.m. the following day. It provided him with a list of patients whose records had been accessed. He checked that list against a list of inmates, and one of the names did not match.
At 1 p.m. that day, Lt. Spencer called the nurse, who had been working for the department for a year and a half, to his office.
I confronted her with the discrepancies. I wanted to know who it was and what the relationship was. She resigned on the spot with no explanation, he said.
Samaritan Medical Center is required to notify the person whose records were breached by mail within 30 days of the Jan. 4 confirmation. Ms. Kittle said the letter would be sent within the next two days.
At that point, it is entirely up to the aggrieved party to decide how to proceed. Action taken against the county could include a civil suit.
A source indicated to the Times that the Sheriffs Department had reported the incident to the state Education Department, which licenses registered nurses to practice in New York state. Sheriff Burns did not return repeated calls to confirm this information.
According to New York Public Health Law, Article 28 facilities such as hospitals and nursing homes are required to report violations of this nature to the Education Department. The county jail is not an Article 28 facility.
According to Lt. Spencer, the nurse was a member of Jefferson County Civil Service Employees Association Local 823.
CSEA President Laurel L. Holt-Simmons said she could not comment on the matter Tuesday because she did not know who the nurse was, and no one had yet reached out to her.
Mrs. Fitzpatrick said she and the board have been working with the sheriff to resolve various allegations against members of the department since the beginning of December.
The board doesnt want to hurt the morale of the department or negatively affect the good work it does protecting the county, she said, but we are going after the bad guys.
Sheriff Burns is waiting for the results of the state investigation into the conduct of Undersheriff Andrew R. Neff, who is accused of sending lewd pictures to a convicted felon using his county-issued cellphone. That case should be resolved this week, the sheriff said Friday.
On Jan. 9, Sheriff Burns charged Deputy Adam B. Hallett with having an open alcoholic beverage container in his patrol vehicle following an investigation into an incident in which Deputy Hallett was found asleep in his vehicle off County Route 72 in the town of Henderson several hours after he went off duty Dec. 1. Deputy Hallett was to be suspended without pay for an undisclosed period.
Sheriff Burns said Deputy Matthew A. Vaughn, who was the first to respond to the call about Deputy Hallett, would face internal disciplinary charges for not taking appropriate action at the scene.
A suit is pending against Detective Steven C. Cote for allegedly deceiving a female deputy into posing nude for photographs meant to be used as part of an online pedophilia investigation.
Corrections Officer Mark H. Kellogg is facing a third-degree assault charge resulting from a bar fight in Adams Center.
Deputy James J. Randall served a 60-day suspension starting in August for having a relationship with a convicted felon, Raven C. Carreira, who accused Detective Cote of making a defamatory statement against her in a suit dismissed Nov. 1.
Times staff writer David C. Shampine contributed to this report.
Thousands of readers like you have made Northern New York Newspapers the number one ranked website* for local news and sports coverage in the north country.
You can continue on to this article in a few seconds, or you can visit one of our websites:


text:
|Print Page
Flowers by the bucketload are arriving daily at the newspaper office.
Flowers are coming from all over into the Sun Advocate office for the No Grave Unadorned project.
It's an ongoing process as the Memorial Day holiday approaches.
Last year more than 1,500 people volunteered to make flowers and place them on graves in Carbon and Emery counties. It was a resounding success story for volunteerism in the local community. The goal was to make sure every grave in every cemetery in the two county area would have a flower on them for Memorial Day.
As of Wednesday, the count of flowers had gone to 20,000. That means we are about half way to our goal of 40,000 flowers to cover all the graves.
Around town various groups are helping to make the dream come true. Everyone from boy scouts to women's groups, from churches to workplaces are making flowers.
Of course all this takes materials and while many have donated supplies, others have donated money to the cause.
For those wanting to put together flowers, new materials are on hand at the Sun Advocate office at 845 East Main Street, so there is plenty to go around.
The placement of the flowers will take place starting on Saturday May 18 and will proceed through the entire week until the project is done. That is projected to be on Friday May 25 just before the long weekend.
This is a one of a kind program that has no known equals in the United States. Eastern Utah is unique in many ways, and this is just one more example of that. The volunteerism displayed by local residents has been outstanding over the years, and it appears that it will live up to its reputation again this year.
For information on donating or volunteering call Malyn Brady at 435 637-0732.
|Print Page


text:
20 U.S. Code § 1067 - Findings
prev | next
Congress makes the following findings:
(1) It is incumbent on the Federal Government to support the technological and economic competitiveness of the United States by improving and expanding the scientific and technological capacity of the United States. More and better prepared scientists, engineers, and technical experts are needed to improve and expand such capacity.
(2) As the Nation's population becomes more diverse, it is important that the educational and training needs of all Americans are met. Underrepresentation of minorities in science and technological fields diminishes our Nation's competitiveness by impairing the quantity of well prepared scientists, engineers, and technical experts in these fields.
(3) Despite significant limitations in resources, minority institutions provide an important educational opportunity for minority students, particularly in science and engineering fields. Aid to minority institutions is a good way to address the underrepresentation of minorities in science and technological fields.
Source(Pub. L. 89–329, title III, § 350, as added Pub. L. 105–244, title III, § 307(a),Oct. 7, 1998, 112 Stat. 1647.)
Prior Provisions
A prior section 1067,Pub. L. 89–329, title III, § 352, as added Pub. L. 99–498, title III, § 301(a),Oct. 17, 1986, 100 Stat. 1304, and amended, which related to waiver authority and reporting requirement, was renumbered section 392 ofPub. L. 89–329by Pub. L. 105–244, title III, § 301(a)(2),Oct. 7, 1998, 112 Stat. 1636, and transferred to section 1068a of this title.
Another prior section 1067,Pub. L. 89–329, title III, § 342, as added Pub. L. 96–374, title III, § 301,Oct. 3, 1980, 94 Stat. 1398, set waiver authority and reporting requirements for this part, prior to the general amendment of this subchapter by Pub. L. 99–498.
Another prior section 1067,Pub. L. 89–329, title IV, § 407,Nov. 8, 1965, 79 Stat. 1234; Pub. L. 90–575, title I, §§ 101(b)(2), 103, 104,Oct. 16, 1968, 82 Stat. 1017, 1018, related to agreements with institutions, required provisions and use of funds as additional Federal capital contribution for student loan fund, prior to the general amendment of part A of subchapter IV of this chapter by Pub. L. 92–318, title I, § 131(b)(1),June 23, 1972, 86 Stat. 247.
Effective Date
Section effective Oct. 1, 1998, except as otherwise provided in Pub. L. 105–244, see section 3 ofPub. L. 105–244, set out as an Effective Date of 1998 Amendment note under section 1001 of this title.
LII has no control over and does not endorse any external Internet site that contains links to or references LII.


text:
Sign Up For Updates
From Bill Perkins:
What my senator can do for me
Your state senator works for the citizens of your district. Your senator talks with constituents about how proposed laws will affect their lives. Your senator can relay information on bill status, committee hearings, resolutions and floor activity. Contact me if you have concerns about issues affecting your community.
My Committees
- Budget and Tax Reform
- Codes
- Corporations, Authorities and Commissions
- Crime Victims, Crime and Correction
- Finance
- Judiciary
- Labor
- Libraries
- New York City Education Subcommittee
- New York State Conference of Black Senators
- Rules
- The New York State Black, Puerto Rican, Hispanic and Asian Legislative Caucus
- Transportation


text:
Best of Entertainment
Domestic worker Chen Guolan walks to a bus stop after leaving the... NachrichtenfotoAbschied,Berufsbezeichnung,Bushaltestelle,Chongqing,Feiertag,Gebunden,Gehen,Geschäftsleben,Geschäftsleute,Greifen,Horizontal,Kunst, Kultur und Unterhaltung,Leitende Position,Peking,Provinz Sichuan,Stadt,Wohnung,ZeitPhotographer ED JONESCollection: AFP 2013 AFPDomestic worker Chen Guolan walks to a bus stop after leaving the apartment of her employers, where she also lives, in Beijing on January 31, 2013 to catch a train bound for the south-western Chinese city of Chongqing, a journey of 32 hours, and where she will also take another train for a further 6 hours to reach her home in Yiban, Sichuan province. The world's largest annual migration is underway in China with tens of thousands in the capital boarding trains to journey home for Lunar New Year celebrations. Passengers will log 220 million train rides during the 40-day travel season as they criss-cross the country to celebrate with their families on February 10, but just as making the trip home can be laborious -- often lasting one or two days -- so can simply acquiring a seat on the train, and every year complaints arise about the inefficiency or unfairness of the system, although an initiative allowing travelers to purchase tickets online aims to curb long queuing times. AFP PHOTO / Ed Jones (Photo credit should read Ed Jones/AFP/Getty Images)


text:
Safeguarding Board: Statutory Aspects
The new statutory functions of the Local Safeguarding Board are to:
- Communicate and raise awareness by people and their communities around safeguarding
- Promote the welfare of children and young people
- Review child deaths and to coordinate the response to unexpected child deaths
- Undertake a broader remit for safeguarding policy
- Write new procedures for Safeguarding Children to include prevention, safety and welfare of children who are privately fostered, policy on recruitment, and investigations concerning people working with children
- Monitor and assess the effectiveness of Safeguarding Children
Statutory Audit
From 01 April 2006 the Local Safeguarding Children Board has a statutory duty to assess the effectiveness of arrangements to safeguarding and promote the well being of children throughout Birmingham.
Birmingham Area Child Protection Committee already has in place a Quality Assurance and Audit Sub-Committee, which has developed an audit and scrutiny programme to provide an independent, evidence based overview of the quality of local safeguarding activity. The audit programme aims to identify, showcase and disseminate good practice, but will also challenge and engage those organisations working with children to ensure they work more effectively together to improve outcomes for children.


text:
|Home | TSLA Online Catalog | Visitor Info. | Contact Us | About TSLA | Site Map
|Featured Exhibit
John T. Majors: A Tennessee Football Legend As Player and Coach
Coach of the Year Award 1973, The Football Writers Association of America
In his first year as Pittsburgh's head coach, Majors was voted Coach of the Year, when the Panthers went 6-4-1 for the season.
John T. Majors Papers, Tennessee State Library and Archives.
|Tennessee State Library
and Archives
403 Seventh Avenue North
Nashville, TN 37243
Phone: 615.741.2764 Fax: 615.532.2472
Web Policies


text:
Roster 3:16 event reveals 19 new superstars for WWE 2K16
2K has revealed an additional 19 fighters for WWE 2K16 during its ongoing Roster 3:16. This year's version of the... Read More
2K has revealed an additional 19 fighters for WWE 2K16 during its ongoing Roster 3:16. This year's version of the... Read More
Following last November's release of the Star Wars Classic Skin Pack for Minecraft, Disney, Lucasfilm, and Xbox have... Read More
A new update for the console versions of Minecraft has been rolled out on Xbox and PlayStation platforms. While each... Read More
Continuing to provide Xbox owners with variety, Microsoft and Twentieth Century Fox are partnering to bring the characters... Read More
Mojang today rolled out new title updates for the Xbox One and Xbox 360 versions on Minecraft. Although the two... Read More
50 more Doctor Who-inspired skins are coming to Minecraft on Xbox One and Xbox 360. The new Doctor Who Skins... Read More
With the holiday season in full swing, it's time some of that cheer enters your worlds in Minecraft. The new... Read More
4J Studios is adding some holiday cheer to your worlds in Minecraft with the new Festive Mash-Up Pack. Available... Read More
With all of the hype surrounding Star Wars: Episode VII The Force Awakens, I appreciate Microsoft kicking it old school... Read More
The Doctor is needed in Minecraft... Well, we have our Doctor's to pick from. Minecraft: Xbox 360 Edition is getting... Read More
The Dr. Who skin pack for Minecraft: Xbox 360 Edition, promised to us back in August, will arrive this Friday, October... Read More
The Xbox 360 will always be Master Chief's domain, regardless of how popular another game becomes. So it's fitting... Read More
It's no secret that fans have been craving for more Master Chief in their Minecraft experiences, and finally... Read More
Have a sweet tooth that the Easter Bunny just didn't address? Microsoft and 4J Studios have got you covered with the... Read More
35 Marvel Skins have been added to Minecraft: Xbox 360 Edition, and can now be downloaded as a pack from the Xbox... Read More
Minecraft: Xbox 360 Edition has reached a new milestone: The console version alone has pushed past 10 million copies sold... Read More
The Elder Scrolls V: Skyrim has officially invaded Minecraft on Xbox 360. Available today, Skyrim Mash-Up can now be... Read More
Skyrim and Minecraft, arguably two of Xbox 360's most popular titles, are joining forces. As announced by Bethesda... Read More
Minecraft on Xbox 360 is getting all dressed up for Halloween. 4J Studios today released a free Halloween themed Texture... Read More
According to developer 4J Studios, Minecraft: Xbox 360 Edition has surpassed 8 million copies sold. Along with the... Read More


text:
Best of Sport
N.C. State wide receiver Tobais Palmer stiff-arms Vanderbilt... News PhotoAmerican Football - Sport,Defending,First Half - Sport,Horizontal,LP Field,NC State Wolfpack,NCAA,NCAA College Football,Nashville,North Carolina State University,Receiver,Sport,Stadium,Tennessee,USAPhotographer Raleigh News & ObserverCollection: Tribune News Service 2012 MCTN.C. State wide receiver Tobais Palmer (4) stiff-arms Vanderbilt defensive back Trey Wilson (8) during the first half of the Franklin American Mortgage Music City Bowl at LP Field in Nashville, Tennessee, Monday, December 31, 2012. The Vanderbilt Commodores defeated the N.C. State Wolfpack, 38-24. (Ethan Hyman/Raleigh News & Observer/MCT via Getty Images)


text:
Showing 1-33 of 33 items found in Shopping
- Sort by:
- <
- 1
- >
Chicago Premium Outlets, Aurora
Find impressive savings at over 120 designer and name-brand outlet stores, such as Ann Taylor, Armani, ASICS, Banana Republic, Calvin Klein, Coach, Cole Haan, DKNY, Gap, J.Crew, Lacoste, Nike, Polo Ralph Lauren, Salvatore Ferragamo, Michael Kors, Theory, Vera Bradley and more. The opening of an additional 80 stores in the spring of 2016 will make this even more of a Midwest Shopping destination! In Aurora, 37 miles west of Chicago.
Holiday Shopping at Chicago Premium Outlets
Indulge your holiday shopping pallet with over 140 outlet designer brands like Ann Taylor, Armani, Banana Republic, Calvin Klein, Coach, Cole Haan, Gap Outlet, J.Crew, Lacoste, Nike, Polo Ralph Lauren, Salvatore Ferragamo, Michael Kors, SAKS Fifth Avenue Off 5th, Theory, Vera Bradley and more! (VIP members enjoy even greater savings!) More premium than ever!
TJ Maxx
Designer clothing -- value pricing.
Bridget's Kid Closet
Bridget has clothes from size newborn to size 12/14 girls and boys. She carries baby equiptment, dvds, toys, outdoor toys, all at a fraction of what it costs new.
Ferrara Pan Candy Company
Visit the Ferrara Pan Candy Company outlet store and see how many ways you can satisfy your candy cravings!
CITY:Forest Park
Abet Books and Games
New and discount books, and comics. The largest selection of board and card games around. Open 7 days a week.
A Buck or More
A Buck or More offers flowers, gift baskets, parcels, party favors, supplies, and services.
The Thrift Shop
Opened in 1990 to help raise money for the local hospital and nursing home, The Thrift Shop is filled with bargains, hard-to-find items, and new and used merchandise.
Gurnee Mills
With more than 200 manufacturer and retail outlet stores offering up to 70% off, serious shoppers flock to Gurnee Mills. The diverse variety of stores includes Bass Pro Shops, Saks Fifth Avenue Off 5th, Nike Factory Store, Gap, Last Call by Neiman Marcus and Levi's. Dining options include Rainforest Cafe or a quick bite at one of the two food courts. Non-shoppers can check out Rink Side Sports and Entertainment Center for ice skating, arcade games and laser tag, or catch a movie at Gurnee Marcus Cinema.
Huntley Outlet Center
Huntley Outlet Center offers over 40 brand name retailers at 25% to 65% off every day, including Mikasa, Reebok/Rockport Outlet Store, BOSE Factory Outlet, The Gap, Carter's and much more.
Mission Mart of Lincoln
This local thrift store, conveniently located on the square in Downtown Lincoln, offers a wide selection of items. They have anything and everything you might need, including books, clothing, furniture, toys, and glassware.
Pink Shutter Thrift Shop
Pink shutter is a great place to get great finds. They offer a wide variety of home decor, clothing, glassware, and other essentials all at a discounted price. You're sure to find something you like.
Salvation Army Thrift Store
The Salvation Army offers a wide variety of below-cost items. From dining ware to clothing, a person is able to find anything they need.
New Beginnings Thrift Shop
This store is located on the Lincoln Square. It is a great place to find clothing, glassware, furniture and other things you might need for your home. Have a great shopping experience on the square at New Beginnings.
Land of Lincoln Goodwill
Stop into this great thrift store where you can find many bargains and new merchandise as well.
Mt. Vernon Market
Mt. Vernon Market is located at the former armory building in downtown Mt. Vernon and features farmers markets, flea markets, vendor fairs, trade shows, entertainment, and other events throughout the year.
CITY:Mount Vernon
Fashion Outlets of Chicago
The new Fashion Outlets of Chicago is an unparalleled shopping environment, where fashion meets art and fine dining! Shop over 130 designer outlets, including Tory Burch, Coach, Prada, Bloomingdales The Outlet Store and Last Call by Neiman Marcus. Located just minutes from O'Hare International Airport.
Super Target
Discount Retail Shopping/Grocery.
CITY:St. Charles
Stein Mart
A hybrid between a discount and a department store. Apparel for men, women, children, gifts and accessories.
CITY:St. Charles
Thrifty Boutique
Shopping on a budget isn't a problem in this small town store. Low-priced donated items including clothing, toys and home decor.
The Best 4 Less
We have everything from gift wrap, cards, specialty items, stuff animals, collectibles and seasonal items all 4 less! Located on the south side of Taylorville square.
Tanger Outlet Center at Tuscola
Tanger Outlet Center offers a big city shopping experience without the big-city hassle. Brand-name stores at great prices including Coach, JCrew, UnderArmor, and Chico's - over 40 brand name outlets! Check out our monthly special events, coupons and sales. Tanger Outlet Center is conveniently located off of I-57, exit 212 in Tuscola. Locations nearby include Champaign and Amish Country.
Bath & Body Works -- Tanger Outlet Center
Integrating health, beauty and well-being. Combining the introduction of spa products that are easily used at home with the incorporation of simple rituals into daily life, Bath & Body Works is committed to helping consumers improve their emotional and physical being. Purchase lotions, creams, hand soap and more in a variety of scents.
Bon Worth -- Tanger Outlet Center
Women's casual wear - Petite and misses sizes.
Carter's Childrenswear -- Tanger Outlet Center
Children's clothes and accessories.
Claire's Accessories -- Tanger Outlet Center
Jewelry and accessories.
Corningware-Corelle-Revere -- Tanger Outlet Center
Dinnerware and cookware.
Famous Footware Outlet -- Tanger Outlet Center
Shoes for the entire family.
Gap Outlet -- Tanger Outlet Center
Clothing and accessories for guys and girls.
Harry and David -- Tanger Outlet Center
Fresh fruit, nuts, and candies.
Hush Puppies
Five Star Indoor Swap Mart
DuPage County, Chicago's Western Suburbs - 100's of shops, quality merchandise at bargain prices. Craft/collectibles mall.
CITY:Villa Park
The Nut and Candy House
Many kinds of fresh roasted and raw nuts. Chocolates, chocolate covered nuts, yogurt covered items, snack mixes and assorted candies. Bulk, bagged or gift packed items. Open daily.
- <
- 1
- >