All posts tagged “file”

Free Magazine Double Spread Mock-up Template PSD File

magazine-mockup-1I've been meaning to make a magazine double spread mock-up template for a while and when I seen this stock image show up on I couldn't not transform it into an easy to use mock up. Unsplash have a 'do whatever you want' policy so there is no need to worry about any copyright and usage restrictions […]
Inspiration Hut – Everything Art and Design

Carbon Steel Utility Knives from Civilware: Single file blades from skateboard legend Geoff Rowley’s outdoor-focused brand

Carbon Steel Utility Knives from Civilware

Wandering through the wilderness, far from civilization, has both inherent benefits and risks. The more remote you get, the more you’ll want gear that’s sure to perform no matter what you come up against. Inspired by his…

Continue Reading…

Cool Hunting

How to keep the full file name when saving for web in Photoshop

When using the “Save for Web” function in Photoshop, a little thing has been annoying many designers for a long time, Photoshop will truncate your file name. This makes it more difficult to save series of images that are numbered at the end of the file name.

However, it is very easy to modify the software’s behavior on this point. For that, when you are in the “Save for Web & Devices” panel, click on the tiny arrow that points down (located on the right hand side of the preset dropdown, see screenshot below).


In this menu, choose the “Edit Output Settings…” item. You will then see a panel that looks like the following image.


Here, under “Saving Files”, just uncheck all the checkboxes in the “Filename compatibility” section. That’s it, you are set and will not have your file names resized against your will.

The post How to keep the full file name when saving for web in Photoshop appeared first on Design daily news.

Download the free transport icons package now!

Design daily news

Include HTML File Into Another Using HTML Import

HTML is the standard language that forms a Web page, but it is not easy to extend or to maintain. We need another language as a layer that enables us to generate HTML dynamically. HTML Import is a new standard module that tries to make HTML more flexible.

HTML Import allows us to include an HTML file into another HTML file. We can also access and reuse the content inside. This is an exciting new feature that may change the way we build HTML in (perhaps) the next decade.

At the time of this writing, however, the HTML Import is still in the Working Draft stage and Chrome (v36 and above) is the only browser that supports it.

Note however that this feature is disabled by deault. To enable HTML Import in Chrome, go to the chrome://flags page, enable the Enable HTML Imports option, then restart Chrome. Let’s start experimenting with HTML Import.

How to Use HTML Import

Including an HTML template is similar to the way we include a stylesheet, we use the <link> tag. But instead of using rel=stylesheet, we add the link tag with rel=import. As an example, here I will include a template named template.html (I’ve added a few lines of dummy content to it).

 <link rel="import" href="template.html"> 

Now if you see the Web page through the Chrome DevTools under the Network tab, you can see that the browser (Chrome) loads the template.html.

Keep in mind that the content in the file that is imported is not instantly appended to the main HTML file. When you see the main HTML file, you will see nothing at the moment.

Reusing Content

To append the content in the file, we need to write a few lines of JavaScript. Normally, we may put a script within the head tag. But in this particular case, we may add the script within the body. Also, in order for this following script to work, we have to put it after the rel=import. We have to ensure that the content in rel=import has been completely loaded by the browser before the script, so that the script is able to recognize the elements, the element’s id, or the classes within that file.

To begin, we select the template file with this code.

 var getImport = document.quearySelector('link[rel=import]'); 

This will select all the link tag with the rel=import. You may import multiple HTML files and want to select only a specific link tag, you may add id to the link tag and select it using the id instead of with the link[rel=import], as shown above.

For example, assuming you import files, like so:

 <link rel="import" id="template-file" href="template.html"> 

you can replace the code with:

 var getImport = document.querySelector('#template-file'); 

Once the file is selected, we need to select which content we will append to the main file. If you have the content wrapped with an id="content", you can select the content this way.

 var getContent = getImport.import.querySelector('#content'); 

Now we can append the content within the body using the JavaScript appendChild() method.

 document.body.appendChild(document.importNode(getContent, true)); 

The content should now appear in the main file.

Using stylesheet

