background preloader

Web Development

Facebook Twitter

Desarrollo Web.
HTML, CSS, JavaScript, jQuery, Angular, PHP, MySQL, FFMPEG, NodeJS, Mailing

DevDocs API Documentation.


BackboneJS. CSS. Efectos / Effects. FFMPEG. FontFace. Google. Herramientas / Tools. HTML. JavaScript - JS. Mailing. Node.JS. PHP. Web Player. Browser Information. By Kyle Simpson You may be starting to notice a trend from my recent articles here on HTML5 Hub.

I’m a JS snob by trade, but by association I have to deal with my fair share of CSS issues. So, as an “outsider” looking in, I’m taking this opportunity to highlight some of the big “pain points” that CSS causes for various basic tasks in web dev. It’s not really intended as a criticism of the technology per se, but more a rallying cry to ask for standard solutions which remove our hacks. More Text, Less Text If you’re a prolific (and overly verbose) writer like I am, you’re probably very familiar with writing too much to fit in the space you’re given to present it.

Many people call this “elision” (verb: “elide”), when you shorten your text, and put those little dots after it. The “…” is called an ellipsis and the verb form (according to Wiktionary) is ellipse (no, not just the geometric shape!). I’m not going to cover why or why not you choose to ellipse your text. Facebook Open Graph META Tags. It's no secret that Facebook has become a major traffic driver for all types of websites.

Facebook Open Graph META Tags

Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One problem I've always found with sharing URLs on Facebook is that you often have no control over the image and description text that accompany the URL. Had I known about Facebook Open Graph API, I would've known the solution to that problem. Facebook's Open Graph protocol allows for web developers to turn their websites into Facebook "graph" objects, allowing a certain level of customization over how information is carried over from a non-Facebook website to Facebook when a page is "recommended", "liked", or just generally shared.

All of Facebook's Open Graph META tags are prefixed with og:, then continued with more specific the specific property to be set. Geo IP Tool - Ver información de mi IP: PlayCanvas. The web's scaffolding tool for modern webapps. IBM Watson Developer Cloud. Weekly links, articles and more. 10 tipos de enlaces que me roban y se llevan el PageRank. Markdown Cheatsheet · adam-p/markdown-here Wiki. This is intended as a quick reference and showcase.

Markdown Cheatsheet · adam-p/markdown-here Wiki

For more complete info, see John Gruber's original spec and the Github-flavored Markdown info page. Note that there is also a Cheatsheet specific to Markdown Here if that's what you're looking for. You can also check out more Markdown tools. Table of Contents HeadersEmphasisListsLinksImagesCode and Syntax HighlightingTablesBlockquotesInline HTMLHorizontal RuleLine BreaksYoutube videos Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternatively, for H1 and H2, an underline-ish style: Alt-H1 ====== Alt-H2 ------ Alternatively, for H1 and H2, an underline-ish style: Alt-H1 Alt-H2 Emphasis Emphasis, aka italics, with *asterisks* or _underscores_.

Emphasis, aka italics, with asterisks or underscores. Strong emphasis, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. Strikethrough uses two tildes. Lists (In this example, leading and trailing spaces are shown with with dots: ⋅) 74 sitios web útiles para desarrolladores y diseñadores web. He recaudado 74 sitios web útiles para desarrolladores y diseñadores web espero que lo saquen provecho. lo duden en compartir.

74 sitios web útiles para desarrolladores y diseñadores web

Aqui les dejo las webs con sus respectiva descripción. CopyPasteCharacter CopyPasteCharacter te ayudará a encontrar la entidad html apropiada para ese símbolo que quieres incluir en tu diseño como mejor lo prefieras a tu gusto. Lipsum Generator. Handling Failed HTTP Responses With fetch() Quiz: What does this call to the web’s new fetch() API do?

Handling Failed HTTP Responses With fetch()

Fetch(" .then(function() { console.log("ok"); }).catch(function() { console.log("error"); }); If you’re like me, you might assume this code logs “error” when run—but it actually logs “ok”. This expectation probably comes from years of jQuery development, as jQuery’s ajax() method invokes its fail handler when the response contains a failed HTTP status code.