Archive for the ‘Other’ Category

Anywhere: Twitter JavaScript API

Tuesday, June 22nd, 2010

1 month ago Chirp was made, the official conference for developers of Twitter. And there were several developments around the world Twitter. Among them, a new page for developers of Twitter: dev.twitter.com , where we see new tools. In which we focus, being the closest to the theme of the blog is @Anywhere . @Anywhere is a Javascript API that lets you integrate Twitter with your site in a few lines of Javascript. Before you start using it to register as a developer you provide an API key, for it is the call for an application registration Anywhere . After this step, we must only add to the headers of our web page calling this script:

<script src="http://platform.twitter.com/anywhere.js?id=YOUR_API_KEY&v=1" type="text/javascript"></script>

Once you add this script are the way to initialize @ Anywhere is:

twttr.anywhere(function (T) {
// Your code here ...
});

As you can see it calls a function and pass a callback function with a parameter T (you can call it whatever you want). Which will be executed once the script loaded Twitter @ Anywhere. With this API, now you can do the following:

  • AutoLink Twitter usernames
  • Hovercards
  • Follow Buttons
  • Tweet Box
  • User Login

I invite you to the try. From Wisecodes are preparing some demos that you’ll use to teach during these weeks.

Use Google Font Directory website to help you change the text to add a variety of fonts

Monday, June 21st, 2010

Every time they issue more and more APIs, and Google is one of the most free APIs. This time has presented at conferences Google I/O, made on 19 and 20 of May, Google Font API . This API helps you to add fonts in any web page. This is about as clear benefit:

  • Font Having high-quality open source
  • It works in most browsers
  • It is extremely easy to use.

You can see all the fonts available in the Google Directory of Fonts . For now have 18 sources, with variations in italics, bold, bold italic. In addition one of them has 10 different families. Therefore we have an extensive catalog that will allow us to another style to our website and get out of the typical universal fonts.

In addition, the catalog is very carefully because it has a tab for each of the fonts. Tab you can find the name of the designer, with a link to his biography and other personal data. You also have the description of the letterpress and the set of characters. There are also examples of texts in different sizes from 36px to 12px, in different colors, # 000, # 333 and # 666, and different variants, italic, bold and bold italic can see the example of typography Cararell sheet .

If you find interesting and want to see how to include it in your web tell you different ways, just by using CSS and Javascript.

Only with CSS

You have several ways to include the fonts on your website. The simplest of all is to include an additional style sheet:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">

Then simply use the font in your style sheet in the usual way:

CSS selector {
  font-family: 'Font Name', serif;
}

If you do not want to load all variants, the variants can specify that you want to add two points and variations you want separated by commas:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name:variante">

If you want to add multiple fonts, it is necessary to make a call each of them, simply separate the names with pipes “|” is sufficient:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans">

And if you want to do everything at once just follow all the above rules and looks something like this:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans">

Using Javascript

If you do not want the burden of your page is affected by having to solve other DNS servers and upload you can not control, you can try WebFont Loader. A Javascript API that gives you more control over the fonts loaded. This form is also very simple, but requires a minimum knowledge of Javascript. To add these lines into the head of your page should have everything ready for use

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script>
<script type="text/javascript">
   WebFont.load({
   google: {
      families: [ 'Tangerine', 'Cantarell' ]
   }
  });
</script>

This loads the fonts listed in families and if all went well and the browser supports these fonts will be added in the html classes’ wf-active “and” wf-family-type-active ‘(eg’ wf-Cantarell -n4-active ‘).

This allows us to use our font style sheet alternatives in case of not having the desired load of this:

 .wf-inactive h1 {
       font-family: serif;
     }
     .wf-active h1 { 
       font-family: 'Tangerine', serif;
     }

With Loader WebFont sources can apply to other providers such as called Books TypeKit or even make any font suppliers overnight specifying the supplier .

In the call to Loader WebFont can specify callbacks to run your own code at any given time. Calback functions of which are available:

  • loading() Called when all modules of web fonts providers (google, typekit, and / or custom) have reportadoq ue start loading fonts.
  • fontloading(fontFamily, fontDescription) is called when it starts charging each application for web typography. FontFamily parameter is the name of the font family, and fontDescription represents the style and font weight.
  • fontactive(fontFamily, fontDescription) Called when loading has finished each of the applications.
  • fontinactive(fontFamily, fontDescription) is called if an application has failed to load.
  • select() is called when all web fonts have been loaded or not you were able to charge, as long as at least one is loaded successfully.
  • inactive() is called if the font web browser does not support or none of the sources failed to load.

WordPress 2.9 will have embedded image editing

Friday, September 18th, 2009

WordPress_2_9_ImageEdit_160909

One of many to highlight aspects of WordPress is the way we listen to users and incorporate their ideas into the core content management system. Version 2.9, still no launch date, will have a basic image editor, product of a survey on file management features by the development team.

The options currently being tested are: crop, rotate 90 degrees, flip horizontally or vertically and resize the image. May apply to one or more of the commonly used sizes, so it will be easy to choose a specific area for thumbnails. The amendments are supported both at the time of loading, and accessing the multimedia library.

