Skip to main content

Home/ @Publish/ Group items matching "JavaScript" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
Pedro Gonçalves

The Ideal Length for All Online Content - 0 views

  • 100 characters is the engagement sweet spot for a tweet. 
  • a spike in retweets among those in the 71-100 character range—so-called “medium” length tweets. These medium tweets have enough characters for the original poster to say something of value and for the person retweeting to add commentary as well.
  • the ultra-short 40-character posts received 86 percent higher engagement than others.
  • ...12 more annotations...
  • In the last update, Google changed the layout of posts so that you only see three lines of the original post before you see “Read more” link. In other words, your first sentence has to be a gripping teaser to get people to click “Read More.”
  • The ideal length of a Google+ headline is less than 60 characters To maximize the readability and appearance of your posts on Google+, you may want to keep your text on one line.
  • Many different studies over the years have confirmed that shorter posts are better on Facebook.
  • Writing for KISSmetrics, headline expert Bnonn cites usability research revealing we don’t only scan body copy, we also scan headlines. As such, we tend to absorb only the first three words and the last three words of a headline. If you want to maximize the chance that your entire headline gets read, keep your headline to six words.
  • some of the highest-converting headlines on the web are as long as 30 words. As a rule, if it won’t fit in a tweet it’s too long. But let me suggest that rather than worrying about length you should worry about making every word count. Especially the first and last 3.
  • The ideal length of a blog post is 7 minutes, 1,600 words
  • to ensure maximum comprehension and the appearance of simplicity, the perfect line length ranges between 40 and 55 characters per line, or in other words, a content column that varies between 250-350 pixels wide (it depends on font size and choice).
  • Consider that shorter lines appear as less work for the reader; they make it easier to focus and to jump quickly from one line to the next. Opening paragraphs with larger fonts—and therefore fewer characters per line—are like a a running start to reading a piece of content. This style gets readers  hooked with an easy-to-read opening paragraph, then you can adjust the line width from there.
  • In September 2012, MailChimp published the following headline on its blog: Subject Line Length Means Absolutely Nothing. This was quite the authoritative statement, but MailChimp had the data to back it up.
  • Beyond the perfect length, you can also adhere to best practices. In general, a 50-character maximum is recommended, although MailChimp does point out that there can be exceptions: The general rule of thumb in email marketing is to keep your subject line to 50 characters or less. Our analysis found this to generally be the rule. The exception was for highly targeted audiences, where the reader apparently appreciated the additional information in the subject line.
  • The ideal length of a title tag is 55 characters Title tags are the bits of text that define your page on a search results page. Brick-and-mortar stores have business names; your web page has a title tag. Recent changes to the design of Google’s results pages mean that the maximum length for titles is around 60 characters. If your title exceeds 60 characters, it will get truncated with an ellipse.
  • Finding a hard-and-fast rule for the maximum recommendation of a title tag isn’t as easy as you’d think. Quick typography lesson: Google uses Arial for the titles on its results pages, Arial is a proportionally-spaced font, meaning that different letters take up different width. A lowercase “i” is going to be narrower than a lowercase “w.” Therefore, the actual letters in your title will change the maximum allowable characters that can fit on one line.
Pedro Gonçalves

6 Free Chrome Apps and Extensions for Small Businesses : Technology :: American Express OPEN Forum - 0 views

Pedro Gonçalves

