14. May 2013

How to debug :hover pseudo class in Google Chrome Developer tool

Google Chrome developer tool is simply one of the best tools available for debugging of HTML5 applications.

It has one neat feature: possibility to inspect CSS of element and editing it on the fly.

That works fine for normal styles, but what about :hover state?

There is one “hidden” option which allows to switch element to :hover state.

Inspect element of HTML. You should see Styles on the right hand side. There are 3 icons. Click the middle one with arrow sign. It will pop up menu with checkboxes. You can select here CSS pseudo classes like :active, :focus, :hover or :visited.

google-chrome-dev-hover

To learn more about capabilities of Google Chrome developer tools I recommend to go through free course Discover Dev Tools from Codeschool.com.

Rich Internet Application (, , , , ) | No Comments

12. May 2013

How to improve complex software system in 10 steps

1. Introduce small change.
2. Wait and watch the impact. It may take some time to proliferate.
3. Learn about consequences.
4. Point out broken old parts which should be removed or replaced.
5. Prepare stubs and fixes.
6. Dry run. Prepare for quick rollback.
7. Repeat steps 4-6 until you’re sure.
8. Detonate the change.
9. Get ready to fix stuff that breaks during aftershocks.
10. Take a break, enjoy new system and learn something new.

Thoughts (, , , ) | No Comments

12. May 2013

How to fix broken style in Plone

Some Products for Plone are little bit broken and uninstallation procedure does not work very well. When you install and then uninstall crappy product you might end up with messed layout of Plone portal.

That’s the time to pay a visit to plone_css folder in ZMI.

Remove any reference to broken style (whole box with style has yellow color) and click Save to reset Plone CSS caching system.

Software engineering (, , , ) | No Comments

12. May 2013

Unicode Python plugin for Unicode NSIS

NSIS is very common project for building installer packages. It requires less time to work with NSIS than using WiX or MSI.

It has also certain drawbacks like very weird programming language which resembles assembler mixed with Postscript. Quite scary at first glance. There is remedy for this glitch.

NSIS is good for building installer “container” and it could hand over more complex logic to its plugins like Python plugin.

Original NSIS has another one glitch: no support for unicode. Luckily guys took NSIS and they fixed the issue by creating Unicode NSIS.

Unfortunately unicode version was not able to work with former Python plugin.

It required some effort to fix Python calls from NSIS and voilà Unicode Python plugin is available at github – nsPythonUnicode. :-)

Software engineering (, , , , ) | No Comments

11. May 2013

Plone Error: There is a version conflict. We already have: distribute 0.6.38

I was trying to update one very old instance of Plone configured by buildout. Result of running ./bin/buildout was this error message:

While:
  Installing.
  Loading extensions.
Error: There is a version conflict.
We already have: distribute 0.6.38

There was distribute package installed on system which caused conflict. The solution was to remove the package:

apt-get remove --purge python-zc.buildout

That leads to another error message that buildout script is outdated. Correction:

curl -O http://downloads.buildout.org/2/bootstrap.py
python bootstrap.py

There was another error after using latest version of buildout:

While:
  Installing.
  Getting section instance.
  Initializing section instance.
  Installing recipe plone.recipe.zope2instance.
Error: There is a version conflict.
We already have: zope.interface 3.6.1

Solution was same as before. Just remove zope.interface package from system:

apt-get remove --purge python-zope.interface

After this small fix it was possible to run buildout without any problem.

Software engineering (, , , , ) | No Comments

11. May 2013

Edge – invoke PowerShell from NodeJS

Project Edge allows seamless integration of NodeJS and PowrShell.

Just install packages:

npm install edge
npm install edge-ps

Create NodeJS application which contains PowerShell code:

var edge = require('edge');

var hello = edge.func('ps', function () {/*
"PowerShell welcomes $inputFromJS on $(Get-Date)"
*/});

hello('Node.js', function (error, result) {
 if (error) throw error;
 console.log(result[0]);
});

Start application and you’ll get output

PowerShell welcomes Node.js on 05/11/2013 07:14:38

Project Edge also allows integration of NodeJS with other technologies (e.g. Python)

Software engineering (, , , ) | No Comments

8. May 2013

Vim mode in Cloud9 IDE

Cloud9 IDE is cloud base IDE for NodeJS, Python, Ruby or PHP projects.

The cool thing about this IDE is that code editor has support for Vim mode (it also supports Emacs) :)

vim-cloud9

Go to View, Keyboard Mode and select Vim.

Voila you can use many Vim features, like indentation by >> or many others.

Here is offical video from Cloud9 Youtube channel:

Software engineering (, , , , , , ) | No Comments

7. May 2013

PowerShell: Get version number from maven-metadata.xml

Simple task. There is maven-metadata.xml file stored on internet and you need to get version number of latest jar.

Let’s use maven-metadata.xml from Forsqaure Java API.

File looks like this:

<?xml version="1.0" encoding="UTF-8"?>
<metadata modelVersion="1.1.0">
  <groupId>fi.foyt</groupId>
  <artifactId>foursquare-api</artifactId>
  <version>1.0.2-SNAPSHOT</version>
  <versioning>
    <snapshot>
      <timestamp>20120607.214317</timestamp>
      <buildNumber>6</buildNumber>
    </snapshot>
    <lastUpdated>20120607214317</lastUpdated>
    <snapshotVersions>
      <snapshotVersion>
        <extension>jar</extension>
        <value>1.0.2-20120607.214317-6</value>
        <updated>20120607214317</updated>
      </snapshotVersion>
    </snapshotVersions>
  </versioning>
</metadata>

Powershell script is very simple:

$url = "https://foursquare-api-java.googlecode.com/svn-history/r288/repository/fi/foyt/foursquare-api/1.0.2-SNAPSHOT/maven-metadata.xml"
[xml]$data =(New-Object System.Net.WebClient).DownloadString($url)
$data.metadata.versioning.snapshotVersions.snapshotVersion[0].value

Result:

1.0.2-20120607.214317-6

Software engineering (, , , , ) | No Comments

6. May 2013

Adobe MAX 2013 – Keynote

Adobe revealed a lot of exciting technology breakthroughs.

Check out keynote from Adobe MAX: http://max.adobe.com/watch.html

adobe-max-2013

Graphics (, , , , ) | No Comments

5. May 2013

Materiály z prednášky: Ať se z kódu nepráší 2013

Prednáška vo formáte: PDF, SlideShare.

Zdrojové kódy sú k dispozícii: https://github.com/georgik/fimuni-c-cpp-examples

Software engineering (, , , , , , ) | No Comments

« Previous Entries

  • Babel fish

      Translate from:

      Translate to:

      Powered by Google Translate.

  • Where’s the fish?

  • Further info

  • Badges

  • Video channel

  • Learning

    Grow your brain.

  • Tags

  • Topics

  • May 2013
    M T W T F S S
    « Feb    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  

  • Comments