Contrary to how we append content, the stylesheet that we put in the imported file will affect the main content directly. Here we have style.css added in the template file, containing the following code that should change the paragraph color to red.

 p { color: red; } 

The style immediately takes effect, as follows.

Final Thought

HTML Imports is useful to build a modular and maintainable web page. But, keep in mind that this method, using HTML Import, may not be suitable if SEO is important. The content is appended using JavaScript, which is invisible to search engine crawlers. Use HTML Import sparingly, only to add additional or secondary content to your web page.

How To Hide A ZIP File Inside An Image On Mac [Quicktip]

There are times when you would like to hide sensitive files from prying eyes. You could encrypt them but encryption and decryption takes time and the files they leave make it obvious you have something to hide.

In this quicktip, we will show you a simple way to hide your files in plain sight on your Mac. It will involve hiding your zipped files behind an image file. This is a great way to hide files without relying on any third party applications while still having quick and easy access to them.

Getting Started

You will need an image file, and all the files you want to hide zipped in a ZIP file. For this example, we will use a nyancat image named image.png to be our cover. The tip works with JPG and GIF files too.

Our ZIP file is named We will be hiding this in image.png. Here’s how.

Prepare Image

First, make sure these files are on your Desktop. Open up Terminal. Type in the following command, then press Enter.

cd Desktop

Next, type in the command below and press Enter:

cat image.png > image2.png

Once the command is used, a third file will be created on your Desktop called image2.png. This PNG file carries within it.

Image Created

To prove this, notice that change in file size for image.png (12 KB) and image2.png. (20.3 MB). You can access this information by right-clicking on the file and clicking Get Info.

Get Info

The image2.png file behaves like a regular PNG file. If you try to open it, it wil pop up in your default photo viewer.

Image Preview

In order to unzip the hidden zip file, you will need to use Terminal. Use the following command to unzip the file:

unzip image2.png

The ZIP file within image2.png will then unzip its contents where the image is located.

Image Unzip

How to Insert File Path Quickly in Sublime Text [Quicktip]

Sublime Text is a very minimal code editor. It comes without much of a GUI; even the settings are done in text-based fashion. This minimalism helps us to focus more on writing the codes rather being distracted with the code editor’s dressing. But this also comes with one question in mind: How do we insert a file path?

Other code editors, like Coda for example, allow you to insert a file path for images, or stylesheets by simple drag-n-drop — just drop the file onto the working area.

Sublime Text, on the other hand, does not have such a feature. You might have to type the path in – which is no fun. Here’s an alternative that will make inserting file paths easier and more streamlined.

My First Solution

My first solution was using a plugin called SidebarEnhancement. This plugins adds some extra items to the contextual menu of the sidebar including Copy Path. Option, right-click on one of the files in your project, right-click, and select the Copy Path option.

There you have the path of the selected file. And this way is better than having to set down the file path with your hands. Not good enough? There is another better plugin for the job.

A Better Solution

This second plugin is called AutoFileName. You might be familiar with the code auto-completion feature in Sublime Text — this plugin brings a similar auto-complete functionality for file name. You can install this plugin via Package Control.

Assuming that your project has an HTML file, and two folders; one for storing stylesheets and another for images, within the <head> tag of the HTML file, you may want to link a stylesheet. With this plugin installed, you can simply put the cursor in the href, and it will show a list of files and folders that are at the same directory level.

Then, selecting the css will list the files and folders in it.

Looks more efficient and streamlined, right? You don’t have to repeatedly “copy and paste” every time you need to insert a file path. This plugin does the guess work for us.

Inserting Image Path

This is, I think, is the most helpful feature from AutoFileName. When you insert an image, it will identify the image size, the width and the height. Then it will also automatically populate the image width and height attribute with the identified size. Perfect!

Final Thought

These are the two plugins that regularly accompany my daily work. But I now use SidebarEnhancement primarily to manage the projects that are attached in the Sublime Text sidebar. For inserting file path, I use AutoFileName which does the job perfectly. Lastly, I hope you find this quicktip useful, and that it will help increase your productivity.

13 Free File Encryption Tools And Software