Standards and benchmarks - 0 views

  • The average top 1,000 web page is 1575 KB.
  • Page growth is a major reason why we keep finding, quarter after quarter, that pages are getting slower. And faster networks are not a cure-all for the challenges of page bloat.
  • According to Akamai’s most recent quarterly State of the Internet report, the global average connection speed among the top 50 internet-using countries is 3.3 Mbps — a 5.2% increase over the previous quarter. But when we’re seeing year-over-year page growth ranging from 45-50%, it’s easy to see that the gap is widening.
  • ...16 more annotations...
  • A whopping 804 KB per page is comprised of images. Three years ago, images comprised just 372 KB of a page’s total payload.
  • images are one of the single greatest impediments to front-end performance. All too often, they’re either in the wrong format or they’re uncompressed or they’re not optimized to load progressively — or all of the above.
  • Today, 38% of pages use Flash, compared to 52% in 2010. This is a good thing. Nothing against Flash, per se, but if Apple has no plans ever to support it, its obsolescence is inevitable in our increasingly mobile-first world.
  • use of custom fonts has exploded — from 1% in 2010 to 33% today.
  • But custom fonts have a dark side: they can incur a significant performance penalty.
  • These days, images on the web have to work hard. They need to be high-res enough to satisfy users with retina displays, and they also need to be small enough in size that they don’t blow your mobile data cap in one fell swoop. Responsive web design attempts to navigate this tricky terrain, with varying degrees of success.
  • Move scripts to the bottom of the page
  • Here at Strangeloop/Radware, we’ve found the opposite. Using WebPagetest, we’ve been testing the same 2,000 top Alexa-ranked ecommerce sites since 2010, and our data tells us that top ecommerce pages have gotten 22% slower in the past year.
  • This quick-and-dirty case study illustrates how network speed doesn’t directly correlate to load time. For example, download bandwidth increases 333% from DSL (1.5Mbps) to cable (5Mbps), yet the performance gain is only 12%.
  • Google published findings, based on Google Analytics data, which suggest that load times have gotten marginally faster for desktop users, and up to 30% faster for mobile users.
  • It’s better to move scripts from the top to as low in the page as possible. One reason is to enable progressive rendering, but another is to achieve greater download parallelization.
  • Make JavaScript and CSS external
  • If users on your site have multiple page views per session and many of your pages re-use the same scripts and stylesheets, you could potentially benefit from cached external files. Pages that have few (perhaps only one) page view per session may find that inlining JavaScript and CSS results in faster end-user response times.
  • Reduce DNS lookups
  • Minify JavaScript
  • In addition to minifying external scripts, you can also minify inlined script blocks. Even if you’re already gzipping your scripts, minifying them will still reduce the size by at least 5%.
Pedro Gonçalves

Angular, Ember, And Backbone: Which JavaScript Framework Is Right For You? - ReadWrite - 0 views

  • Ember’s library size and support network are its two greatest strengths, but if you’re only trying to create a small widget or single-page app, it might be overkill for you. If you’re working on a multipage, navigational, long-term project, Ember might be your pick.
Pedro Gonçalves

How To Make Your Websites Faster On Mobile Devices | Smashing Mobile - 0 views

  • A recent study (PDF) found that more than 80% of people are disappointed with the experience of browsing Web on mobile devices and would use their smartphones more if the browsing experience improved.
  • A recent study (PDF) found that more than 80% of people are disappointed with the experience of browsing Web on mobile devices and would use their smartphones more if the browsing experience improved.
  • 64% of smartphone users expect websites to load in 4 seconds or less, while the average website takes more than twice that amount, at 9 seconds.
  • ...3 more annotations...
  • On a desktop, only 20% of the time it takes to display a Web page comes from downloading files. The rest of the time is spent processing HTTP requests and loading style sheets, script files and images. It takes even longer on a smartphone because its CPU, memory and cache size are much smaller than a desktop’s.
  • Having a fast website is all about making the hard decisions and getting rid of what’s not at the core of your experience. If it doesn’t add a lot of value, remove it.
  • Reduce DependenciesFewer files to download means fewer HTTP requests and faster loading times. Reduce Image DimensionsOn top of the extra download time, precious processing power and memory are used to resize high-resolution images. Reduce Client-Side ProcessingRethinking the use of JavaScript and keeping it to a minimum are best.
Pedro Gonçalves

