Chrome 26 Beta: Template Element & Unprefixed CSS Transitions Today’s Chrome Beta channel release includes a slew of awesome new features to help you make your web apps more powerful and beautiful. Unless otherwise noted, all updates apply to Chrome for Windows, Mac, Linux and Android. The <template> element is part of Web Components , a set of cutting edge standards that will make it possible to build reusable widgets for the web. CSS Transitions allow CSS property changes to occur smoothly rather than abruptly, as in this demo . Both the prefixed and unprefixed versions of these features will work in today’s Beta, but you should switch to the unprefixed versions after Chrome 26 reaches the Stable channel as we are ending official support for the prefixed versions. Chrome extensions let you add custom functionality to desktop versions of the browser. The web platform evolves rapidly. HTML <main> element can be used to represent the main content of the <body> of a document or application.
Primary & Secondary Actions in Web Forms August 25, 2007 by Luke Wroblewski & Etre In recent months, I’ve been working on refining the design recommendations in my upcoming book, Web Form Design Best Practices , through actual usage data. To that end, I’ve had the pleasure of working with London-based usability firm Etre on several eye-tracking and usability studies focused on specific aspects of Web form design. One of these tests focused on the distinction between primary and secondary actions. Primary & Secondary Actions A typical Web form usually enables several “final” actions. Secondary actions, on the other hand, tend to be less utilized and most often allow people to retract the data they’ve entered. Because secondary actions can have negative consequences, especially when used unintentionally, I’ve often argued they should be absent from forms. That said there are situations where secondary actions make sense (“Save for later”, “Export”, etc.). Visual Distinctions Option B performed best of all. Placement Summary
Majestic-SEO : Competitive Link Intelligence On Page SEO Guidelines and Tips | Azure Web Design On Page SEO is the process of optimizing your HTML pages for the search engines’ perusal. It is by no means an exact science, but Google and all the other search engines have published guidelines for us to follow to better rankings. Server and File Settings Make sure that there is only one version of your site – 301 redirect all non www. HTML Title and Head Use targeted keyword in the <title> but keep in mind what visitors would see. Your Content Use only one <h1>tag per page.Use alt tags in images, links, etc. Linking Implement “rel=nofollow” links to unimportant pages within your site.
Hotlink - Htaccess de protection contre le vol d'image Comment ça marche ? En gros vous dites à votre serveur : Si un site qui n’est pas le mien et qui n’est pas Google vient se servir sur mon site, afficher cette image à la place. Et sur l’image, vous mettez ce que vous voulez, moi j’ai mis "contenu volé sur le site ...". Car en général, lorsque les images sont volées, il y a toutes les chances pour que le texte le soit aussi, dans mon cas, c’est également tout le texte qui est pompé avec... Après l’installation de ces quelques lignes sur le .htaccess, soit les sites ont disparu carrément de Google, soit cette image s’affiche et ça plombe bien au moins l’image du site et allège votre serveur. Le .htaccess hotlink RewriteEngine On ( si c’est déjà sur On, pas la peine de le remettre)Options +FollowSymlinks (si c’est déjà sur votre .htaccess, pas la peine de le remettre, mais il faut que ce soit au-dessus des lignes suivantes quand-même) RewriteCond %HTTP_REFERER ! Comment retrouver les sites qui volent votre contenu ? ensuite tail -f error_log
C QA - Recommended list of Doctype declarations you can use in your Web document Warning The list is informative and does not try to be exhaustive (there are many other proper declarations you could use), but it has most of the declarations commonly used on the Web at the moment. Recommended Doctype Declarations to use in your Web document. When authoring document is HTML or XHTML, it is important to Add a Doctype declaration. Template Use the following markup as a template to create a new XHTML 1.0 document using a proper Doctype declaration. <! (X)HTML Doctype Declarations List Strict Transitional Frameset Strict (quick reference) Transitional Frameset XHTML Basic 1.1 (quick reference): HTML 5 [NOT a standard yet] MathML Doctype Declarations MathML 2.0 - DTD: MathML 1.01 - DTD: Compound documents doctype declarations XHTML + MathML + SVG - DTD: XHTML + MathML + SVG Profile (XHTML as the host language) - DTD: XHTML + MathML + SVG Profile (Using SVG as the host) - DTD: Optional doctype declarations SVG 1.1 Full - DTD: SVG 1.1 Basic - DTD: SVG 1.1 Tiny - DTD: Historical doctype declarations
47 Outrageous Viral Marketing Examples over the Last Decade Over the course of the last decade, an array of viral marketing examples have come and gone with varying degrees of success. Though the term "viral" infers that the campaign is organic and self-replicating, marketers and big-name brands have begun to attempt manufacturing viral content in the hopes of increasing their brand awareness or product sales. Some feel that viral content cannot be manufactured and is only the product of organic and unpredictable forces, while a growing number of others feel that they can predict what people will be interested in, how they will share that content, and ultimately what will become viral. Special Note: Hotmail Though I know that we are looking at a decade of viral marketing, a look back at the history of online marketing efforts must include Hotmail. Blair Witch Project The Blair Witch Project was released on July 14, 1999. John West Salmon This was one of a series of ads by John West Salmon that appeared on the Internet in late 2000. XBox Kraft Ikea
Perfecting Keyword Targeting & On-Page Optimization (Last Updated: October 24, 2014 by Rand) How do I build the perfectly optimized page? This is a challenging question for many in the SEO and web marketing fields. My perspective is certainly not gospel, but it's informed by years of experience, testing, failure, and learning alongside a lot of metrics from Moz's phenomenal data science team. A) Have the best opportunity to rank highly in Google and Bing B) Earn traffic from social networks like Twitter, Facebook, LinkedIn, Pinterest, Google+, etc. With the help of some graphics from CreativeMarket (which I highly recommend), I created a number of visualizations to explain how I think about modern on-page optimization and keyword targeting. larger version In the old days of SEO, "on-page optimization" referred merely to keyword placement. The relevancy and keyword-based algorithms that Google and Bing use to evaluate and rank pages are massively more complex. Uniquely valuable Provides phenomenal UX Crawler/bot accessible Keyword-targeted
How to Identify CSS Elements On Any Template Easily | CSS For Bloggers: Part 7 - The Link Medic - Free Blogging Resources In Part 6, Learn the Anatomy of a Blogger Template I discussed a little about the basics of a standard Blogger template’s CSS setup. It was meant as a visual representation of how a CSS layout looks for beginners and a bit of a quick Thesis cheatsheet. But what if your Blogger template is radically different or you’re on WordPress or any other blog platform? Today I’m going to show you how to identify the CSS elements on any template using a very handy browser add-on called CSS Viewer I was debating putting this post as a Chrome Extension Must Have but it was originally a FireFox addon. CSS Viewer is a simple to use CSS property viewer that allows you to quickly find the name of the element you want to tweak. If you didn’t design the template then this can sometimes be a daunting task of viewing the source code and getting creative. I can give one little tip to do this manually, if you’re trying to find the name of the element on the page find some text by it or a image file name. 2. 3.