Encryption is necessary because it protects your data stored on computer disk. By the use of disk encryption you can save your precious data even when your operating system is not working or active. A password is required to decrypt the data again and to open it.

In this post, you will see list of 13 best and free file encryption software and tools. We hope that all these file encryption software and tools will helpful for you. Feel free to share your opinions and comments with us via comment section is below.


Free open-source disk encryption software for Windows 7/Vista/XP, Mac OS X, and Linux.


Enigmail is a security extension to Mozilla Thunderbird and Seamonkey. It enables you to write and receive email messages signed and/or encrypted with the OpenPGP standard.

Whisper Systems’ Red Phone for Android

Secure your communication with our mobile applications. It’s that simple.

Silent Circle

Send Peer-to-Peer Encrypted Texts, Phone Calls, Video Calls, and File Transfers from Your Mobile Device.


Join over 20 million Ghostery users and download the web’s most popular privacy tool.


Cipher0z is a file encryption freeware that is used to encrypt text files and lets you protect them with password. It is one of the simplest file encryption software that is specially designed to protect text files containing your confidential data. Cipher0z uses AES encryption method which is one of the most popular used method to encrypt files.

File Encryption Software: Free File Camouflage

Free File Camouflage is a free file encryption software. It enables you to hide confidential data or files inside a jpeg file, protecting them from prying eyes in the best possible way. Files are generally encrypted using AES and are hidden inside a jpeg image.

iDoo File Encryption Free

iDoo File Encryption Free is a free File Encryption software which allows you to password protect Files on your system. Moreover, this file encryption tool allows you to hide, lock and protect files easily without any complicated process.

File Encryption

File Encryption is a free software for Windows that helps to encrypt files with password and also lets you select folders to encrypt & secure them. Thus you will be able to add multiple files and folders at a single time for encryption.

AES Crypt

AES Crypt is a file encryption software that encrypts your files easily and secure your sensitive/personal files. There is no need to get worried about the fear of losing your important, personal or sensitive files, once you have AES Crypt file encryption software with you.

Cryptography Studio

Cryptography Studio is a free encryption software for Windows that lets you easily encrypt a file and decrypt encrypted files protected with password. Hence you can protect important files with password and can decrypt them with the same password. This software also provides multiple hash algorithms which you can choose at the time of encryption.


To encrypt a file, just drag and drop the file to Encryption section. Conceal will prompt you to specify a password for the encrypted file. This ensures that anyone who want to decrypt that file needs to know that password.

Ghost Puzzle

Ghost Puzzle is very efficient, free file encryption software which has been designed for encrypting and decrypting files in order to ensure they are safe enough from unauthorized access.

Free and Useful Online Resources for Designers and Developers

I Have a File to Share, How do I Turn it Into a Torrent?

I Have a File to Share, How do I Turn it Into a Torrent?You have a file that you want to share. It could be something you made yourself or content that is protected by the Creative Commons License and permitted to be distributed that can be share freely online. Providing you’re not sharing anything you shouldn’t (that would be classed as copyright infringement) you have every right to share your file. If this is the case you need to prepare the file so it can be spread out far and wide using various methods, such as peer to peer file sharing. The problem is if you’ve never created a torrent file you will have to learn, but thankfully it’s not that difficult and by following the tips below anyone can easily do so.

Finding the Right Client

Before you begin you’ll need to find a suitable client to use, a piece of software that is freely available that you can install quickly and easily onto your PC. There are all sorts of Bit torrent clients available but don’t rush into downloading the first one you find that comes up in your search results. It’s important to investigate the client a little bit first. You must avoid copyright problems and you can do this by using a bit torrent client that supports only the sharing of legal files. These clients will be used by other people around the world that will not be interested in sharing things they shouldn’t. They will also provide information on their website that will help you to avoid sharing content that could lead you into trouble.

One such responsible client to consider is Vuze. Vuze is a bit torrent file that has been given five stars from the respected website CNET and has been awarded accolades from It’s a simple app that is easy to use and there’s plenty of useful advice found that could benefit anyone who is new to using and creating torrents.

