text:
Recently, the ever-insightful Luke Wroblewski – a.k.a. Mr. Mobile First – shared a couple LinkedIn statuses about how the hamburger menu and attached sidebar are going to vanish from mobile apps / views.
Most comments went like:
I beg to differ, I have no data sheets to show you, I'm most certainly wrong, but here's my thoughts on the subject at hand.
Hamburger menus effectively hide navigation. Users don't know what they can do in the page, they see no options.
My mother doesn't get what those stacked lines stand for, and she will successfully ignore them every single time.
There are better options. If you give your navigation a proper structure, and organize it with a tap-bar / bottom-bar, cards, tabs, you should always be able to avoid the use of a hamburger menu.
Hamburger menus are cheap. I mean, we even call them names. We don't call them "menus", or "sidebar activators", nor "off-canvas navigation"; no, we call them "hamburger menus".
If something's got itself such a silly name, it must be bad. Right?
The key here is the word possible. Off-canvas navigation exists for a reason, it's a tool with a purpose. And you should use it.
A mobile app, a website – anything dealing with information, really – should have some degree of well-thought information architecture. The basics are easy:
You are not hiding any options. The most important actions are exposed, immediately recognizable, and easily reached. The second most-important ones are also exposed. But you have more, and you should use an off-canvas navigation for those.
Wait, I'm playing heretic here, so I think you should actually use an off-canvas navigation for everything.
Yes, expose the important options, then repeat them in the off-canvas navigation alongside the other options.
Sitemaps are overkill in a mobile view, but thank god we have off-canvas navigation patterns and in mobile views we should use them instead of sitemaps.
If you read this far, chances are you know about the F-Shaped Pattern For Reading Web Content.
This is all so a win that one should never, ever, dare to question it. I mean, it's as clear a fact as drinking water is necessary for staying alive.
Fact: Navigation goes to the left. And this is it.
Fact: a year after the publication of "F-Shaped Pattern For Reading Web Content", someone invented modern smartphones and now we are talking about Mobile First.
On a desktop web page you can rightfully expect to see a menu / sidebar / navigation thing on the left, because:
But in a mobile app, or in a mobile version / view of a web page:
And that's why – whenever I have enough menu items to justify the use of
a hamburger menu off-canvas navigation – I put it to the right.
I've also been known to put navigation to the right in web page views destined to desktop browsers, but that story is for another time.]]>
package.json as a contributor, for the sheer amount of feedback and for having added ngdoc support
dist-package grunt task, to get a packaged dist build in
I spent a lot of time in starting a good
README. Have a look at it if you'd like to know more about Angular Trumbitta!
I found out I'm not built for classic technical interviews. I'll go a step farther and declare I, in fact, hate the aforementioned kind of interviews.
And that's because they are useless. Their uselessness always hit me with such strenght I just freeze.
"But I just need to see how you think, how you approach a problem!"
Yeah, read my code on GitHub for that.
Seriously, stop asking a candidate to sort an array of integers.
Want to know how I approach the problem of sorting an array of integers?
Here's a copy-paste of my thoughts, straight from my mind:
At work:
In a technical interview:
And don't let me start with when I apply for a UX / front-end position, and not a single question about UX is asked. Just, you know, sorting arrays.
Or finding duplicates.
We are professionals, ask us to show you our work. Ask us to build things (and give us time to work on it without you staring at us).
We are professionals, stop asking us to solve solved problems.
There are only two kinds of people capable of brilliantly solving a solved problem:
The majority of us is neither.
pls, stahp]]>
You know that feeling. You stumble upon someone interesting at a conference, on Twitter, on Facebook, Reddit, Hacker News. And they are a developer.
Next thing you know is you are staring at their GitHub profile, lost in dozens – and dozens – of repositories. And there you linger, wondering how many of them are just quick experiments, and where the real gems are.
Where is that one repository this amazing developer is tenderly proud of?
Why, at the top of the first page, front and center.
So hey GitHub, please allow me to pin a featured repository of mine.
Also, I <3 you GitHub, octohire me!
(Discuss on HN)]]>
Quick post, this one.
Yesterday I envisioned some improvements to GitHub's home page.
This PDF is the result.
(Discuss on HN)]]>
npm install -g bower (you may need to use
We are not going to use grunt: a simple static server will suffice.
I like
serve (see the free chapter from my ebook about Bootstrap for newcomers), but
superstatic by Divshot is a great and more powerful alternative.
We are going to build a simple survey-like view for a dueling web application, where people can vote for one of the contenders and leave a comment with their vote.
The view will not be complete (no actual comment form, and so on…), but it will do the job it was designed for:
Here it goes the basic structure of our view:
And a bunch of minor details.
The code:
<!DOCTYPE html>

<meta charset="utf-8" />
<title>The Duel - Edison vs Tesla</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

THE  DUEL

Thomas Alva Edison  ·  Nikola Tesla

+1

Edison 40%

60% Tesla

 +1

Total: Edison 197 – 221 Tesla

Nick
I know for sure Mr. Tesla should win this duel. · +1 Tesla
T.J.
Dad says Mr. Edison is the smartest guy in town. · +1 Edison
John
The boss... Uhm... a friend of mine asked me to come and vote for Mr. E · +1 Edison
Elon
I like Tesla, good name. · +1 Tesla
Pidgeon
<3 <3 <3 · +1 Tesla

More

JSON

About

© ACME, inc 2013

And it should be like this:
Hey, not bad at all! Ok, my job here is done, goodbye… Wait! There's more :)
First of all, install
bootstrap-theme-supervillain with bower:
bower install bootstrap-theme-supervillain
Then, add the theme into the head section of the page, just after the original Bootstrap CSS:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="/bower_components/bootstrap-theme-supervillain/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
Resulting in this pretty page:
Ok. But we can – and will – do better!
Adding some custom classes and an id, we will obtain this improved page with gorgeous big progress bars featuring the two gentlemen facing off:
Here's the code, the images must be
<!DOCTYPE html>

<meta charset="utf-8" />
<title>The Duel - Edison vs Tesla</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="/bower_components/bootstrap-theme-supervillain/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
#survey .progress {
height: 110px;
line-height: 110px;
#survey .progress img {
margin-top: -5px;
#survey .progress .progress-bar {
font-size: 20px;
font-family: "Yanone Kaffeesatz", Georgia, serif;
line-height: inherit;
#survey .progress .progress-bar.text-left {
text-align: left;
padding-left: 10px;
#survey .progress .progress-bar.text-right {
text-align: right;
padding-right: 10px;
#survey .vote {
font-family: "Yanone Kaffeesatz", Georgia, serif;
line-height: 70px;
margin-top: 29px; /* (( 110[height .progress] - 92[height .btn-lg .vote] ) / 2 ) + 20px margin-top .progress */
.margin-medium-vertical {
margin-top: 20px;
margin-bottom: 20px;
.margin-medium-bottom {
margin-bottom: 20px;

THE  DUEL

Thomas Alva Edison  ·  Nikola Tesla

+1

Edison 40%

60% Tesla

 +1

Total: Edison 197 – 221 Tesla

Nick
I know for sure Mr. Tesla should win this duel. · +1 Tesla
T.J.
Dad says Mr. Edison is the smartest guy in town. · +1 Edison
John
The boss... Uhm... a friend of mine asked me to come and vote for Mr. E · +1 Edison
Elon
I like Tesla, good name. · +1 Tesla
Pidgeon
<3 <3 <3 · +1 Tesla

More

JSON

About

© ACME, inc 2013

Tesla: http://en.wikipedia.org/wiki/File:Tesla_circa_1890.jpeg
Edison: http://en.wikipedia.org/wiki/File:Thomas_Edison2.jpg
Just a bit more styling to the voting buttons and progress bars, borrowing 4 classes from
bower_components/bootstrap/dist/css/bootstrap-theme.css and properly adapting the colors to match Supervillain:
.btn-primary {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
.progress-bar {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
.progress-bar-info {
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
.progress-bar-warning {
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffeb54), to(#e6c92e));
background-image: -webkit-linear-gradient(top, #ffeb54, 0%, #e6c92e, 100%);
background-image: -moz-linear-gradient(top, #ffeb54 0%, #e6c92e 100%);
background-image: linear-gradient(to bottom, #ffeb54 0%, #e6c92e 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeb54', endColorstr='#ffe6c92e', GradientType=0);
And it's done! No, really: done as in done!
Bonus: of course it's responsive, and in its smaller form it only shows the picture of the current winner ;-)
Once again we used a Bootstrap component in a way that was not explicitly showcased in the official docs.
This time we also applied a ready-made theme and we built our customizations upon it, until we obtained a good-enough finished page.
This is an example of what Mark and Jacob mean for "intended use of Bootstrap".
And this is what you should always try to do when using it.
Also, this is what you'll want to do after reading an upcoming blog post, where I'll be introducing WrapBootstrap both as a resource and as a way to profit.
But with a bit of imagination, you can take advantage of labels in quite more interesting ways.
Let's see 3 of them.
Imagine you have a part of a web application, where you can choose tags and apply them to an item like - uhm - an X-Man!
Using labels as we know them from the docs, we'd have a situation similar to the following:
<select name="superpower">

Huge Whiskers
Blue Skin
Dumbass Glasses
Well, yes. But we can do better.
Let's make real tags of them, with a proper icon and a remove link.
<select name="superpower">

Huge Whiskers

Blue Skin

Dumbass Glasses

Better. But there's something even more unusual we can do if we want to improve this.
Yep, using badges.
The remove link will become a badge, and also a button for better styling.
As a finishing touch, we need a custom class to let the labels properly wrap the new elements:
.label-fatter {
padding: 0.8em;

Huge Whiskers

Blue Skin

Dumbass Glasses

Not bad, and you should be able to see where this is going to with just a bit more work on the CSS side :)
In certain situations, you could prefer a squared look instead of the rounded one of badges.
One way to obtain it, is to add a custom CSS class and override the rounded borders of badges.
Or, you could just use labels.
Let's see them in action:

it_IT Calcio

en_US Soccer

en_GB Football

Did you ever think about making labels out of
 elements?
I hope you are starting to see that Bootstrap is far more versatile than it may seem at first sight.
When I was starting with it, back in 2011, I was too much focused on grasping it as a whole and getting productive as quickly as I could.
Because if you are going to invest time into learning a new framework which can boost your productivity, that's what you want: get productive, and fast.
But now that I know more of Bootstrap, I am able to use it as I want and go beyond the natural ways of using its components.
Those first weeks, or months, are the most important because you are learning the basics. But at the same time those are the ones you wish you could skip in a minute.
I still feel this pain when I think of it.
Hell, I even wrote an ebook to help newcomers in learning the basics as quickly as possible and go back to the funnier and more productive things.
But I digress, and it's time to say goodbye.
Until next time!
The official docs show us a stateful, single toggle, button:
<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
Single toggle
After that, it's the turn of a checkbox group:

<input type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked)

<input type="checkbox" autocomplete="off"> Checkbox 2

<input type="checkbox" autocomplete="off"> Checkbox 3
Cool. Let's see what my friend S.C. Clarence has to say about it:
Yep, thanks Clarence.
Anyway. Let's just build a simple checkbox:

<input type="checkbox" value="" />
I have a thirst...
Then adding
data-toggle="buttons" and making a button of it:

<input type="checkbox" value="" />
Orange Mocha Frappuccino!
We now have a cool – if somewhat dangerous – toggleable single checkbox.
Finally, I'd like to introduce Bootstrap Switch by Mattia Larentis and Peter Stein.
Now maintained by Emanuele Marchi.
I always liked switches, both in the real world and in computer / smartphone interfaces!
Go take a look at the demo:
Or read the docs, if you want to use it in your projects:
That's it. Hope you liked these pills :)
P.S.: As you may know, I wrote a book about Bootstrap 3 to help newcomers and starters in getting productive as fast as they can without losing time going deep or getting stuck in the official docs.
I think it's worth checking it out:
As I start writing down this post, I know it will be fairly short: I have just a couple things to say, and one can only add a finite number of fillers to lengthen a couple concepts.
Consider yourself warned :)
If you don't know what Web Components are, please take a quick detour to this nice and rather hands-on introduction at CssTricks.com.
But - Hey! – I'm here to help, so here's a definition of Web Components straight from that introduction:
Web Components are the future of the web, and we are starting to get there (see the next evidence).
Chrome 36 was the first web browser shipping with a stable implementation of all 4 specifications of which Web Components are composed of.
Opera has since joined the ball, and Firefox is also improving.
Things will be removed, things will be changed and transformed.
The result will be something very very similar to a developer using Web Components to build their app.
Google is shaping the future of the web with Chrome and Angular.
That's why I'm betting on Angular, and I think you should too.
Ionic is a front-end SDK for developing hybrid mobile apps with HTML5.
And there's Angular at its core.
Material design is the new design philosophy and visual language by Google.
ngMaterial – or, Angular Material – is the official Material design reference implementation.
It is supported internally at Google by the Angular.js, Material Design UX and other product teams.
Also, main contributors of ngMaterial by Google are Ionic devs.
Ionic is here to stay, its peak is far away, and it will grow in prominence over the next couple years.
That's why I'm betting on Angular and Ionic, and I think you should too.
All you technical points are good. Maybe they're even perfect.
Angular and Ionic will win the JavaScript and mobile framework wars, nonetheless.
Because strategy and alliances are how you win a war, not your technical level.]]>
Yes you are. And I am special, too.
I think every human being is special, but only a few among us stand out of the crowd. Why?
Let's simplify things a bit and say we are talking about my own little niche of human beings: tech specialists, where tech is somewhat equal to Computer Science.
Why do I usually stand out of the crowd, when it comes to my work as a tech specialist?
Here are some of the reasons people come up with, when talking about me:
I've been training all my life. Literally, all my life. In fact, I've been training since I was a kid of 3.
I want to unveil the secret behind my superpowers, and I hope to make you start thinking about the power of good habits you keep on training all your life.
Ok I cheated. Being contemplative at age 3 isn't something you can just learn when you are – in fact – 3 years old.
But it's something I know where it comes from: my mother loved me dearly. She was my rock, she never lost her nerve with me. I was free to experiment and play, and all the time I felt safe.
She quit everything while she was pregnant and over the months after I was born. Alcohol, some cosmetics, everything. I didn't get any risky molecule before I was born, nor through her milk.
She cared for my alimentation. Lot's of cod and healthy food in general. I had my first bag of chips around 10.
And that's also why I remember so much about my first years.
The first time I came to know I was special happened when I was in kindergarten.
In a class full of kids of 3, you would expect a lot of noise at any given second. And noisy we were.
Our teacher, Miss Susanna, introduced us to Tom & Jerry.
Everybody was excited while she pointed at Tom on her illustrated book, then Jerry.
Noise, laughs, kids running everywhere.
Not me. I was seated at my desk, silent, and stared at the book for a minute then lowered my head and started playing with some toy I had picked in the classroom.
Miss Susanna noticed that, decided I was the only one who wasn't paying attention, and asked my parents to come visit and talk about my problems.
It happened during a normal day, in the classroom. Noise, laughs, and stuff. Seeing my parents there, I knew there was something strange going on. So I decided to pretend I was playing but instead pay attention at what they where saying.
"The boy is not normal, you should have him see some professional for – you know – help. I was talking about Tom & Jerry and everyone else was excited about them but little William." – she started.
Then she continued – "See? Sweeties, do you remember Tom & Jerry? Who are they?" – she asked to the class, to demonstrate her point.
Noise, laughs, and stuff.
"No one? Come on, who's Tom and who's Jerry?"
Noise, laughs, and stuff.
Nobody knew who they where, because nobody was paying attention when she was talking about them.
Nobody but one.
I raised my head, joyfully said something like "Tom is the cat and Jerry is the mouse! I like Jerry: he makes me laugh when he tricks Tom!" and continued to play with whatever I was pretending to play with.
Miss Susanna almost fainted, my mother politely thanked her and just walked away with my father, and nobody else ever thought I wasn't paying attention at anything.
Be contemplative. Always pay attention at what happens around you. Always.
Or, Eureka moments aka "Doctor Gregory House effect".
If you've started being contemplative and paying attention at what happens around you, it will pay out in the long run.
Eureka moments happen when you let third-party random inputs help you in solving a problem at hand, or come up with some new great idea.
Talk about connecting the dots.
This is not some magic or superpower, you must train for it. And it actually is easier than you think.
Look at comedians. They take a seemingly normal everyday fact, let it permeate their other thoughts, then BOOM! you are laughing.
Of course professional comedians are masters in this art, but even they started with the first step, right?
Your life is full of inspiration. Train your brain at being influenced by what happens around you. Take mental or real notes of whatever you experience and it's interesting: a flower, a word, a videogame, a story read while waiting for your turn at the barber shop, a song, really whatever entices your brain.
Someday they will start flowing back just when needed, and you won't have to do nothing but saying out loud: "Of course! I knew it!".
My wife says I know myself way more than the average Joe. And she's right: I've been training all my life for that.
When I've being lazy, unpolite, motivated, strangely happy, I can explain exactly why, if I want.
And just like with the other three points in this post, it's easy to start: for example, being contemplative about me I noticed that it's better for me to speak less after a glass of beer because I tend to instantly lose my politically correct self.
The beer thing is a start, but knowing myself allows me to act like a superhero at work now that I'm starting to master the art.
A couple years ago I was given the task of designing the UX for a new product in a market space I knew nothing about. In 4 hours. For a meeting with the big wigs.
Well, s**t happens.
So I grabbed the documents we had, and spent the first hour reading them and paying attention at every detail.
Then I fired up Bejeweled on Facebook and played for the whole second hour.
The remaining two hours I spent working at the UX in Balsamiq Mockups and then at the meeting I blew everyone's mind.
What happened?
There was chaos all around me, I was in a hurry, and felt the pressure of an incoming meeting with the big brasses.
But I knew myself, and I knew what I needed to do in such a messy situation:
Impressed coworkers and bosses often ask me how can I know so much about almost everything.
That's what they think, at least.
To be honest, I know a little about a vast amount of relevant topics, plus a lot about a couple ones.
The fact is, my little is still way better then their almost nothing. And these are highly skilled people who know a lot about their couple main topics.
Why is that?
Because I read. I read like a freak since I learned how to (at 6, like everyone else).
I read comics, novels, newspapers, programming books, song lyrics, blog posts, elevator signs, flyers, tweets, even videogame instruction booklets!
Well, honestly, who wouldn't read the Discworld Noir instruction booklet?
I read when I am in the toilet, I read during breaks in a TV show or even during the TV show itself if it's boring.
I read before getting asleep, and this is a pro-tip: what you read before getting asleep, your brain will better assimilate and it will put it aside for the exact moment you will need it.
I read. All that information is there for you to read it.
Time will come for some lateral thinking, and that Eureka Moment you were waiting for.
If you'll start doing all this things right now, time will come when you'll be in need for the right idea, or the right bit of information, at the right time.
And you'll just know it.
Like I just know it. Out of magic, no less.]]>
Yesterday, a younger colleague of mine and extremely talented designer, shared his latest mockup on our Basecamp.
As always, it was beatiful and well balanced… until my heart suddenly started to bleed while my inner Caesar was screaming: "Et tu, Brute?"
This is what I tweeted shortly after:
Having a "Choose" on top of a select form field, is like having a wood panel with a "Choose" sticker on top of your socks inside a drawer.— William Ghelfi (@trumbitta) May 22, 2014
Over the years, I ofter found myself having to explain to interns and young colleagues why this:
it's in fact always a bad practice, and how to avoid it in a bunch of different situations.
This time I'm trying to explain my opinion on the topic once and for all, really just hoping to end up having a handy link to point people to when needed.
Choose one... is bad
Let's examine the following HTML code:
<select name="icecream">
<option value=" ">Choose one...</option>
<option value="banana">Banana</option>
<option value="cream">Cream</option>
<option value="smurf">Smurf</option>
The problem is, that first option doesn't have any purpose which is suitable for an option.
That first
Choose one... option is there just to make you choose the actual option you wanted to choose in the first place!
It doesn't make any sense to have it as an option.
Making you want to choose an
<option>, is the job of a
. Not of another
The first rule of the Fight the
Choose one... madness Club is you always talk about it and you also use a
Choose an icecream:

<select name="icecream" id="icecream">
<option value="banana">Banana</option>
<option value="cream">Cream</option>
<option value="smurf">Smurf</option>
The second rule being: if you just have to use the word "Choose", use it inside the
Now that we know the basics, let's see it in action in a couple different scenarios and how you can choose proper first options in each one.
<select>, mandatory choice
When the
<select> is used to filter a list of possible items, you nearly always have to include a first show them all option.
Show superheroes:

<select name="superheroes" id="superheroes">
<option value="all">All</option>
<option value="flying">Flying</option>
<option value="super-force">Super-force</option>
<option value="super-sight">Super-sight</option>
value of the show them all
<option> could also be empty. It depends on your backend implementation and coding style.
<select>, not mandatory choice
Ok, I cheated.
The first example is valid in both cases.
It doesn't really matter if the choice is mandatory or not: when you have a filter-like
<select>, you can always avoid using the dreadful
Choose one... first option and stick with the winning label + show-them-all first option combo.
<select>, mandatory choice
When the
<select> is used inside a form to make you choose one out of some possible options, things can get tricky for the inexperienced Padawan.
Good for us all I'm writing this very blog post.
Consider this:
Choose your opponent:

<select name="opponent" id="opponent">
<option value="godzilla">Godzilla</option>
<option value="optimus_prime">Optimus Prime</option>
<option value="shaq">Shaq</option>
<option value="batman">Batman</option>
<option value="chuck_norris">Chuck Norris</option>
<option value="indiana_jones">Indiana Jones</option>
If Godzilla is the default opponent you want poor human fighters go against every time, your job here is done.
But you could also be a bit less evil and let those warriors try themselves against Indiana Jones by default – beware that gun, though!
Nothing easier than that. Just add a
selected="selected" attribute (or just
selected) to the desired
Choose your opponent:

<select name="opponent" id="opponent">
<option value="godzilla">Godzilla</option>
<option value="optimus_prime">Optimus Prime</option>
<option value="shaq">Shaq</option>
<option value="batman">Batman</option>
<option value="chuck_norris">Chuck Norris</option>
<option value="indiana_jones" selected="selected">Indiana Jones</option>
Et voilà! Indy is the first opponent.
<select>, not mandatory choice
Now what if the choice is not mandatory, what if I can skip it and walk away without fighting vs anyone?
You add a Monty Brewster option and call it a day.
Wait, what's a Monty Brewster option?
The following is a simple choose-one
<select> with a not mandatory choice, which uses a Monty Brewster option instead of a that bad bad bad Choose one… option.
Choose your opponent:

<select name="opponent-2" id="opponent-2">
<option value=" ">None</option>
<option value="godzilla">Godzilla</option>
<option value="optimus_prime">Optimus Prime</option>
<option value="shaq">Shaq</option>
<option value="batman">Batman</option>
<option value="chuck_norris">Chuck Norris</option>
<option value="indiana_jones">Indiana Jones</option>
value of the Monty Brewster
<option> can be anything you want. It depends on your backend implementation and coding style.
selected="selected" attribute.
As I hope to have demonstrated, it is always possible to avoid the use of the Choose one… first option in a
Using it is cheap, lazy, confusing to newcomers, and now you have this blog post with examples on how to implement the right thing.
What do you think about it?
Did you find a use case I forgot to cover?
Let me know on Twitter, or leave a comment below.
And if you are just starting with HTML (and CSS), I'm writing an ebook you might be interested in:
New year, new book!
During the last holiday season this winter, some friends of mine started to ask about my job and I ended up telling them HTML and CSS can be pretty easy to learn and fun to work with.
They didn't believe me, and challenged me to show them I was telling the truth.
Since I like challenges, if they are about something I love, I doubled up and decided to write a new ebook.
Let me explain it better with an abstract from the introduction of the book, which you can download for free – along with the first two chapters – from its page on Leanpub.
I started being online, on the Internet, in 1996.
I also started learning HTML, the HyperText Markup Language, in 1996.
Those were the days of "Wow! How is it done?" and of "Let me check what happens if I right click… just… here." and then a promising
View HTML menu item would appear to bring you in the realm of the unknown.
As it happens, nothing has changed.
HTML is still there – although now tightly coupled with its Best Friend Forever the CSS, Cascading Style Sheets – and its importance has not decreased.
You learn HTML and CSS because:
In 2014, if you want to learn HTML and CSS you have great resources at your disposal all over the web. Both free and on sale.
What you didn't have, it's a guide which is pragmatic and to-the-point, somewhat funny to go through, and puts together your first steps with HTML and CSS in a single, easy, path.
If that's what you think you need to learn something new, and that something is HTML and CSS, I'm writing this book for you.
To let you learn the basics, being able to create something which is yours and it's a good start, and have some fun in the process.
First things first, by Chapter 2 you'll have put together the tools of the trade and then used them to publish online your first simple page, because that's what this is all about.
The next couple chapters will focus on what defines a minimal HTML document, but they will also quickly go on showing the first group of useful HTML elements.
Those you'll use well and often, and soon enough they will become like a second language to you.
Meanwhile, throughout the whole book you'll also keep excercising with simple hands-on tasks which will immediately give you the opportunity to put to good use what you just learned.
It will be then time to introduce the CSS, quickly showing the most useful properties in the topics of typography, positioning, and more.
Then, having learned about positioning, you'll see the common elements of a classic layout, the not-so-common elements of a classic layout, and a solid introduction to some – guess what? – classic types of layout.
By the following chapter it will be about time to cheat a bit, and you'll encounter the magic of CSS grid systems which basically do all the dirty work from the previous chapter and leave only the fun parts for you to enjoy.
After a couple more useful HTML elements like forms, tables, and others, there will come my favorite chapter – with subsequent hands-on time – where you'll have some fun with background images, gradients, borders, and shadows.
Next to the end you'll learn about web fonts and icon fonts, which are two of my favorite innovations of the last years and together can greatly improve the beauty and usability of any web page.
I'll bid you farewell with a chapter about the next steps, where to go after you close this book and how to keep on learning and having fun with HTML and CSS.
There are also three appendixes:
You know, just to give you an idea of what's still out there for you to conquer.
And now… action!
Hi William,
I recently bought your book. I think its great! Very useful information and you didn't hold back on examples.
I am writing a book on Clinical Documentation. It's focused on teaching doctors how to write patient notes or their findings.
Would you suggest using a template? What e-book software did you use?
Do you have any ideas on free options for drawing up an e-book?
Best, Vic Phillips
He's also writing a book, and asked me what tools I used for mine. I thought it would have been nice to write down something about my toolchain, hence this blog post.
I wouldn't be able to make any progress without my retina MacBook Pro. Its awesome battery life, CPU power, SSD storage and 16GB RAM really made the difference.
I was able to use all the software you are going to read about and keep them all open at the same time without any problems ever.
I kept the whole project in a private git repository on BitBucket.
Using git allowed me to test some variations and to better organize the progress of the work, but also saved me some bandwidth thanks to its good-enough use of deltas also for binary files.
I wrote the whole thing in Markdown on Sublime Text. I chose Markdown because it's a simple enough plain text format and gets nicely formatted once I need a quick preview.
I wrote an outline, then a file per chapter. The order of the chapters changed a bit during the final revisions and I also ended up splitting the book into two sections: Knowing Bootstrap and Using Bootstrap.
You can find the final table of contents in a previous blog post.
The screenshots were all taken from Safari. Its iconic visual design is just the perfect kinda neutral chrome for screenshots.
I then cropped and adjusted them a bit in Photoshop whenever needed.
The actual ebook was then composed in iBooks Author.
iBooks Author comes with a good, if tiny, collection of templates. If you need more, there's plenty on iBooks Author Templates.
By the way, I wanted my ebook to be personal, simple, and different from any other book out there. So I just took one of the default templates and stripped it down of every color and shenanigan.
Once I obtained a clean foundation, I started adding my own styling for the Chapter, Section and Page layouts.
I also created my own styles for the various textual components: headings, paragraphs, and the like.
When I was ok with the results, I started copying the markdown text into iBooks Author and applying my styles to it.
For the code snippets the book is filled with, I used a dirty trick: I set Xcode to my syntax highlighting style of choice, copied a code snippet, then used Paste and Retain Style inside iBooks Author.
Since I chose a dark color for the background, I just had to set it again for the paragraph because it doesn't get retained when you copy it from Xcode.
Once the book was done, I just exported it in PDF.
Last but not least, my ebook has a landscape layout but iBooks Author only knows how to deal with portrait covers. So I had to design my cover in Photoshop and replace it using Adobe Acrobat Pro.
Thanks Adobe for your 30-day free trials!
Just a quick list here:
And that's it :)
I originally wrote this article as a lesson for my 30-day free course about Bootstrap 3 tips. That's why the closing "Goodbye" paragraph may sound odd to you.
More info, and the chance to subscribe to the free course in 8 lessons spanning 30 days, at the bottom of the article.
I like Bootswatch. Thomas Park was the first at trying to define and streamline a suitable approach to theming for Bootstrap.
Bootswatch is still kicking, and rocking while at it.
But I like Themestrap more. I only recently looked at it, because when it came out it seemed to me just another Bootswatch.
Turns out I find Themestrap easier to use for building Bootstrap themes. But don't take my word for it, let's instead build a theme with Themestrap right here, right now.
I'm going to take inspiration from a classic Bootstwatch v2 theme, Superhero, and name my theme Supervillain instead :p
You can choose any name for your theme. Just try to be creative, it's fun!
Let's clone a copy of Themestrap as the README tells us to do:
$ git clone https://github.com/divshot/themestrap.git bootstrap-theme-supervillain
We then have to edit bower.json to adjust some properties:
"name": "bootstrap-theme-supervillain",
"version": "0.0.1",
"private": true,
"author": "William Ghelfi",
"main": "dist/css/bootstrap.css",
"themestrap": {
"name": "Supervillain",
"repo": "https://github.com/trumbitta/bootstrap-theme-supervillain"
// omitting the rest of the file for this snippet...
The most important are
name and
author, while
themestrap/name and
themestrap/repo are only useful if you are going to publish your theme on GitHub and sharing it with bower (more in this later).
All set! Time to start it up.
First time only:
npm install && bower install
Then a first all-around build:
Followed by:
grunt serve
And we are ready to go with countless cycles of editing and live previewing our work.
Point your browser to
The are two main files to take care of. They are both in the less directory.
The page we see at
localhost:8000 is built from
pages/index.html. It includes information
from bower.json and the whole
README.md, which you may want to properly edit if you are going to make your theme public.
The starting page also links to another page: "Kitchen Sink".
Follow now the link to the Kitchen Sink.
That's our sandbox and playground, and its source is
pages/examples/kitchen-sink.html but we don't usually need to edit it.
Ok, time for the fun to begin!
variables.less, you'll see 600+ rows of - well - variables. But fret not, my dear, because we can focus on the first 56 rows and still bring home some nice results.
Let's fiddle with the
@brand- group of variables, starting from line 21.
Those variables are the ones piloting the most part of the overall color scheme.
Change the values to some odd, flashy colors (what? Hey! I only use odd flashy colors when I'm debugging or exploring something new!) and hit refresh in your browser to start getting to know what's going on and what you can expect of your endeavours.
The group before this one, the
@gray- group, is for the various grays in Bootstrap's default theme. You can leave it alone, or tweak some of the grays to better match your other colors, maybe.
Other colors are scattered all over the
variables.less file but it should not be difficult for you to experiment and edit them as needed (or just leaving them alone).
Finally, there's another important group of variables starting at line 362: the "Form states and alerts" group.
These variables control the colors of alerts and other stateful components like form validation and more.
You can - wait for it - play with them as well.
Another nice touch is to add some webfonts. Head to Google Web Fonts and choose two nice fonts.
Import them inside
@import "bootstrap.less";
// Add CSS Customizations to your theme here.
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Yanone+Kaffeesatz:400,700);
Then edit accordingly the
@font-family- variables starting at line 42 of
This is the easiest part: just take
dist/css/bootstrap.css or
dist/css/bootstrap.min.css and link them in your HTML just after the original Boostrap css file.
You could remove the original file and replace it with yours, but unless the speed gain is important to you I'd keep also the original file just in case.
The process of sharing your theme is well explained in the
README.md file.
Just make sure to edit the
README.md itself before registering your theme as a bower package, filling it only with useful information about the theme.
For a brief but clear example, take a look at the contents of Cirrus Theme's
# Cirrus Theme for Bootstrap 3
Cirrus is a light, modern theme for Bootstrap 3 built on the [Themestrap](https://github.com/divshot/themestrap)
foundation. You can install it like so:
bower install bootstrap-theme-cirrus
You can [see the GitHub pages](http://code.divshot.com/bootstrap-theme-cirrus/) for a live demo of how it looks and further instruction. Enjoy!
## Copyright and license
Copyright 2013 Divshot, Inc. under [the Apache 2.0 license](LICENSE).
So, welcome to the world of Bootstrap themes!
From now on, it's just a matter of good choices and design.
My own theme is at http://trumbitta.github.io/bootstrap-theme-supervillain/.
It's still a work in progress, but I like it so far.
P.S.: As you may know, I wrote a book about Bootstrap 3 to help newcomers and starters in getting productive as fast as they can without losing time going deep or getting stuck in the official docs.
I think it's worth checking it out.
Bootstrap In Practice is live now.
For those who don't know, Bootstrap In Practice is my introduction to Bootstrap 3. I filled it with examples and made it a guide to help newcomers jump right into the framework and be productive from the start.
Here's what two early readers have to say about the topic:
I'm in the book and I'm still going to buy a copy.
It is that good.
Justin Dorfman, Bootstrap CDN · powered by MaxCDN
Having been a programmer for the last 30 years, I didn't know anything about web design.
With Bootstrap In Practice, I was finally able to take Bootstrap for a spin.
And I like it!
Rinaldo Bonazzo, Product Specialist Manager at Entando
You can see all the extras, download a free sample chapter, and buy a copy of the book, on its dedicated page.
Please let me know if you have any questions!]]>
It's been a long ride, and I am tired but happy. I learned a lot about me and about things I didn't know.
But let's go straight to the important stuff!
Bootstrap In Practice is a 197 pages long PDF filled with examples.
Here is the table of contents:
1 · What's Bootstrap
2 · Your First Page
3 · Styled HTML Fundamentals
4 · Components
5 · JavaScript Plugins
6 · Resources
7 · A Landing Page
8 · Create, Update, Delete, (Hit) List
9 · A Blog Post
This is the book I wish there was two years ago, when I started using Bootstrap.
It will help you to quickly grasp the basics (well, much more than the basics actually) and get productive in the littlest time possbile.
Included with the book, there are also quick but insightful textual interviews with five champions of the Web and Bootstrap.
I put together a hands-on complete package which includes:
I asked to the mailing list what part of Bootstrap was the hardest to understand for the newcomers, and the response was clear and loud: the new grid system.
So here's the new grid system, tamed for free.
To everyone who has helped, inspired, supported me, thank you so much! And to my wife, who always gives me strength right when I need it: I love you!
Bootstrap In Practice goes live tomorrow. Stay tuned!]]>
If you already subscribed to the mailing list, you may have received a little sneak peek with the Table of Contents plus the Introduction and the interview with Mark Otto, creator of Bootstrap.
I'm linking it again here, just in case: Get the sneak peek [PDF · 3MB]
I plan to release Bootstrap In Practice on a mystery day from Sept. 5th to Sept. 8th.
There will be a "launch day sale", so for the first 24 hours the prices will be lower.
The day before the launch, I will send an email on the mailing list announcing it. So, basically, if you are on the mailing list you will know about the launch day in time for the launch day sale.
These final days I'm working hard to finalize two different packages for you to choose from:
Also, on the final sales page I will include a sample chapter, different from the sneak peek, and covering your first page with Bootstrap 3 as we learn about the new grid system.
So, the time is coming. In less than 10 days, Bootstrap In Practice will be here.
Stay tuned!]]>
Sorry Plauto: metablog just wasn't cool enough. William Ghelfi in This very blog post.
Hello! Since I was going to redesign my blog using Bootstrap 3, I thought it would be fun to document my step-by-step progress in a blog post. Or, in other words:
So this is the plan, and this also why for some time you should expect discrepancies between blog posts' look & feel and the overall design of the website. as I rewrite the various layouts and includes in Octopress.
Anyway. Here we have the minimum core of a proper blog post, and we also started to set it up with Bootstrap 3:
<!DOCTYPE html>
<title>Bootstrap In Practice - Blog example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet" />

<time datetime="2013-08-11T17:55:00+02:00">Aug 11th, 2013</time> |
Comments

Sorry Plauto: metablog just wasn't cool enough.

William Ghelfi in This very blog post.

I have a plan

Hello! Since I was going to redesign my blog using Bootstrap 3, I thought it would be fun to document my step-by-step progress in a blog post. Or, in other words:

So this is the plan, and this also why for some time you should expect discrepancies between blog posts' look & feel and the overall design of the website. as I rewrite the various layouts and includes in Octopress.

A beginning

Anyway. Here we have the minimum core of a proper blog post, and we also started to set it up with Bootstrap 3:

Up there in the head, Bootstrap from the great guys at NetDNA — hey, thanks again!

An wide and centered article, slightly narrower at desktop sizes and which is containing the whole post

A nerdish title for our post, followed by a publishing date and a pointer to the comments section. All of them packed into a header element.

An intro with accompanying picture

head, Bootstrap from the great guys at NetDNA — hey, thanks again!
header element.
Before proceeding further, let's adjust the font size for an easier reading. We are all here on a blog, reading a blog post, after all.
I'm going to add some overriding styles using a
style element into the
head of this document.
/* Overriding for fun and profit */
body {
/* 17 is better than 16 is better than 14 */
font-size: 17px;
pre {
font-size: 16px;
While this is perfect for showing all the code in a single place, for real world scenarios it's always better to put the stylesheets into separated files and link them back into the document.
A good name for such a file, would certainly be something like
And, since nobody likes code snippets without syntax highlighting, we are now going to add Prism by Lea Verou to our blog post. I'm leaving out line numbers, because I got some problems with vertical alignments.
<!DOCTYPE html>
<link href="prism.css" rel="stylesheet" />

Not much pain. We only needed to add the js library and our theme of choice — I chose Twilight — and now we are good to go.
This blogception is coming to an end, so we need to add the closing bits:

Posted by <address class="author">William Ghelfi</address> on
<time datetime="2013-08-11T17:55:00+02:00" class="published">Aug 11th, 2013</time>

Bootstrap
CSS

← Bootstrap in Practice: A Landing Page

Fake Title →

Before saying goodbye, we are going to prettify things a bit.
Stay with me while we add a nicer font for the headings, push the opening date and the link to the commens above the main title, and adjust some margin and padding here and there:
 ... <link href="//fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css" /> ...
I'm not sure I won't come back to the code and refine some edgy corners — for instance, I'm not quite happy with the overall vertical rythm — but the final result plays nicely with a Mobile First approach and I hope to have accomplished the mission: showing how to create a clean and readable blog post with Bootstrap 3!


text:
Travel Advisory; Squaw Valley's Newest Resort
Published: January 6, 1991
Since the 1960 Olympics, Squaw Valley, Calif., has been known as a major ski resort. Its dimensions -- 2,850 vertical feet, 4,000 acres of skiing, 26 chairlifts, a tram and a gondola -- support the label, but Squaw Valley has never had sufficient overnight accommodations within walking distance of lifts.
The Resort at Squaw Creek, which opened Dec. 20, seeks to change that with its 405 rooms and suites, which have been added to the 60 rooms and 300 condominium units that previously existed at the base of the mountain.
The new resort is about a half-mile from the main base lodge. A high-speed triple chairlift takes skiers to the top of Snow King Mountain (formerly Red Dog Peak) at 7,550 feet, from which they can ski to lifts, trails and base facilities.
The Squaw Creek resort consists of two buildings, a nine-story hotel and a shorter structure that varies from one to three stories and contains four restaurants, some retail shops, a fitness center and some conference rooms.
In addition to skiing, Squaw Creek, on Lake Tahoe, offers skating and cross-country skiing in winter, and tennis, horseback riding and an 18-hole golf course, opening next summer.

subset: commoncrawl


text:
Discussion in 'The NAAFI Bar' started by smoojalooge, Mar 20, 2007.
The heart of the site is the forum area, including:
twA t.
had a mate who used to go into macdonalds.
flop his c0ck on the counter & ask if the young lass if she had a bap big enough for it.
Some balls to do that
No pun intended
Separate names with a comma.


text:
Mal de pierres
Fast & Furious 8
Die Blumen von gestern
The Boss Baby
Guardians of the Galaxy Vol. 2
Beauty and the Beast
Ghost in the Shell
Top 10 flops of the 00's
A CIA analyst is sent into the field to resolve an explosive investigation. Melissa McCarthy in a new deranged...
film reviews
A hit man hired to kill men from the future one day faces his older self as a target.
Show all
As if there weren't enough writers in New York already, with thousands of authors pounding out new stories on their computers. Rory (Bradley Cooper) is talented, but no one
A failed writer discovers a miracle drug that makes him extremely successful. Starring Bradley Cooper and Robert De Niro.
Dumped by his girlfriend and suffering from
auspices, with Bradley Cooper supported by a team of big names (Sienna Miller, Omar Sy, Daniel Brühl, Alicia Vikander, Emma Thompson and even Uma Thurman), Oscar nominated
the urgency of his precarious financial situation causes him to make bad choices and clash with Avery Cross (Bradley Cooper), an ambitious young cop who wants to do better than
Ridley Scott, director of classics such as «Blade Runner», «Alien», «The Duellists» and «Gladiator» was threatened to death on the set of his latest movie «Kingdom of Heaven» by
Ridley Scott has been praised for his latest movie «Kingdom of Heaven» in which he tackles a delicate matter – the Crusades – but succeeds in avoiding stereotypical views of
Chris Penn died of natural causes, says coroner.
After weeks of speculation that Chris Penn committed suicide or overdosed on drugs, the Los Angeles coroner has put those
In time, the trio of «Harry Potter» actors are getting closer – much closer.


text:
See All
Video Recipes
"Pachakam" means cooking in kerala and Pachakam.Com welcomes you to the magnificent world of easy and healthy Indian cooking with a probe into the fascinating Indian cooking recipes. Cooking is not just about making food but is an art of presenting your culinary skills to those who love food with a different flavor and Indian cooking, by no means is an exception.
A very common egg roast
Category :
Published On: 22 Apr 2014
Boil egg and keep it aside.
Heat a pan add oil in it and when it gets hot add onion , ginger , garlic and saute it well.
When it gets brown .
Add tomato in it.
Stir well.
Stir for 5 minutes.
Add coriander powder, turmeric powder, chilly powder, garam masala and salt.
Enter Step
Stir for 3 minutes.
Add egg by slicing little on its egg white so that the masala get mixed with it.
Stir well and close it for 5 minutes.
Transfer to the serving dish.
Kerala Vegetarian Side dish ...
Easy Breakfast ...
Egg Thokku is quick fix South Indian dish prepared with egg...
Egg masala curry with coconut milk is a tasty kerala style e...
Egg is cooked in thick coconut gravy.This dish is easy to ma...
To kick start your day, always include an egg in your breakf...
Nizana Shammas is a hosewife who has lots of interest n cooking. She is an expert in providing various traditional recipes.
Renukadevi Kumanan is a well versed person in providing varities of South Indian recipes and also some modern recipes. She used to try varities of recipes from different cuisines.
Sign up to receive email updates for New Recipes/Special Announcements


text:
April 29, 2017 Disclaimer: Please read.
Statements and opinions expressed in articles are those of the authors, not Truthdig. Truthdig takes no responsibility for such statements or opinions.
Rich Germans Want More Taxes
Posted on Oct 25, 2009
While America's super rich are coping with bailouts and bonus envy, a group of well-to-do Germans, led by a brewery heir, has delivered a petition demanding a 5 percent wealth tax—on themselves. Imagine if Pete Coors demanded that the government spend more of his money on "ecology, education and social justice."
Of course, America is not bereft of benevolent richies. Dieter Lehmkuhl would get a run for his money from the likes of George Soros and Warren Buffet, the billionaire who has famously said he doesn't pay enough taxes. —PZS
New and Improved Comments
If you have trouble leaving a comment, review this help page. Still having problems? Let us know. If you find yourself moderated, take a moment to review our comment policy.
Join the conversation
Load Comments
By kaydude, October 26, 2009 at 1:40 pm Link to this comment
Was it Voltaire who said, "Behind every great fortune is a great crime"? Neither Mr Soros nor Mr Buffet are rumored to be donating any extra money to the US Govt, as ANY person is able to do who does not merely wish to pay LIP SERVICE to the idea of paying more in taxes. Just contact the IRS for instructions. Mr Soros WAS well known to be funneling money into Mr Obama's political campaign, and HE in turn appears to be hard at work creating that 'underclass of sufficient size ...[for]...substantial change…[to]...take place' that Blackspeare mentions in his post.
By Terry, October 25, 2009 at 10:19 pm Link to this comment
but, that is socialism! Oh my! Rush will have a fit!
Right Skyscraper, Site Wide
Right Internal Skyscraper, Site wide


text:
Welcome! Thanks for stopping by! Earth & Oven is a little corner of the web with a heart devoted to wholesome(ish) vegetarian food that fills you up, looks rockin' on your plate and gets your tastebuds doing the shimmy.
I live and breath for creating simple whole food ingredients with killer flavours that make you say uhm, yes!
Don't let that angelic bundle of kale fool you.
I'm a kale salad with miso-buckwheat-hemp-and-tahini for lunch and yet a beer and a veggie poutine around 9pm kinda gal. Just go with it.
This means my recipes may involve an unapologetic splash of butter and salt, but my background in Nutrition means you'll likely never see me dabbling in refined sugar, processed oils or refined grains.
I've been blogging all over the map since 2012 and I have developed a major crush on recipe development, creative writing and food photography in the process.
Currently I am nestled downtown Toronto with my partner Peter, where I hustle as a recipe developer by day and bloggerista by night. In other words, I never stop thinking about what to put in my mouth.
Wanna be foodie pals?
I love to hang out on instagram, Facebook & pinterest!
Get in touch with me personally here.


text:
God is a Kid with a Magnifying Glass on a Hot Summer Day: Zambrano Out
Carlos Zambrano left today's game against the Marlins in the third inning with "stiffness in his back." Awesome. If there's one thing this Cubs team needs, it's more injuries.
Carlos Zambrano left today's game against the Marlins in the third inning with "stiffness in his back." Awesome. If there's one thing this Cubs team needs, it's more injuries.
It's easy to pin this one on Carlos Marmol, but it has just as much to do with the lack of offense – specifically the 0-fer in the top two[Read More…]
The Chicago Cubs sent pitcher Mitch Atkins back to AAA Iowa yesterday, and are expected to recall outfielder Sam Fuld later today before the game against the Florida Marlins. The[Read More…]
You have to wonder whether Reed Johnson going down will change the Cubs' outfield priorities, but for now, it appears they're still looking for a corner outfield bat from the[Read More…]
Following the Chicago Cubs' crushing and embarrassing sweep in the playoffs last year at the hands of the Los Angeles Dodgers, manager Lou Piniella was ardent in his support for[Read More…]
Well crap. I say that not because I am (was?) a huge Sammy Sosa fan. Sure, his dual with Mark McGwire in 1998 was unreal (actually, I guess it was),[Read More…]
Derrek Lee hit a grand slam and the Cubs won again. Great. But at what cost?
What is that, 7 down, 18 to go? Cubs starting pitcher Carlos Zambrano had to leave Sunday's game against the Florida Marlins in the fifth inning after straining his left[Read More…]
Ted Lilly was dominant but only one man deserves enhancement on this day.
A comeback victory? That's un-possible!
Well, that was certainly an ugly 10th inning.
When the Chicago Cubs acquired Antonio Alfonseca and Matt Clement from the Florida Marlins in 2002, many fans (including me) saw it as the true turning point. It was the[Read More…]
I can't say I'm surprised: Lou Piniella today announced that Kevin Gregg – and not Carlos Marmol – will begin the season as the Chicago Cubs closer. Rue if you[Read More…]
Chicago Cubs manager Lou Piniella has said he's likely to announce the team's closer for the upcoming season by the end of this week. Despite popular opinion to the contrary,[Read More…]
The Chicago Cubs keep losing fake, meaningless, exhibition, practice, unreal, fun-run, Spring Training games. And Lou Piniella is pee-ahssed. He sees the problem, and wants somebody to FIX it. "I'm[Read More…]
Bleacher Nation Privacy Policy and Terms of Use. Bleacher Nation is a private media site, and it is not affiliated in any way with Major League Baseball or the Chicago Cubs. Neither MLB nor the Chicago Cubs have endorsed, supported, directed, or participated in the creation of the content at this site, or in the creation of the site itself. It's just a media site that happens to cover MLB and the Chicago Cubs.
Bleacher Nation is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.
Need more baseball goodness? Check out Baseball is Fun - Videos, Plays, and Other Baseball Fun.


text:
The Winner of Our Trip to Palm Beach, Fla. to See Luke Bryan Announced
Congratulations to Lisa Hooper — she's the winner of our trip to West Palm, Fla. to see Luke Bryan!
Congratulations to Lisa Hooper — she's the winner of our trip to West Palm, Fla. to see Luke Bryan!
The first-ever Tropical Nights country adventure in Riviera Maya, Mexico is truly looking to be a milestone in country music. Dierks Bentley, Brantley Gilbert, Billy Currington, and Jana Kramer each headline one full night of music during this five-day/four-night vacation adventure in the most beautiful place in the world.
Congratulations to the most recent winners in our VIP program!
It's the biggest show in country music, and we want to send you there.
Carrie Underwood and Brad Paisley will host the 2013 CMAs, and we've got your chance to sit in the audience...
A marketing company in Waco, Texas, has created an unusual new type of decal, and it's causing quite a controversy.
Convicted Cleveland kidnapper and rapist Ariel Castro was found dead late Tuesday in his prison cell in Ohio. The New York Daily News reports the 52-year-old hung himself.
Folks in the Bangor area have eagerly watched the construction of the new Cross Insurance Center on Main Street. It's big and beautiful on the outside, and now folks can attend an open house to see just how beautiful it is on the inside!
You know Publishers Clearing House, but do you know sometimes people actually win the contests?
They say home is where the heart is. It's also where the depleted bank accounts may have gone, if you buy one of these homes.
Congratulations to Gladys Coley — she's the winner of our trip to Los Angeles to see two live tapings of the NBC hit talent competition, 'The Voice.'


text:
The evolution of our glands!
We hear much about being a victim to our glands nowadays as we deal with the growing problem of obesity, type two diabetes and the epidemic of ADHD, anxiety, depression, eating and sleeping disorders and self medicating for inner pain or chaos. If we resort to a defense that it's my glands, "I can't do anything about it", we are giving away our power and are setting ourselves up for not only shorter lives than our parents but troubled lives full of unnecessary pain and suffering.
We evolved along with our glands over the last million years, which in perspective is eleven hours and fifty minutes on the twelve hour clock representing the time we have moved from the trees to the plains and finally into cities. For eleven hours and fifty minutes we moved from scavengers to hunter gathers. For the last ten minutes we moved from herders to agriculturists and finally into city dwellers. So for the vast majority of our existence as hominoids our glands had to only deal with the discovery of a fruiting bush or catching prey or escaping and not being prey.
Our pancreas evolved along with us. For millennia it had to deal with us as hunter gathers, finding a fruiting tree or bush or if really lucky, a bee hive. These were seasonal and exceptional but essential to our existence. We also evolved taste buds that are directly linked to our basic brain to help us seek out these important food stuffs. Sugar, salt and fat were rare but essential to survival. Salt, in our history, was more expensive than gold and in prehistory we sought out the same salt licks as did the animals around us. Fat was a precious commodity and gave those hunters status when they shared their bounty with their community. The animals that had the fat were not generous with their gift of life to us, as it meant their death. They did not have hooves, horns and teeth only for show and were prepared to use them in self defense, while we had none. We engaged in a primitive arms race with them, beginning to throwing rocks, then to bows and arrows to close the gap which enabled us to raise our sights from rats and rabbits to mammoths. Rats may have adapted to this arms race but mammoths are now extinct. Sugar did not exist except in berries, fruit or in the honey of bees and none were there in abundance year round and none were easy to access. Fruit was out of reach up trees after the animals ate the low hanging or dropped choice ones before we even got there, berry patches were the property of the bears, who wouldn't mind a bit of protein (us) with their berries. Honey bees did not welcome your intrusion but defended their hive with vigor.
If your distant relative came upon a five pound bag of white sugar in the field they were walking across you would find their body beside it the next day. Sugar, the bane of our modern civilization, is a modern manufactured product and our bodies, glands and minds are totally evolutionary unprepared for the consequences of this toxic addiction.
Our ancient forbearer's pancreases were set up to deal with about half a dozen insulin responses a month but modern North Americans have about ten to fifteen insulin responses a day. Where as sugar was once a treat that was rare, seasonal and mostly found in complex carbohydrates that we had to digest to access, now it is available everywhere. Most of our fast foods and most of our produced foods are loaded with it along with the simple carbohydrates that we turn into sugar. Our poor little pancreas that was designed and evolved to handle the eleven hours and fifty minutes of our twelve hours of existence is now abused daily as we fill our addictions to sugar with slurpies, monster drinks, fast foods, and processed foods that fill our convenience and grocery stores and the myriad of fast food restaurants that surround us. What has this poor little gland ever done to you to experience such abuse? You might as well just stomp on it. So with chronic overuse we put ourselves at risk for type two diabetes, obesity and the host of companioning health complications that go hand in hand with such glandular abuse.
The other overused and misunderstood glandular system is our adrenal glands. These thumb sized glands located on top of each kidney were an integral part of our evolution. As hunter gathers we were designed to conserve energy. Back then the greatest danger to our survival was starvation. We evolved brown fat, our metabolic thermostat, to help us control how fast we burn calories. It was in our long term interest to go slow, gathering the tubers, insects and other sources of food in our environment while conserving calories to protect us when the land went barren because of drought. While going slow to conserve scarce and hard to find calories we would occasionally come across more abundant sources of calories like rats and rabbits or even a deer, while at the same time exposing our calorie rich bodies to predictors who would love to invite us to lunch. This is where our adrenals came into play. We would hear a branch snap and instantly freeze, look to the sound, take a deep breath and while holding it do the body builder's crunch. This would help us decide if this is our lunch or if we are on the menu. The deep held breath, gives us no hindrance to our hearing, as well with the crunch oxygenates our blood as in that split second we decide on either flight or fight. While this is going on our adrenals pump exotic go fast drugs into our blood stream like adrenalin, so like a nitro dragster we can access this super fuel to either run after the rabbit or to run away from the grizzly bear. We never sat back and philosophized about the rabbit or the bear or you ancestors would not have survived, we acted. We were never supposed to have these go fast chemicals in our blood but burned them off either chasing lunch down or running away and not becoming lunch. How many rabbits have you ran down this week? How many bear attacks have you ran away from? But I am telling you, that your adrenals have responded in kind to many sources of stress; parents, kids, teachers, girl or boy friends, police, traffic etc. etc. All have stressed you our and you adrenals, not distinguishing between real threat versus perceived threat, have filled you up with go fast drugs and you did nothing but suck it up. These go fast drugs were never intended for long term exposure but we burnt them off with the behavior of running away or running after. Now, after domestication into our modern civilization, we just suck it up and go on but not without major effects on our lives.
I recommend to all my clients that they spend at least twenty minutes every second day, every day if they are suffering from anxiety, in aerobic exercise with anaerobic intervals to burn these exotic drugs out of your system. Running, power walking, cycling, swimming are just some of the ways to deal with these go fast drugs and to burn them out of your system. Your brain will reward you with a dopamine release for a job well done when you burn off these go fast drugs. Before a bike ride, my brain is reeling with the stresses of client problems, family stresses (I have four adult children and one grandchild), relationship stress, scheduling issues and on and on but after the ride I can barely remember what was stressing me out.
Gotta love that dopamine!
So get to know your glands and how they work. They can either be your friends, if you understand how they evolved and how they work, or your enemies if you ignore them. This is not a passive battle. Major corporate players know how you work and have spent billions on you developing addictions to their products. Like cigarette companies, they get away with this corporate abuse because their products kill you slowly. They can suck huge amounts of funds from you as they load you up with the salt, sugar and fats in their engineered products, that are designed to link your innate desire for sugar, salt and fat, programmed by the eleven hours and fifty minutes of evolution, when these items were rare, so that now with a fast food restaurant or grocery store are on every corner there is a conveyer belt of this crap aimed right down your throat. They employ industrial psychologists with billions invested in research and know exactly what they are doing. With a similar morality as the cigarette industry they are willing to make a buck off of your evolutionary make up and your lack of knowledge as to how your glands really work.
Your best defense is in knowing how you and your glands work. If you owned an expensive car you wouldn't drive it in first gear at a hundred miles an hour, you wouldn't put cheap tainted fuel in the gas tank, you wouldn't leave the oil in it until it was like glue and you wouldn't wash it with sand paper. Yet we do this with our bodies when we eat the crap they feed us and when we endure the stress that is internally created in our over the top societies.
So watch what you eat, burn off those go fast drugs and think about your thinking. Your body is not something you can trade in like a worn out car. You will need it for the rest of your life so you might as well enjoy living in it as well. Learn to operate it correctly so that you get maximum enjoyment out of that piece of meat for as long as it lasts.


text:
[S-R] Re: 1869 Hungarian census
Expand Messages
- Thanks! Yes, I was not sure if anyone else was interested enough for
me to put in the effort, but the translation was from poor English
summary and correcting the scanner misreadings. I picked up the book
in 1982 despite the communistic attitude toward customers.
I wrote a Slovak list of four or five topics of interest before I
walked into a bookstore & disrupted two clerks chatting with one
another. They told me coldly that they had no books on history,
architecture or the other topics I listed, and they did not look
happy when I turned to the shelves instead of the door. I found four
or five books of interest including this one, and treasure it. I am
starting to wonder what to do with my collection of books with the
next generation totally uninterested, and Alaska has no 'colony' of
Slovaks-Rusyn peoples.
--- In email@example.com, nhasior@a... wrote:
> Ron,
> thank you for one of the most interesting articles. you must have
spent a
> great deal of time in translating this document. i have printed it
out and will
> save it for future reference and to share with some of my friends
who are
> quite intested in historical views.
> Noreen
> [Non-text portions of this message have been removed]
- Trencin Census did not survive. Therefore it could not be filmed.
----- Original Message -----
From: johnqadam
To: email@example.com
Sent: Tuesday, October 10, 2006 6:15 PM
Subject: Re: [S-R] 1869 Hungarian census
>>> Regarding the 1869 Hungarian Census . . . does anyone know if
additional counties have been added (mainly interested in Trenscen)?<<<
The list of census films is on line at the LDS web site. Sorry, no
Trenscen listed.
__________ Informacia od NOD32 1.1801 (20061012) __________
Tato sprava bola preverena antivirusovym systemom NOD32.
[Non-text portions of this message have been removed]
Your message has been successfully submitted and would be delivered to recipients shortly.


text:
we stayed in temple point resort two times: first time on honeymoon. It was like arriving to paradise...the garden was so tidy, flowers and plants everywhere, everything so clean, everyone very kind, always someone taking care of us and our needs. the buffet-restaurant was delicious, with italian and world cousine, and the possibility to have the dinner on the beach, so romantic!! this time, nine years later, we retirned with our kids...the rooms where quite the same, but everything was old, consumed, the garden was savage and dry, the bathroom in the room was broken and dirty...the restaurant had every night the same dishes rice-rice-rice-meat-meat-meat a and fish, salad, but not variety like the previous time. there were three persons thata should have been the activities staff but they didn't organize a thing. last time, on the contrary, we were quite pissed off because the staff was always calling us to do something: a football match, playing cards,, dance, sing the karaoke... Talking to the workers there they said thata before the resort was owned by "viaggi del ventaglio" and everything was better, but now the owner is a german society and they don't care so much of it...you can see it. But africa is africa, and when you leave it you suffer anyway, also if the hotel wasn't so good.
- Official Description (provided by the hotel):
- The Temple Point Resort is a premier holiday beach resort located at the end of a headland between the Indian Ocean and Mida Creek. Surrounded by tropical gardens and the Mida Creek lagoon, the hotel is situated right inside the Watamu Marine National Park. Conveying the atmosphere of a delightful private home with luxurious accommodation, the resort standards are designed to provide the highest quality venue for both individual holiday makers and corporate functions. ... more less
- Reservation Options:
- TripAdvisor is proud to partner with Expedia, Hotels.com, Hotel.de, TripOnline SA, Booking.com, Odigeo, Traveltool, S.L.U., Evoline ltd and HotelQuickly so you can book your Temple Point Resort reservations with confidence. We help millions of travellers each month to find the perfect hotel for both holiday and business trips, always with the best discounts and special offers.
- Also Known As:
- Temple Point Hotel Watamu
- Temple Point Resort Kenya/Watamu


text:
More Videos...
Ford Shelby GT500KR
Coming to the 2007 New York Auto Show...
BULLITT!! 1968 Ford Mustang GT-390 Fastback "Bullitt" - incredible V8 sound!!
Jamboolio records a legendary muscle car and movie car classic, Highland Green 1968 Ford Mustang GT 390 Fastback with a Big Block 390 cu in (6.4l) V8 engine. No wonder why the director of the American film classic "Bullitt" chose this particular car model to be the star of his movie after he heard the V8 sound this thing makes; it is mind blowing, as is the way this car looks! SImply stunning! Here's an overview of the car, amazing V8 and Exhaust sound and even a small burnout at the end. Enjoy! RELATED VIDEOS: - SUPER RARE CLASSIC!! 1968 Ford Mustang GT/CS California Special - V8 sound! http://youtu.be/MXzMi9v05v8 - LOUD MUSCLE! 1969 Dodge Charger R/T - incredible V8 and Exhaust SOUND!! http://youtu.be/yA0WOesONRk - 1967 Ford Mustang Fastback 289 - startup and V8 sound! http://youtu.be/68LBoCcawWk Location: 'Helsinki Cruising Night' Helsinki, Finland 2013 Watch in High Definition (1080p HD). RATE, COMMENT & SUBSCRIBE! SUBSCRIBE for more upcoming automotive videos: http://www.youtube.com/subscription_center?add_user=Jamboolio Jamboolio - Automotive Blog: http://jamboolio.blogspot.com/ LIKE Jamboolio's Supercar / Musclecar Videos on FACEBOOK: https://www.facebook.com/Jamboolio Follow Jamboolio on TWITTER: http://twitter.com/Jamboolio TAGS: saleen roush custom 2008 2009 borla supersprint movie original rare dark green zr1 zl1 king of the road GT500KR green-colored all time ultimate crazy acceleration accelerating loud muscle cars car auto automobile 4.6 5.0 6.4 liters california special cs cubic inch GT500E GT350CR Classic Recreations car auto automobile stripes stroker supercar twin-turbo Supercharger supercharged 60s 70s 1960s united states of america american racing wheels rims huge chrome blower
1965 Ford Mustang Restoration
Great restoration project of 1965 Mustang. This 'Vapor' Mustang wins Ford Design Award at SEMA 2016. Project made by: http://roadstershop.com
1967 Shelby GT500 vs. 2010 Shelby GT500 Patriot Edition - Generation Gap: GT500s
Cast your vote here: http://www.hagerty.com/Articles-Videos/Articles/2014/09/12/GT500s In the latest episode of Generation Gap, the guys return to the Lingenfelter Collection to pit Shelby against Shelby. Davin's selection, a 1967 Shelby GT500, features the pure power of the custom-built Shelby 355-hp 428 "Police Interceptor" V-8, while Matt's 2010 Shelby GT500 Patriot Edition's expertly tuned supercharged V-8 squeezes an astonishing 540 hp out of its 330 cubic inches. The guys tackle this question: Do specs alone make a car? Generation Gap appears every other Tuesday on the Motor Trend youtube channel. http://www.youtube.com/motortrend Subscribe now to make sure you're in on all the action! https://www.youtube.com/channel/UCsAegdhiYLEoaFGuJFVrqFQ?sub_confirmation=1 Facebook - http://facebook.com/motortrendmag Twitter - http://twitter.com/motortrend Google+ - https://plus.google.com/+motortrend/posts Website - http://www.motortrend.com


text:
The Caribbean's Premier Career Network
Project Development Manager
Job SummaryThe Project Development Manager will actively contribute to the positioning of ACTED in the country and guarantee the financing of ACTED's programming strategy.
Job Description
- Ensure good relations with donors through quality and ad hoc grants management.
- Facilitate coordination and internal communication and ensure that the Project Development Department (DP) operates effectively.
- Increase ACTED's presence and credibility with external actors by communicating a positive image of ACTED activities and commitments in the country.
Job description:
1 Positioning and Fundraising
1.1 Contextual analysis
1.2 Development strategy
1.3 External relations
1.4 Fundraising and proposal development
1.5 Contracts
2 Grant Management
2.1 Monitoring of Contracts
2.2 Reports
2.3 Follow-up of partners
3 Internal Management and Coordination
3.1. Team management
3.2. Internal Coordination and Communication
4 External communication
Qualifications and technical skills required
- Higher Diploma in Political Science, International Relations, International Development or equivalent (anthropology, sociology, humanitarian aid)
- Field experience in the humanitarian sector, drafting of reports and donor relations required
- Excellent written and oral communication skills in French and English
- Analytical skills and abilities
- Ability to work under pressure
- Experience abroad
Terms & Conditions
- Salary defined according to the salary grid ACTED
- Living allowance monthly
- Accommodation in Guest House and food taken care of by ACTED
- Airline Tickets Supported by ACTED
- Social Security, Mutual and repatriation supported by ACTED


text:
Be the first to like this
Published on
Attached is a brief analysis I did as I tested my company's new social media analysis platform.
I was curious to see the reaction in online communications to Gatorade dropping Tiger Woods. Also, from a PR perspective, how worried should Gatorade be about any linger association with Tiger?


text:
Arrested Supreme Court Justices Withdraw From Sittings
For Massive Music & Video Promotion Contact +2348113839644 Or BBM: D3DFBE7A NOW!!
The two Justices of the Supreme Court, Sylva Ngwuta and Inyang Okoro, who were among judges recently arrested by the Department of State Services on corruption allegations, have voluntarily withdrawn from further participating in the proceedings of the apex court.
The two senior judiciary officers would no longer sit until when they were able to clear their names.
According to Punch's findings, Ngwuta and Okoro had not been sitting since they were released after their arrest along with other serving and compulsorily retired judges between October 7 and 8.
The outgoing Chief Justice of Nigeria, Justice Mahmud Mohammed, disclosed this at a meeting he held with a delegation of the Nigerian Bar Association in his chambers last Thursday.
According to a source, who attended the meeting, the CJN ruled out the call for the suspension of the two justices of the apex court or any of the other arrested judges.
The CJN was said to have told the NBA delegation that the affected Justices of the Supreme Court had, on their own, decided to withdraw from further sittings of the apex court.
The source stated, "The CJN made it clear that the NJC could never have suspended the arrested judges in the absence of any evidence presented by their accusers.
"The CJN said the DSS, which levelled allegations against the judges, had not presented evidence against them to the NJC on which any possibility of suspending them could be based.
"But he said the two affected Justices of the Supreme Court had, on their own, recused (withdrawn) themselves from sitting until when they are able to clear their names."


text:
Here's a waterproof hiking boot that offers four-wheel-drive performance for your feet. It's designed to keep your feet dry and let them breathe, and the aggressive outsole bites into the terrain. The mid-cut height adds ankle support.
Low-profile upper with ghillie lacing for comfort and secure fit
Easy-on heel pull
Padded tongue and collar
Lugged outsole


text:
Our rack-top bag is a universal design, intended for all 4 models of our bikes.
There are 6 velcro straps to secure it to the rack on your bike: 2 at the front, 2 at the middle, and 2 at the rear.
For best results, start at the front of the bag (near the seat) and get those two straps as tight as possible with as much contact between the mating surfaces of the velcro. Do not use the front most rail-- use the second one back to start.
Then proceed to the middle 2 straps. Again, get them as tight as possible on the side rails.
Lastly, wrap the last 2 straps around the back rail of the rack. Pressing against the velcro by reaching your hand inside the bag is helpful.
The bag has more structure when there are things in it.
I hope this helps!


text: Caucasian and we know it Click to block a category:GamingPoliticsNewsComicsAnimeOther fadetometallica next random Comment Top NextComment A couple friends and I made this for ***** and giggles. Yes, this is actually me (fadetometallica) and my friend Raven. Enjoy! next Tags: white | People | trying | to | dance -5 Views: 512 Submitted: 03/29/2012 Facebook Twitter Google+ Tumblr Pinterest


text:
Home | American actors | Barry Lynch
Barry J. Lynch (born Brooklyn, New York) is an American actor. His brother, Richard Lynch, is also an actor who appeared in Star Trek: The Next Generation. His late nephew, Christopher Lynch, was also an actor.
He is not to be confused with Irish actor Finbar Lynch, who was known as Barry Lynch until 1997.