How To Maintain Hierarchy Through Content Choreography | Smashing Magazine - 0 views

  • Three specifications that we’ll likely find ourselves using in the future are: “Flexbox4,” “Regions5,” “Grid Layout6.”
  • Magic numbers in CSS are best avoided.
  • We need fewer of these HTML containers and more CSS virtual container classes that we can apply to different elements as needed. In other words, instead of this… <div id="container"> <div>Content here</div> <div>Content here</div> <div>Content here</div> </div> … we need more of this: <div class="container">Content here</div> <div class="container">Content here</div> <div class="container">Content here</div>
  • ...5 more annotations...
  • In the latter block, each division might have a different class name or perhaps different additional classes applied. This allows for greater flexibility in rearranging them in the layout. In the first block of code, the three content divisions will always reside inside their parent container.
  • With CSS, we have the ability to rearrange blocks inside a container. We don’t have the ability to break content out of one container and move it inside another container. If you want more mixing of blocks, then you’ll need fewer containers.
  • there are currently far more instances of websites that are dropping columns wholesale
  • Every element is its own unique block and serves as its own container. The page’s main heading is its own contained block. All of the meta information is inside another container directly below it. After that, every paragraph, subheading and image is also its own self-contained block of content. The same goes for anything else that might end up in a post, such as a block quote or code block.
  • a challenge to how we think about structuring our HTML, particularly to how we use containers. Elements can’t move from one container to the next. We can fake it with complex CSS, or we can rewrite the HTML with JavaScript; but, ultimately, if we want to intermix elements, we’re best of using fewer HTML containers to create columns. Instead, we should leave more of our content blocks in their own containers and use CSS to create virtual columns in the layout. This solution doesn’t confine our elements to structural containers and instead enables us to more easily rearrange the elements in different layouts.
Pedro Gonçalves

Why Insourcing is the Next Social Media and Content Marketing Trend - 0 views

  • social media is becoming a skill, not a job. Companies like Intel and Dell and IBM are leading the way in broadly distributed social participation, giving thousands of employees the opportunity to win hearts and mind in social and with smart content.
  • This decentralization of social communication has widespread ramifications for social media management software vendors, as it puts additional emphasis on triage and workflow tools.
  • The days of one social media manager handling Twitter, Facebook, Linkedin and the rest is coming to a close (as is the era of the one or two person content marketing team) and the same way all of us have a corporate email address and phone number, we’ll all (or nearly all) have a role to play on behalf of the company in social and content marketing, eventually.
  • ...1 more annotation...
  • Where does this ultimately lead? We’re not there yet, but I suspect it’s predictive modeling, with internal social and content opportunity routing based on artificial intelligence and enterprise knowledge mapping. If we know the specific areas of expertise of each employee and can store that in a relational database, and we can also know via presence detection who is online and/or what their historical response times have been, we can use natural language processing (a la Netbase) to proactively triage and assign social interactions to the best possible resource in the organization.
Pedro Gonçalves

Content Marketing: Start With Your Story - 0 views

  • Joe Pulizzi, founder of the Content Marketing Institute and one of the first evangelists for content marketing, describes content marketing as: //Zone: 300x250 googletag.display('div-gpt-ad-1336852434508-3'); … a marketing technique of creating and distributing relevant and valuable content to attract, acquire, and engage a clearly defined and understood target audience — with the objective of driving profitable customer action.”
  • In the past, editors and reporters held companies captive, and we vied for their attention to cover our products, services or insights on trends. But no longer.Today, communities and influencers have overtaken the importance of media outlets, and the responsibility of reporting has shifted to the marketing department. In fact, many organizations now consider themselves publishers rather than marketers. And that’s smart
  • A good story entices someone to want to know more, and they transition to the next step: engagement.
Pedro Gonçalves

