www.netsi.dk

"The internet is just a layer on the real world" (don't forget that!)

Transmit application from Panic software fails

I switched from windows to OSX as I was very happy with my iPad and saw many serious web developers using OSX. Also on the blog front many of the screen shoots showed people using OSX. Most tools for us web nerds appeared first on OSX, and a good friend changed also to the Mac world with success. It seemed like a logical change for me, being a frontend developer.

Mounting FTP servers as a drive

Sometimes I work on FTP based contents, like in a website. On windows you can easily mount a FTP connecting as a “drive”. That works very fine in a easy and fast way, on PC… On Mac I was surprised to discover that OSX not allows for a simular useful method. You can mount a drive on OS level, but it will be READ ONLY (!) making it far from useful.

What should I do? I “panicked” – that is people I trust said that I should simply use Transmit from Panic software – an application costing $34,00. I was happy to discover that a solution existed, and the prices was okay as it solved a basic need in my daily work…

In fact a lot of issues seemed to exist with Panic Transmit…

I now have version 4.4 of Panic Transmit and experience some basic fails from Transmit. I mount a FTP server as a drive and get errors like:

The file content is suffixed with several “nul” values:

Most files sometimes is suffixed with "Nul" values

Most files sometimes is suffixed with "Nul" values

Files are not always fetched 100%

Sometimes files are not fetched 100%, which has forced me to scroll down to the button of the file to try to see if all the file is there (so that I will not destroy the file when saving to FTP server).

Never let Panic Transmit stay connected during Mac Sleep

Never let your mac go to sleep while letting Transmit stay open – you never know which state your mounted drive is in when you wake your mac..

gets slow when working on mounted drives

Slowing down my editor. My Sublime Text 2 is working very slow if I work on folders placed on a mounted drive.

Conclusion: Transmit makes me panic

All in all it is one of the few very bad experiences I have had after changing from windows to OSX. It is a major issue as I work on sites through FTP. I was happy when I heard about Panic Transmit being able to mount a FTP drive (as Mac OS fails to do so….). I was surprised to discover that OSX could not mount a FTP drive with Read/Write possibilities.

Anyone with suggestions for solutions? Like another application which not fails to deliver stable mounting of FTP drives.

Share

New on Mac: Copy File path service

I sometimes need a path to a file or folder working as a webdeveloper. It may be a file path or say a path. The feature to copy the file or folder path in Apple OSX finder does not exist as standard. When I ran into the blog post “How to copy a file path in OS X” on cnet.com by Topher Kessler I has happy. I followed the instruction by Topher given in the post and voila here you are a service ready to install on your Mac OSX computer.

Installing it is easy

Download the file “Copy Path as Text.zip” and uncompress the Zip pile. Inside it you will find the workflow to install.

Using it is even simpler!

When you have installed it you are ready to go:

  • Open finder
  • Mark the file(s) and folder(s) you want a file path to
  • Right click on them and choose the service “Copy Path as Text”
  • Mac tutsplus have a range of blog posts about automator.
You are done – the paths are now on your clipboard, ready to be pasted in where you need them.

Related content and information

Share

Umbraco newbie notes: Standard values

I am a newbie on the Umbraco CMS and wants to share my experiences during my learning curve period. Feel free to comment on by posts: Am I doing something wrong, should I use another methodes, do you have other experiences – do share with me and the other readers.

The building blocks of Umbraco

Every CMS builds on some sort of items. An item is the content container, it contains a number of properties (fields) in which you can add content. In Umbraco everything is an item. Other CMS systems operates with predefined types like “Page” or “Paragraph” (Dynamicweb CMS), Ubraco leaves it up to you, the developer to define which “Document types” there should exist on a given website.

In Umbraco one of the very strong features is the way you can easily create your content holders, your “Document types”. Each Document type consists of a number of fields which each is of a given “Data type”:

  • Document Type (found under settings)
    • Data Type (found under developer)
    • Data Type (found under developer)

So you can create any kind of content using those basic building blocks. You have a number of Ubmraco predefined Data types like when you start a new Umbraco solution. Let me show how it looks like inside the Umbraco dashboard.

Umbraco Document Type – “Person”

The dialogue box for creating a new document type in Umbraco

The dialogue box for creating a new document type in Umbraco

This is the dialogue box you see when you create a new Document Type. The document type, when created, can be used by the editor of the website to add content to the website. Lets create a document type “Person” to hold name and age.

Umbraco document property – a container field

Creating a property on a document type in Umbraco

Creating a property on a document type in Umbraco

This is the dialogue box you see when you create a new property on a Document type. You can see some of the types in the dropdown box. The list shows the defined Data types on the current website. If you cannot find an appropiate data type you can define your own easily.

The fields of the document property are easy to understand, I will not go into dept here explaning them.

  • We create at document property named “Name” and select type “text string”.
  • Also we create a property called “age” and select type “Numeric”

With that done our new Document Type “Person” is ready to use.

We will add the new Person item under another document type, and first we need to tell the system that our Person document type can be inserted under the base document type – the “root” in our content tree.

Tell the system that you should be able to add Person types to the content structure

Open the base document type in the “settings > document types” section. Find the tab “Structure” and check the “Person” in the list of document types. That will tell the system that the “base” type can contain “Person” types.

Setting up allowed child document types for a document type in Umbraco

Setting up allowed child document types for a document type in Umbraco

Create a Person item

Creating an item in Umbraco

Creating an item in Umbraco

I have right clicked in the content structure of my website and in the dialogue box I have entered “Sten” as the name and choosen the “Person” document type. That will create an item which is called Sten and is of the type Person.
I now should enter values in the item:

Adding content to the fields of item in Umbraco

Adding content to the fields of item in Umbraco

The values for “Sten” is “Sten Hougaard” as name and in the age field I enter “48″. I click either the Save or the “Save and publish” icon and I am done.

Default values – or standard values

To make it even easier to create content I want to add the option to the system to have “Default values” – or standard values for my Document types. In Umbraco that is not a standard feature, but with the package system of Umbraco it only takes a few minutes to add the feature to the system.

Open the “Developer > Packages > Umbraco package Repository”

The Umbraco package Repository is a place like an “app store” known from your smartphone or tablet. It contains a number of extra features you can use to extend your Umbraco system.

In the Search box enter: “standard values”:

The Umbraco package repository - search for standard values

The Umbraco package repository - search for standard values

You can see the first search result is called “Standard Values in Umbraco”, click on it and you will get more information about the package. Click on the Install package and you are home free, ready to go! You may have to logout and login before the functionality will be active.

Goto “Settings > Standard values”

When you open the Standard values you will see a list of the defined Document types defined in your system. The idea is that you locate the type, enter some (default) values and save the item.

In future when you create a new item, it will have the values pre defined as standard (default) values on your new item. Very usefull!

Happy implementing! And do give me feedback either as a comment or by rating this post, thank you.

Links

Share

Giv nyt liv til din gamle fladskærm via DVB-C box

Hvis du som mig har en ældre fladskærm som ikke har mulighed for at vise digital signal som leveres i MPEG-4 så skal du ikke fortvivle. Jeg har købt en DVB-C box hos Elgiganten til 479,- kr som fungerer perfekt. Jeg skal sige at der er tale om TV signal leveret via f.eks. . Andre udbyder kunne f.eks. være Stofa.

Hvorfor skal jeg købe en ekstra box til mit TV?

Grunden til at du skal ud og købe en ekstra DVB-C modtager er at du ikke får et godt nok signal til din fine fladskærm. Kvaliteten er simpelhen ikke god nok, der er ikke nok information i de analoge signaler. Din skærm kan sikkert vise enten 720 eller 1080 linier og det giver en fin tæthed på din skærm. Hvis du kun bruger skærmen til at vise analog signal får du højest 576 linier – og det er ærlig talt synd for dit TV (og dig!).

Clint DC1 DVB-C

Clint DC1 DVB-C

Sådan ser boxen ud, ikke noget designmæssigt vidunder, men den kan fint stå i nærheden af et fladskærm TV. Du kan se tilbud på Clint DC1 Digital TVModtager (DVB-C). En kompakt modtager der er nem at installere, hurtig at sætte op og som leverer varen. Den har desuden andre “søskende” som er både billigere og dyrere. Jeg kan anbefale den og den virker fra starten, modsat tilsvarende DVB-C modtager jeg købte hos Harald Nyborg. Så de 479,- kr synes jeg er rigtig godt givet ud!

Nyt liv til din fladskærm – og bonus features følger med!

Det du får er altså en væsentlig bedre oplevelse, og samtidigt er dit fjernsyn nu igen anvendeligt. Det er nemlig sådan at YouSee og andre tv leverandører hele tiden skærer ned på hvad man kan se via analog tv. Vidste du at du ikke kan se HD kanaler via analog TV? Det kan du så snart du har købt og koblet en DVB-C box til dig tv!

Jeg vi ikke nævne alle de ekstra features du får – det må en sælger i Elgiganten stå for… Jeg gik efter at få mulighed for at optage direkte til en USB nøgle. Det er meget nemt, tryk bare optag og voila – optagelse i digital kvalitet er igang. Du kan også via EPG (Elektronisk Program Guide som viser hvad der kommer på hvilke kanaler hvornår) planlægge optagelse af TV som kommer i fremtiden.

Dine digitale optagelse på USB kan ses på din Computer!

Mindre end en time efter at jeg kom hjem med min DBV-C box sad jeg og så HD optagelser på min Mac Mini. I den tid havde jeg pakket den ud, koblet den til mit (forældede) Samsung TV, fundet kanalerne, fundet en gammel USB nøgle, downloaded en opgradering til DVB-C boksen, optaget noget TV og set det på min Mac Mini! Ja, man bliver helt forpustet – men bare rolig, det er meget nemt.

Opgrader boxens software…

Det er altid en god at holde sine elektronik ting opdateret. Det gælder ikke kun på computere – også nutidens “gadgets”. Så gå ind på producentens side og download seneste version. Hvis du vælger den samme model som mig så skal du vælge Version 3 softwaren.

Her kan du finde mere information, elektroniske manualer og software.
Clint DC1 – Kabel TV (DVB-C)

Jeg har lige prøvet at afspille en optagelse på min Mac Mini ved hjælp af programmet VLC Media Player, der er et gratis stykke software der findes til stort set alle operativsystemer. Det er er her nedenfor er et screenshoot af en optagelse jeg har lavet fra DR Ramasjang idag.

Optagelse lavet via Clint DC1

Optagelse lavet via Clint DC1. Denne sekvens er på 1.04 minutter, fylder 39,4 Mb.

Optagelsen ser rigtig fin ud, også i fuld skærm. Så jeg må bare sige at jeg kun kan anbefale denne fine box! :-)

