Wednesday, December 10, 2014
I used to love grilled cheese sandwiches growing up; cheddar on wheat bread is what we usually had, using
Grilled Cheese Sandwich with Sauerkraut on Rye Recipe
Yield: Serves one.
Ingredients 2 slices dark rye bread Several thin slices of aged, Gruyere Swiss cheese 1/3 cup drained and heated sauerkraut 2 teaspoons of butter
Method
1 Heat a frying pan to medium high heat. For each slice of bread, butter one side and place slice butter side down on the hot pan.
2 Add a layer of cheese to one of the slices. As the bread begins to toast just slightly, and the cheese begins to soften, spread the heated sauerkraut over the slice of bread with cheese. Using a spatula, flip the cheese-less bread slice over on top of the slice with cheese and sauerkraut.
3 After 30 sec or so, check to see if the cheese is just beginning to melt. If it is, flip the whole sandwich over onto the other side. Toast a minute more or less on that side until the cheese has melted, but isn’t runny. Remove the sandwich from the pan. Slice in half.
Hello! All photos and content are copyright protected. Please do not use our photos without prior written permission. If you wish to republish this recipe, please rewrite the recipe in your own unique words and link back to the source recipe here on Simply Recipes. Thank you!
TheocookRead more »
Sunday, December 7, 2014
The Importance of Using Credit Cards to Run a Blogging Business
I’ve been running my online businessfor over 15 years now and when I first started out I was just a kid. I didn’t have any credit, so I couldn’t get a credit card. For the longest time I was using a credit card in my parents’ names and with all of the spending online they had some killer credit history! Soon enough I was finally able to get a credit card of my own and then the fun began!
Having a credit card for your online business is key. It’s not just about being able to plug your credit card number into your favorite web sites and order away, it’s about all of the services and perks that come along with having a credit card and how much easier it makes running your online business.
In this article I’m going to point out just a few of the reasons why I’ve always been a huge fan of using credit cards for my business versus writing checks and having payments come right out of my bank accounts.
Sense of Security
The first reason why using a credit card for your business is crucial is that you get an extra sense of security with all transactions. Credit card companies are going to be on the lookout for any weird activity on your cards and will almost always be on your side if there are any disputes or issues with services you order. I order services from companies and web sites all around the world and I’ll occasionally get calls from my credit card company to see if the charges are authentic. This is usually when a rare order comes in that is oversees and doesn’t look ordinary. All in all, if you want to run a safe and secure business, credit cards can provide you with that extra layer of protection. For example, Visa Business cards offer lost or stolen card reporting and multiple layers of security.
Rewards Programs
If you are going to be spending thousands upon thousands of dollars for your business, you might as well get rewarded in the process. Years ago I was spending six figures a year in advertising costs and when you have a credit card that offers a rewards program or cash back, these numbers can really add up. With my points, I was able to secure some really amazing experiences like playing in Madison Square Garden with my Dad against John Starks and Charles Oakley for an hour… and yes, THE WHOLE Madison Square Garden was closed just for us to play on the court! How amazing is that!
Monthly / Annual Statements
Lastly, there is nothing fun about doing business taxes, but through the use of a credit card you can make the experience so much less painful. You no longer have to receive credit card statements in the mail and save all of your documents. Everything can be done online now. All I have to do is wait until the end of the year, print my year end statements and hand them off to my accountant. This is also a great way to see your monthly spending habits and keep up to date on where you are spending money. If you have a Visa Business card, you can sign up for Visa SavingsEdge, which gives you automatic discounts with certain merchants. These discounts show up as credits on your statements, making it easy to keep track of your savings.
As you can see, there are some really great reasons why you should be using a credit card for your business. Not only is it an excellent way to improve your credit history, but it will allow you to great expand your business and spending reach as well.
I am blogging on behalf of Visa Business and received compensation for my time from Visa for sharing my views in this post, but the views expressed here are solely mine, not Visa’s. Visit http://facebook.com/visasmallbiz to take a look at the reinvented Facebook Page: Well Sourced by Visa Business. The Page serves as a space where small business owners can access educational resources, read success stories from other business owners, engage with peers, and find tips to help businesses run more efficiently. Every month, the Page will introduce a new theme that will focus on a topic important to a small business owner’s success. For additional tips and advice, and information about Visa’s small business solutions, follow @VisaSmallBiz and visit http://visa.com/business .
TheoBloggingtips comRead more »
Monday, November 24, 2014
If you have created a new website using WordPress than it is very important to change WordPress permalink
The default Permalink structure in your website looks like this “http://yourdomain.com/?p=123″. It does not help to increase the SEO score.
So, you should have to make it look professional. Here are some examples that you can use:
If your domain name is short like “www.domain.com ” then you can use the following: If your domain name is long “www.itisverylongdomainname.com” . then you should use:So, these are some useful examples. So, change your wordpress Permalink Structure according to your need.
TheoTecherhut comRead more »
Thursday, October 30, 2014
Using Flash Messages with EmberJS
In a recent app I have written in Ember, I found that the need to display flash messages came up. This has always been given to me for free with Rails, so I didn’t really think of it not being just as easy to integrate using Ember. I was wrong.. well, sort of wrong.
On searching the web for ‘ember flash’, I found a nice little library at https://github.com/cheapRoc/ember-flash by cheapRoc. After some minor tweaking and customization, I was able to get it working in my app.
In this post, I want to share how easy it is to integrate and offer a little explanation as to how it works.
Instead of creating four different files (controller, message, queue and view), I found that placing all of the same file made sense. I created the file flash.js:
flash.js 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485App.FlashMessage = Ember.Object.extend({ type: "notice", message: null, isNotice: (function() { return this.get("type") === "notice"; }).property("type").cacheable(), isWarning: (function() { return this.get("type") === "warning"; }).property("type").cacheable(), isError: (function() { return this.get("type") === "error"; }).property("type").cacheable()});App.FlashView = Ember.View.extend({ contentBinding: "App.FlashController.content", classNameBindings: ["isNotice", "isWarning", "isError"], isNoticeBinding: "content.isNotice", isWarningBinding: "content.isWarning", isErrorBinding: "content.isError", didInsertElement: function() { this.$("#message").hide(); return App.FlashController.set("view", this); }, show: function(callback) { return this.$("#message").css({ top: "-40px" }).animate({ top: "+=40", opacity: "toggle" }, 500, callback); }, hide: function(callback) { return this.$("#message").css({ top: "0px" }).animate({ top: "-39px", opacity: "toggle" }, 500, callback); }});App.FlashController = Ember.Object.create({ content: null, clearContent: function(content, view) { return view.hide(function() { return App.FlashQueue.removeObject(content); }); }});App.FlashController.addObserver('content', function() { if (this.get("content")) { if (this.get("view")) { this.get("view").show(); return setTimeout(this.clearContent, 4000, this.get("content"), this.get("view")); } } else { return App.FlashQueue.contentChanged(); }});App.FlashQueue = Ember.ArrayProxy.create({ content: [], contentChanged: function() { var current; current = App.FlashController.get("content"); if (current !== this.objectAt(0)) { return App.FlashController.set("content", this.objectAt(0)); } }, pushFlash: function(type, message) { return this.pushObject(App.FlashMessage.create({ message: message, type: type })); }});App.FlashQueue.addObserver('length', function() { return this.contentChanged();});A FlashMessage is an Ember object (lines 1-13) which contains the message text and type of message (notice, warning, error). These messages are added into the FlashQueue, which is an array proxy, via the pushFlash function (lines 75-59). There is an observer (lines 83-85) which triggers the function contentChanged whenever a message is added to the queue. When the contentChanged function is called, it places the flash message into the FlashController’s content (lines 68-74). There is an observer watching the content of the controller (lines 55-64) which displays the FlashView for a short period of time, then hides it (lines 58-59). Once hidden, clearContent is called which hides the view and removes the message from the queue (lines 46-53).
On lines 27-43 above, there are animations set up for when the view is to be shown and hidden. These can be modified to anything. What happens in this code is the view will slide down and fade into view. The reverse happens when it is hidden.
Here is the CSS that I am using:
1234567891011121314151617181920212223#flash-view { position: fixed; top: 100px; width: 100%; z-index: 20; overflow: hidden;}#flash-view #message { color: #fff; font-size: 16px; line-height: 1.2em; text-align: center; padding: 20px 0;}#flash-view.is-notice #message { background-color: #6c3;}#flash-view.is-alert #message { background-color: #f14247;}#flash-view.is-error #message { background-color: #f14247;}First, you must include the JavaScript and CSS above in your app.
Second, add the view into your template (e.g. application.handlebars)
application.handlebars {{#view App.FlashView id="flash-view"}}Application
{{outlet}}Finally, trigger messages to be shown with the pushFlash function:
App.FlashQueue.pushFlash('notice', 'This actually works!!!');JS Bin
Read more »
Monday, October 6, 2014
Using Flash Messages with EmberJS
In a recent app I have written in Ember, I found that the need to display flash messages came up. This has always been given to me for free with Rails, so I didn’t really think of it not being just as easy to integrate using Ember. I was wrong.. well, sort of wrong.
On searching the web for ‘ember flash’, I found a nice little library at https://github.com/cheapRoc/ember-flash by cheapRoc. After some minor tweaking and customization, I was able to get it working in my app.
In this post, I want to share how easy it is to integrate and offer a little explanation as to how it works.
Instead of creating four different files (controller, message, queue and view), I found that placing all of the same file made sense. I created the file flash.js:
flash.js 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485App.FlashMessage = Ember.Object.extend({ type: "notice", message: null, isNotice: (function() { return this.get("type") === "notice"; }).property("type").cacheable(), isWarning: (function() { return this.get("type") === "warning"; }).property("type").cacheable(), isError: (function() { return this.get("type") === "error"; }).property("type").cacheable()});App.FlashView = Ember.View.extend({ contentBinding: "App.FlashController.content", classNameBindings: ["isNotice", "isWarning", "isError"], isNoticeBinding: "content.isNotice", isWarningBinding: "content.isWarning", isErrorBinding: "content.isError", didInsertElement: function() { this.$("#message").hide(); return App.FlashController.set("view", this); }, show: function(callback) { return this.$("#message").css({ top: "-40px" }).animate({ top: "+=40", opacity: "toggle" }, 500, callback); }, hide: function(callback) { return this.$("#message").css({ top: "0px" }).animate({ top: "-39px", opacity: "toggle" }, 500, callback); }});App.FlashController = Ember.Object.create({ content: null, clearContent: function(content, view) { return view.hide(function() { return App.FlashQueue.removeObject(content); }); }});App.FlashController.addObserver('content', function() { if (this.get("content")) { if (this.get("view")) { this.get("view").show(); return setTimeout(this.clearContent, 4000, this.get("content"), this.get("view")); } } else { return App.FlashQueue.contentChanged(); }});App.FlashQueue = Ember.ArrayProxy.create({ content: [], contentChanged: function() { var current; current = App.FlashController.get("content"); if (current !== this.objectAt(0)) { return App.FlashController.set("content", this.objectAt(0)); } }, pushFlash: function(type, message) { return this.pushObject(App.FlashMessage.create({ message: message, type: type })); }});App.FlashQueue.addObserver('length', function() { return this.contentChanged();});A FlashMessage is an Ember object (lines 1-13) which contains the message text and type of message (notice, warning, error). These messages are added into the FlashQueue, which is an array proxy, via the pushFlash function (lines 75-59). There is an observer (lines 83-85) which triggers the function contentChanged whenever a message is added to the queue. When the contentChanged function is called, it places the flash message into the FlashController’s content (lines 68-74). There is an observer watching the content of the controller (lines 55-64) which displays the FlashView for a short period of time, then hides it (lines 58-59). Once hidden, clearContent is called which hides the view and removes the message from the queue (lines 46-53).
On lines 27-43 above, there are animations set up for when the view is to be shown and hidden. These can be modified to anything. What happens in this code is the view will slide down and fade into view. The reverse happens when it is hidden.
Here is the CSS that I am using:
1234567891011121314151617181920212223#flash-view { position: fixed; top: 100px; width: 100%; z-index: 20; overflow: hidden;}#flash-view #message { color: #fff; font-size: 16px; line-height: 1.2em; text-align: center; padding: 20px 0;}#flash-view.is-notice #message { background-color: #6c3;}#flash-view.is-alert #message { background-color: #f14247;}#flash-view.is-error #message { background-color: #f14247;}First, you must include the JavaScript and CSS above in your app.
Second, add the view into your template (e.g. application.handlebars)
application.handlebars {{#view App.FlashView id="flash-view"}}Application
{{outlet}}Finally, trigger messages to be shown with the pushFlash function:
App.FlashQueue.pushFlash('notice', 'This actually works!!!');JS Bin
Read more »