A Scientific Guide to Writing Great Headlines on Twitter, Facebook, and Your Blog - The Buffer Blog - 0 views

  • “Posting pictures to Facebook only works well, if the pictures are self-explanatory.”
  • Pictures outperform everything. Our friends at KISSmetrics put it the best way, showing that this counts for likes, clicks, shares and comments alike:
  • if you have created a Twitter following that you can use to validate your blogpost headlines and ideas, I think this is one of the most powerful ways to make sure none of your precious time goes to waste. You can of course use that same technique for Facebook too, in case Twitter is not your forte.
  • ...1 more annotation...
  • Make lists : “8 reasons to…”, “15 tips to…” – Indicating a number of items on your post makes it sound more diverse, practical and easier to read. We found these to work exceptionally well. Use digits rather than words – “10 ways to…” works better than “Ten ways to…”. This is often a common blogging mistake, that can easily be avoided. Place the number at the head of the sentence. “5 ways social networks are changing the world” will work better than “How social networks change the world in 5 ways”.
Pedro Gonçalves

How our brains work when we are creative: The science of great ideas - The Buffer Blog - 0 views

  • Among all the networks and specific centers in our brains, there are three that are known for being used in creative thinking. The Attentional Control Network helps us with laser focus on a particular task. It’s the one that we activate when we need to concentrate on complicated problems or pay attention to a task like reading or listening to a talk. The Imagination Network as you might have guessed, is used for things like imagining future scenarios and remembering things that happened in the past. This network helps us to construct mental images when we’re engaged in these activities. The Attentional Flexibility Network has the important role of monitoring what’s going on around us, as well as inside our brains, and switching between the Imagination Network and Attentional Control for us.
  • 1. an idea is nothing more or less than a new combination of old elements 2. the capacity to bring old elements into new combinations depends largely on the ability to see relationships
  • Preparing your brain for the process of making new connections takes time and effort. We need to get into the habit of collecting information that’s all around us so our brains have something to work with.
  • ...4 more annotations...
  • A series of studies have used electroencephalography (EEG) and functional magnetic resonance imaging (fMRI) to study the neural correlates of the “Aha! moment” and its antecedents. Although the experience of insight is sudden and can seem disconnected from the immediately preceding thought, these studies show that insight is the culmination of a series of brain states and processes operating at different time scales.
  • Drop the whole subject and put it out of your mind and let your subconscious do its thing.
  • As we engage our conscious minds in other tasks, like sleeping or taking a shower, our subconscious can go to work on finding relationships in all the data we’ve collected so far.
  • Seth Godin wrote about how important it is to be willing to produce a lot of bad ideas, saying that people who have lots of ideas like entrepreneurs, writers and musicians all fail far more often than they succeed, but they fail less than those who have no ideas at all.
Pedro Gonçalves

In 2014, The Mobile Web Will Die-And Other Mobile Predictions - ReadWrite - 0 views

  • In 2014, the mobile Web will die. That’s right, that bastardized version of the normal Web will crawl into a shallow grave and leave us all in peace. No more websites crippled with horrible “mobile.yourawfulwebsite.com” URLs. No more reading janky websites that display way too much fine print or omit crucial features when viewed on your smartphone or tablet. 
  • The mobile Web will die because the companies that make the engines it ran upon are killing their mobile browsers and replacing them with fully functional versions that run on any device. In 2014, these browsers will be updated to put the final nail in its coffin. In turn, developers will continue to build websites that can work across any screen size. Responsive design (what we do at ReadWrite to make the site look pretty everywhere) will continue to grow in 2014 as people realize that their old websites are losing them a lot of traffic from mobile devices.
  • Location-based consumer apps didn't let me down; as predicted, they remained stagnant this year. Foursquare and its kindred just are not hot anymore, even if Foursquare did just raise a funding round this week.
  • ...2 more annotations...
  • HTML5 Takes Over The Mobile Web
  • Combined with CSS and JavaScript, HTML5 is what the Web will be built on in the future. And it will just be the Web, mobile or otherwise.
1 - 13 of 13
Showing 20 items per page