Relateret information

Share

Become a millionaire – write a great webapp!

Today I wrote my first “Initial impressions”. It is about a eBook which dives into AngularJS. A framework from offering great features for webapp developers.

The future wil undoubtedly contain lots of web based apps. I expect that it may will be an importent supplement for app store based native apps. We are not there yet, but HTML//Javascript based browser apps are getting stronger and stronger by the day. Things like accessing the hardware of say the phone are offered through HTML5. You can for instance access the webcam and manipulate the live video, doing things like “Chroma key” (“green curtain”) overlaying elements on the video from the webapp. All done using only HTML5 and javascript!

Webapps run anywhere only a browser is required. The days of plugins in the browser are long gone! Many devices today share the rendering engine used to convert then HTML markup, the CSS styling and the javascript into a webpage, they use an open source engine: WebKit. For instance Google Chrome, Apple Safari and Opera desktop browsers all use webkit. Other devices like Apple iPhone and modern Samsung TVs also use it – so we are getting closer to a write-once-use-everywhere scenarie, and that is great!

When someone wants to offer an online service it makes great sense to choose a platform which have a wide use. The cost of developing such services are lower when you can write-once-use-everywhere. Maintenance costs are lower and it will all lead to more services for us users.

It also makes it much easier to develop in such a setup cause as many discover the power of webapps we will see more developers blog and share their experiences with the HTML5 based webapps. It is a positive development which we all enjoy.