If we consider that any Web service allows us to edit a simple avatar, WordPress is clear that he could not miss a similar choice. The way in which part of the package, requiring no special plugins or server configurations will be useful for all types of bloggers. Novices may perform these actions without having to seek common tools for this. In contrast, more advanced time-saving, and always will be able to install or use more complete aggregate external programs.

Link Via WPEngineer

The 10 most important skills for future programmers

Sunday, September 6th, 2009

It is important to ensure that we are benefiting as much as possible when we invest time and effort to train and learn new things.

The following list will see the 10 we should learn skills that our curriculum is relevant for the next 5 years. This list is not complete and covers some niche markets (such as mainframes). However, if you learn at least seven items in this list you will not miss it.

1. One of the “Big 3″ (Java, . NET & PHP)

Barring a radical change in the world of development (such as an asteroid falling on Redmond), most developers will need to know any of the three major systems development: Java,. NET (VB.NET or C #) or PHP. Nor enough to know the main language. As projects grow and are grabbing more functionality, we will need to know the frameworks and libraries associated with depth.

2. Rich Internet Applications (RIA – Rich Internet Applications)

They can love or hate, but in recent years, Flash is being used for something other than funny animations. Flash also gained additional functionality in the form of Flex and AIR. Competitors of Flash, as JavaFX and Silverlight are also improving in performance. The browsers are improving their JavaScript engine, which is emerging as a web application platform. To make things more complicated, HTML 5 is going to incorporate lots of RIA functionality, including connection to the database, thus the formal seal of the W3C to AJAX. In the near future, have experience of RIA will be a determining factor in our curriculum.

3. Web Development

Web development will not disappear in the future. Many developers were happy so far ignored the web, or just staying with “the basics” that gave them their framework. But companies are demanding more and more to those who really know how to work with the underlying technologies. So we should improve our knowledge of JavaScript, CSS and HTML to succeed in the next five years.

4. Web Services

“REST or SOAP? JSON or XML? Although the election and the answers depend on the project, it is increasingly difficult to be a developer without having to consume Web Services (even if our development is not a Web application). Even the land area used to be ODBC, COM or RPC are now moving to Web services of some kind. Developers who can not work with Web services will end up relegated to maintenance on legacy code.

5. Human skills

There is a trend that has occurred some time ago: the increasing visibility of IT within and outside the organization. The developers are taking more and more meetings that are not development and process for obtaining feedback from them. For example, the CFO can not change the accounting rules without working with IT to update the system. And an operations manager can not change the process of call without IT center update the CRM work-flow. Similarly, customers often need to work directly with development teams to ensure their needs are met. Will it be necessary for all developers to consider how to win friends and influence people? No. But the developers that they will do will be much more valuable to their employers – and are highly sought after in the market.

6. A dynamic programming language and / or functional

Languages like Ruby, Python, F # and Groovy are not yet very popular – but so are the ideas behind them. For example, the LINQ system. NET is a direct descendant of functional programming techniques. Both Ruby and Python are becoming increasingly popular in some quarters, thanks to the Rails framework and Silverlight respectively. Learn one of these languages will not only improve our curriculum, but also will expand our horizon. All great developers recommend learning at least one dynamic or functional languages to make learning new ways of thinking.

7. Agile Methodologies

As time passes, the ideas behind Agile become more defined and better expressed. Many organizations are adopting Agile or proofs of concept for doing Agile. Although Agile is no silver bullet to avoid failure in a project definitely has its place in many projects. Developers who have experience in working and understanding Agile environments will be increasingly in demand in the next five years.

8. Domain Knowledge

Hand in hand with the agile methodologies, development teams are increasingly viewed partners in the project definition. This means that developers who understand the problem domain will be able to contribute to the project in a very visible and valuable. With Agile, a developer can say “From here, we can very easily add this functionality, and you get great value,” or “Hey, this requirement is not in keeping with the pattern of use that the logs show. No matter how many developers resist the idea of knowing anything about the problem domain, it is undeniable that more and more organizations prefer (if not even require) developers to at least understand the basics of the business.

9. “Hygiene” development

Until a few years ago, many (if not all) organizations had no access to bug tracking systems, version control and other tools, all developers are summarized and their preferred IDE. But thanks to the creation of new integrated development environments and the explosion of free software environments of high quality, since there are almost no organizations without these tools. Developers have to know much more than just do a checkout of the code. You need to have a rigorous hygiene habits to ensure they are properly coordinated with the team. The “solitary programmers” that keep everything local, non-document changes and others will not be welcome in traditional organizations, and will be aa directly out of place in Agile environments, where you use a strong coordination between equipment to operate.

10. Mobile Development

During the late 1990 web development grew and gained widespread adoption, so begin to displace traditional desktop applications. In 2008, development for mobile devices eventually took off, and over the next five years will grow steadily. Of course, there are several approaches to mobile development: web applications designed to run on mobile devices, RIAs aimed at this market, and applications that run directly on the devices. No matter what path we choose, we will serve add mobile development skills to our group.

Software company promises to plant a tree for every bug they have

Wednesday, September 2nd, 2009

TreesForBugs

The company Kentico Software announced a very interesting initiative called “Tree for Bugs”. As explained in a press release, will plant a tree for every bug that has its software. Good for the ecology and also for the marketing strategy that has tenido. Personally as a developer, could collaborate with thousands of bugs selflessly.
Url: http://trees.kentico.com

Press Release:
Kentico Software, the Web content management system vendor, today announced it will plant a tree for every bug found in the latest version of Kentico CMS for ASP. NET. The company also promises to fix all bugs reported within 7 days.
Nashua, NH (PRWEB) August 30, 2009 – Kentico Software will plant a tree for every bug in Kentico CMS 4.1 reported by clients and it the “We are very confident about the quality of our Web Content Management platform. Although we can hardly Eliminate all bugs, our goal is to minimize their number and fix them within 7 business days, so that We can provide a stable and reliable solution to our clients, “explains Petr Palas, Kentico CEO. “We want To encourage our clients to report all bugs they encounter. And We decided to give back something that everyone on the planet will benefit from – new trees, “he adds.
“We are very confident about the quality of our Web Content Management platform. Although we can hardly Eliminate all bugs, our goal is to minimize their number and fix them within 7 business days, so that We can provide a stable and reliable solution to our clients, “explains Petr Palas, Kentico CEO. “We want To encourage our clients to report all bugs they encounter. And We decided to give back something that everyone on the planet will benefit from – new trees, “he adds.
“Kentico is great to work with, it’s a reliable and stable CMS that has been developed using best practice techniques and is thoroughly tested.” Said Andy Dale, Senior Web Developer at Last Exit, the leading interactive agency in London, UK “As version 4.1, it is a mature product with the features and a support level that has helped us to deliver a wide range of successful websites. ”
The company will publish photos of the planted trees in December. They will plant at least 100 trees, Although they expect that the number of reported bugs will be much lower. All information about the initiative is available at http://trees.kentico.com.

How to modify any web page with Firefox

Thursday, August 27th, 2009

An old trick to edit any web page you’re visiting with the Firefox browser. Just load the page and copy and paste the code in the browser toolbar:

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

We can then write on the text of the page to create a modified version, make a screenshot and ready. In addition to some practical uses can also be an inexhaustible source of fun changing webs headlines and convincingly.

XHTML Validation

Thursday, August 6th, 2009

Well, after 2 days of fighting, I was able to validate the code for the blog and the RSS, I have left the CSS, because the truth is that while I’ve been planning just got bad habits that result in problems of validation.

Why is it so important?

Truly validate a web only thing it gives you an icon you can see below, since it works exactly like the website and may even be incompatible with some versions of browsers or earlier versions of the most popular.
It is a way to standardize your work to achieve in the future to follow a standard and that the websites are governed by it. Making life easier for Web developers, who are now scrambling to get webs with 3 or more browsers …
In addition to thus facilitate the indexing of search engines dealing with code like XML, to be well formed indexing is more optimistic.

What earned my site?

Well the first thing you need is free time and good luck :D
Since the W3C URL can get down to work, following the steps gives us to solve the “validation errors”.
For Web feeds would be this.

WordPress + Validation

One thing to remember is that WordPress makes creating news in our HTML code and you do not really all that well, and the publisher have not provided us with rich work, getting malformed tags (not always).

usability, programming, XHTML, standard, validacion

Autodesk Inventor Fusion promises to revolutionize the market for CAD

Thursday, July 2nd, 2009


Video: Autodesk Labs Inventor Fusion: Overview [04:07 min]

Autodesk announced its 2010 product line with several new features. Is the market leader in CAD with its AutoCAD product, which is the benchmark since 1982 and has not lost its validity. The company has 9 million users and 700,000 companies registered as clients, apart from recognition as the second most pirated software on the market.

The version of AutoCAD 2010 brings new features:
* Import and export in PDF format
* 3D Geometries
* Parametric Drawing
* 3D Printing

The Autodesk product family offers solutions for architecture, industrial design and manufacturing, with specific products in the area of design, simulation and visualization. Architecture, Civil, Electrical, Map3D, Mechanical, MEP and the P & ID product family, all with first name and surname AUTOCAD 2010. New in the 2010 family is the consistency between all the products in the family, both as a user interface formats.

The real news is Autodesk Inventor Fusion. This is a completely intuitive CAD for the production of prototypes, which is available to anyone who wants to test free of charge. Autodesk is an experiment in which they are looking for the users to decide the use that will give the software and even paying for it. We created this software may be stored in DWG format, which is compatible with any CAD software market.

Parametric design fuses and direct without any annoying toolbars and complex: it is done with mouse movements, as if it were taken with the hands.

Several of the family products will be available soon for Mac, and as for hardware, the 2010 family requires the same as the previous version.

Link: via Autodesk Labs

Cloud Computing

Tuesday, April 28th, 2009

It is the tendency to put the applications you normally have in the computer of externally hosted services, on the web.

It is a paradigm that will have different duties as the combination of connections between services and software accessible through the web that will forget about ourselves and the infrastructure to manage and develop our applications.

See this concept through a video.