Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.
I have styled the .navbar-collapse.collapse to be positioned absolute by default. Only in the other media queries am I switching it to relative. Now when someone toggles the .navbar-toggle we are simply adding the .in class and the left css property is being adjusted
The post Bootstrap – Responsive Off Canvas Menu appeared first on jQuery Rain.
3DCoverjQuery is a jQuery plugin to create a cover of dvd, xbox, game or book with jQuery, CSS3, easily with a few lines of code.
[caption id="attachment_112063" align="alignright" width="400"]
This is the original Magna Carta written in 1215. Parchment was very expensive in the 11th century, so thrifty scribes wrote in tiny, densely packed latin.
While it's quite beautiful, the absence of paragraphs gives it a rather impenetrable look – even allowing for the latin. It's hard for our modern eyes to traverse that sheer wall of text.
Paragraphs serve three useful purposes in writing. Firstly they help the writer to order and organise their thoughts. Secondly, they give the reader 'rest points' as they work through the text.
And finally, paragraphs give us entry and exit points into documents – shortcuts for navigating around text. This is particularly useful on the web, where we know that readers browse, scan and snack on text much more than they do on printed texts.
[caption id="attachment_112062" align="alignright" width="318"]
Predictably, there are lots of answers for this question, but the general consensus has been getting shorter for 200 years. Mark Liberman from Language Log wrote a script that analyzed the structure of every US presidential 'Inaugural Address' and 'State of the Union' address since the late 1700's. Of course, sentence length and paragraph length are different, but there's certainly a relationship.
As Mark's chart shows, average sentence length has gone from over 40 words per sentence, to less than 20 words in 2011. I don't have a problem with this trend, but some do.
Whatever the driving forces, we've been continually selecting for shorter sentences and paragraphs for a long time.
Elsewhere Bob Brooke's Writers' Corner advises that you 'Try to limit your paragraph to five lines – not sentences. If it's too long, break it down into a series of paragraphs on subtopics'. Of course, on the web 'five lines' changes from device to device.
The Yahoo! Style Guide says “Keep paragraphs short. Two to three sentences is often enough.”
Which brings us to an interesting question.
As FEDs/designers/UX people, we take responsibility for setting type sizing, line-heights, kerning, contrast, and all other typographic choices to create the best possible user experience.
1) Is it also our job to try to design the ideal paragraph lengths for our layouts? (most would say no).
2) The 'ideal' paragraph length surely must differ for different screen sizes? What is most comfortable to read on a Kindle or desktop surely isn't the same as what works best on an iPhone.
Take this example of the same text on two devices:
On the phone above, a lot of the usefulness of paragraphs starts to disappear when you can only see one or at best two paragraphs at a time. We get a more 'magna carta-esque' wall of text.
Continue reading %Is There a Perfect Paragraph Length for the Web?%
Your website is often the face of your company, and there are oh so many reasons to give your website a facelift. Maybe it’s time to ramp up the functionality and enhance usability. Maybe the purpose of your site has changed, or its social media integration isn’t up to snuff. Maybe it still looks like this.
Whatever the reason, retaining - and even improving - your site’s SEO should be high up on your checklist.
Otherwise, your site will face heavy traffic loss, and all that work will be for naught. Sure, you may have poured significant time and money into your site’s overhaul, but if users can’t find the site, you’ve just remodeled a house with no address, on an island, an invisible island, in outer space.
To avoid traffic loss and conquer the search engines, here are five important considerations for an SEO-friendly redesign.
In order for a web page to be ranked in a search engine, it must be indexed by web crawlers. Think of these crawlers as an army of Pac-Men who scour webpages for little yellow dots of data. The crawlers then deliver that data to the search engine servers, where it’s catalogued and stored, much like a library.
But crawlers are picky eaters, and can only index certain types of data. In order for your content to be indexable, it must be formatted in a way that’s compatible with the crawlers’ particular dietary needs. Here are some guidelines:
Any content you want indexed should be written in HTML.
Any images you want indexed should contain alt tags.
If you’re having trouble deciding on what is and what is not indexable, or you want to verify your site’s indexability after redesign, use the following tools:
Continue reading %5 Important Considerations for an SEO-Friendly Site Redesign%
In last month's browser chart, Chrome had been struggling to jump above 50% usage. The browser fares better in July's StatCounter statistics …
The following table shows browser usage movements during the past month.
Continue reading %Browser Trends August 2015: Chrome Exceeds 50%%
SimpleCalculadora is powerful yet easy to use jQuery plugin for building a calculation, It supports CSS customization, easy translation, two options of calculators.