A great example from history with environments that works is the Microsoft Visual Basic script. It was the fundament of many of the initial applications developed for the Microsoft Window operating system. Thousands of “apps” were developed by many people. Many of the apps were dead after some years, but as so many “seeds” were planted the number of surviving apps were larger, and many of the software houses developing for Windows today have root in that area of time. It also was the reason for many people to choose windows.

Apple iOS saw the same development, and today many people choose iOS instead of say Google Android because of the fact iOS have more apps.

With webapps we may finally have the chance to run our beloved app anywhere – choose whatever platform you desire, just be sure it has a great browser! Also we may see even cheeper apps because we dont have to pay a percent to the hosting app store as we sell the app.

This takes me back to where I started: I wrote my initial impressions on an eBook which is about AngularJS. AngularJS is a framework which will let people write great webapps – who knows if YOUR webapp will attract so much attention that you become a millionaire? :-) Let your hope drive you life, go for realising your dreams! And perhaps one of those dreams can be realized through a webapp, written in AngularJS, something that this book is an example of :-)

Initial impressions from the ebook “instant AngularJS (starter)”

Share

Google Chrome extension will explain words for you

I am used to having a dictionary build into my the OSX of my Mac Mini computer, however I find the extension for Chrome “ Dictionary” by a very useful one.