Creating the Torrent File

Once you’ve downloaded the Bit torrent client open it up and look for the File tab on the menu bar. A drop down menu will open up with different options but the one you need is called New Torrent. Click on the New Torrent label and a torrent wizard will open in a new window. The new window is where you’ll create the torrent file. To do this all you need to do is select the file you want to be transformed.


Once you’ve selected the file you’ll be able to choose some tracker options, it could be embedded, external or decentralized. The embedded tracker allows you to share your newly created torrent file directly so there’s no need for an external tracker. If you don’t want to host the torrent it’s better to choose the external tracker option. This will allow you to share the file on a suitable website where users can choose it and download it without having to become a host or use your static IP.

You have decided what files you want to share and chosen the external tracker option, so click the Next button. This is when you drag and drop your selected file into the window that opens or you can browse on your PC to find the right files and add them that way. Click the Next button, tick the option that reads ‘open the torrent for seeding’ and click on the Finish button. The Vuze client will then begin working; the time will vary depending on the size of your files, but once completed you save the file.

Sharing Your Torrent File

You’ve done the hard work (it really wasn’t that difficult was it?) and now you’re ready to unleash your content into the world. To do this you’ll need to open Vuze and open the torrent file you just save from the drop down menu listed under File on the menu bar. You should be able to view your file in your library on the client and with a simple right click you can publish the file from the menu. When you publish the file you’ll be given a URL for your torrent which you are able to share with your friends and family. To share the file with the general public you’ll need to register with a torrent site so other people can find your file with ease.

It is essential to remember that you must avoid sharing copyrighted material at all cost when you use Vuze or any torrent site. Always double check the content you’re sharing to ensure it is either permitted to be distributed under the Creative Commons License or that it contains content that you own the complete copyright too that doesn’t violate copyright laws or trademarks.

About the Author

John Russell is a tech and marketing expert with several years of expertise under his belt. When used correctly he recognizes the advantages of using bit torrent clients.

Web Design Blog, Tutorials and Inspiration | Web Design Fact

Trends Hunting – Blogging With Flat File CMS

Do you know how to be come blogger in just a few minuted? If you’re nor “technically tempered” here is a solution for you – Flat File CMS.
Template Monster Blog

10 Online Applications To Help With File Management

Managing file is a necessity of today’s world because we have to deal with the great amount of different types of files on a daily basis – be is documents, images, photos, multimedia, etc. therefore, it is important to have a system where you can manage all of your files without any hassle.

Today, the communication and business processes demand the files to be rapidly shared, edited and created. People all over the world can now edit of view the accessible files regardless of their PC specifications and internet speed. This circumstance gives rise to the use of online services rather than desktop applications. Online entrepreneurs mostly use online services to manage their work files so that they can access them wherever they go.

eXtplorer -PHP and JavaScript based File Manager

eXtplorer is a web-based File Manager. You can use it to, browse directories & files on the server and, edit, copy, move, delete files, search, upload and download files, create and extract archives,


Pydio allows you to instantly turn any server into a powerful file sharing platform.


Share files with your clients or staff on your web site. Enable your users to securely access, upload and organize documents from anywhere with only a web browser. Store your confidential files on your own server and have full control over them.


Install CKFinder to increase daily website content management productivity. Easily upload and download multiple files. All users will find the interface intuitive and simple to use. You will only regret not having installed CKFinder on your website earlier.


Full featured PHP web based file manager with an easy to use ajax user interface. Upload and download large files for easy sharing.


Here’s what activeCollab can offer to help you manage your projects more effectively: Organized projects and task management, Centralized and open communication, Simple and easy way to track time and expenses, Billing your clients for the work you’ve done.


Give your team one place to share, find, and collaborate on information they need to get work done. Give your team Confluence. No email. No meetings. No problem.


Producteev is the leading social task management solution for teams. It’s helped thousands of teams get work done faster and more effectively.

Central Desktop

web based collaboration software for business teams to share information and collaborate on projects.


Teambox is a collaboration platform for task management, file sharing and communications.

Free and Useful Online Resources for Designers and Developers