Chrome Extension called Google Dictionary

Chrome Extension called Google Dictionary

Download/Installation

You can download the extension from Google Play. Simply open a new tab in Chrome. You will see a bar in the bottom of the screen where you can click the “Chrome Webshop”. It will take you the the official place for extensions to Chrome. In the left sidebar of the webshop you have to click “Extensions” and then “by Google”. Somewhere in the list of extension you will find the Google Dictionary.

Chrome extension icon for Google DictionaryOtherwise simply enter “Dictionary” in the search area, or use this link to the “Google Dictionary“.

Installation is simply a matter of clicking the Google Dictionary icon in the Chrome webshop. You may have to restart the browser.

The dictionary also offers you to search for words (by clicking the extension icon in the toolbar) and it even sometimes can pronounce the word. All this is kind of luxury if you compare to what was possible some years back.

It can also do translation and lookup words in wikipedia:

Google Chrome extension Google Dictionary can lookup from wikipedia

Google Chrome extension Google Dictionary can lookup from wikipedia

Here is the build in dictionary of the Mac OS Mountain Lion:

Apple Mac OSX build in dictionary

Apple Mac OSX build in dictionary

Google Dictionary above and Apple OSX Mountain lion below

Google Dictionary above and Apple OSX Mountain lion below

To thanks to Google!

Share

Lorem ipsum – dummy text, and images

During the process of creating a new webpage you focus on building a layout or a prototype which lines up how the content will appear. On that step in the way to a placeholder for content it is the overall look which is important, not the actual message included in text and images. One common way is to replace readable text with Latin text – Lorem ipsum. It is text which in the eye looks like text with meaning, but is actually non-sense text.

Lorem ipsum – the often used text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The above text is used very often, it was produced in Sublime Text 2 editor, where you only have to type “Lorem”+[Tab] to get that text. What if you want to use other style than the latin variant? I have discovered that there exists many online web apps which allows you to create other funny variants. Here are some examples of them, which I found through a post “Got Bored Of Lorem Ipsum?” published on the great website “www.webresourcesdepot.com“.

Bacon Ipsum - http://baconipsum.com/

Bacon ipsum dolor sit amet biltong leberkas chicken filet mignon tail,
tongue meatloaf ball tip pancetta drumstick. Short ribs turducken cow,
corned beef ball tip tenderloin ground round hamburger sausage turkey
doner bacon chicken leberkas. Ham hock frankfurter tail jerky pork loin
pork tri-tip pork belly leberkas pig. Corned beef prosciutto salami pancetta,
venison flank tri-tip capicola ham hock tail cow beef hamburger.

SAMUEL L. IPSUM - http://slipsum.com/

The path of the righteous man is beset on all sides by the iniquities
of the selfish and the tyranny of evil men. Blessed is he who, in the name
of charity and good will, shepherds the weak through the valley of darkness,
for he is truly his brother's keeper and the finder of lost children.
And I will strike down upon thee with great vengeance and furious anger those
who would attempt to poison and destroy My brothers.
And you will know My name is the Lord when I lay My vengeance upon thee.

GAG IPSUM, the funny dummy text - http://gagipsum.com/

Gag ipsum dolar sit amet monday y u no grey alcohol the avengers. Le
me angry birds always dead cool german avenger drink computer feel
like a sir rebecca black. I See What You Did There male varius
anonymous yao viverra in mom brother. Read wodka facebook no really?
Pokeman in class strangers on back lose weekend men right. Keyboard
one does not simply woman phone face le derp unsave games nap gag
challenge accepted. Unlock note gentlemen le girlfriend close enough
not okay happy diablo 3 gasp luke morbi.

And now also “Dummy (!)”

Why stop there? That may have been the thought of the people about a website which delivers… dummy images: http://lorempixel.com/

You can specify size and optionally also a category where the dummy image should be picked from. The URL which will give you the dummy image is simple and you can easily use it as an API when you create you layouts.

Here is the syntax:

http://lorempixel.com/400/200/sports

First the URL: “http://lorempixel.com/” followed by the expected size of the image. In the case above it is 400 by 200 px. You may then also select from a set of categories, in this case “sports”. Other options exists, visit the site to see them.

Three examples of lorempixel images:

Sports image of 190 by 108 px
Sports image of 190 by 108 px with dummy text
Sports image of 190 by 108 px

A simpel image with text – “Dummyimage.com”

Another great site for getting dummy images of a specific size is dummyimage.com. I have used that a lot and it works fine for me. However sometimes I have seen a little slow response. You can also specify more advanced features through the URL, but basically the URL is:

http://dummyimage.com/190x108

Here are two examples:
specify aspect ratio 16:9 and wanted height 108
GIF, a background color, foreground color and text specified

So go ahead find your dummy content online using web apps out there!

Links to related content
Share

Publish to your wordpress blog directly from Google Docs

This blog post is a converted Docs document, automatically posted to this blog using plugin. Read on… (The images from the original Google Doc is not here as the plugin at the current version does not support importing images).

Sometimes as I work implementing websites my customers ask for a Blog. They may already have a CMS system which may or may not be perfect for the Blog part. I really like WordPress and find it so cool and strong that I would in a perfect world recommend using WordPress for blogging.

Update: “Google Docs no longer supports xmlrpc” which means that you cannot save from Google Docs to wordpress I then went for another solution – read below.

The WordPress dashboard is not easy to use

The wordpress dashboard is very strong and features full, which to new users can seem overwhelming, but why should the user at all use the dashboard? You can post to wordpress directly from Microsoft Word, Microsoft windows live writer (free) and many other applications. That way the editor will never have to log in to wordpress, but can create and edit blog post directly from their desktop computer (or tablet).

Using Google Docs to create and post blogs?

I just discovered Google Drive a sort of hard drive in the cloud which as Dropbox integrates to your desktop or tablet and allows you to store files in the cloud. So I googled and discovered a great post by Bill Bennet: “Publish Google Docs to WordPress”, and this blog post is actually created by:

  1. Create a Google Doc
  2. Publish to wordpress using Share on Google Drive

What does this prove?

This blog post proves that

  1. You can write blog posts using a free online word processor tool offered by Google Docs
  2. You can use the greatest (IMHO) blog software – WordPress – without having to learn to use the “” of it

 

Just to test I have added a icon provided by iconfinder.com

Update – alternative ways to get Google Docs to WordPress

1. attempt: Using Google Chrome Extentions – no no :-(

One way you may create contents on your wordpress blog could be found in the Google Chrome Extentions. Searching for wordpress on the Google webshop gave many results:

Trying out another way – “Docs to wordpress” plugin for wordpress

I then googled to a page “Marrying Google Docs and WordPress (or really any CMS)” By William P. Davis which is what I will try now. I have installed the plugin on my blog. I find it not easy, I think that you keed to know what you are doing on a super user level. But it is possibel. You should also read this post: http://dev.bangordailynews.com/2011/06/20/quick-update-to-the-docs-to-wordpress-plugin/

 

I will try to follow the guides above – Did succeed? Yes!

After doing some changes to my wordpress config I succeeded! Here is a screenshot from my blog:

Now I just need to put my Google Doc in a folder “FOR WORDPRESS” and when it has been fetched by the wordpress plugin the document is moved to “PUBLISHED TO WORDPRESS”. I will actually test the plugin further as I will now save this updated version of the Google Doc document back to the “FOR WORDPRESS” folder and will then see if the document will be updated on my blog (instead of creating a new blog post).

The updade also worked – now all I am waiting for is the option also to import the images in the document.

Find this document shared online here: https://docs.google.com/document/d/1eaKLwVC4sJFN_7q_5QSsO1FnvuSYcF4Xf9LOaGmJEFo/edit

 

Share

CSS outline – the border which will not break your layout

If you wish to mark an element with a border you will also change the rendered size of the content. So that is where the “outline” property comes handy.
You probertly have allready seen it, when something gets focus many browsers adds an outline to that element with say a dotted thin grey outline.
You can use it simply by adding some CSS to your page. Below you can see the defined styles with a 4px red outline.

The border styles defined

  • none outline: 4px red none
  • dotted outline: 4px red dotted
  • dashed outline: 4px red dashed
  • solid outline: 4px red solid
  • double outline: 4px red double
  • groove outline: 4px red groove
  • ridge outline: 4px red ridge
  • inset outline: 4px red inset
  • outset outline: 4px red outset
  • window-inset outline: 4px red window-inset
Releated
Share