Image Image Image Image Image
Scroll to Top

To Top

Information Resources



Information Resources


By admin404

Stafflist Demo

February 18, 2019 - Information Resources

StaffList is a WordPress plugin that makes it easy to build and maintain a sortable/searchable table of contact records. The plugin uses shortcodes that can be inserted into WordPress posts or pages. This page is simple demo of how StaffList appears in a page, but some additional information about how to use StaffList shortcodes is provided below the demo.

For this demo, sample data of The Simpsons characters was provided by Steven Lee (“witwal”) on GitHub.


Customizing Stafflist

You can insert the StaffList directory into any WordPress page or post using the shortcode:

If you wish to change the default number of rows from 20 per page, use the shortcode attribute:[stafflist rows=50]

If you wish to use just a subset of records, use the shortcode attribute:
[stafflist subset="department:marketing"]

If you have a column in your StaffList called “Building” and wish to show records from Building A and Building B, use:
[stafflist subset="building:a|b"]

Searches are performed as you type and when the enter key is pressed.
If you wish to limit this function to just enter (or just type), use:
[stafflist on="enter"] or [stafflist on="type"]


Other Plugins by ERA404

Tags | directory, employee list, free, list, phone book, phone directory, phone list, plug-in, plugin, staff, staff list, stafflist, word press, wordpress



Information Resources


By admin404

ERA404 Favicon / App Icon Generator

March 31, 2016 - Information Resources


See that little orange circle in the tab of your browser? That’s a favicon. The little 16×16 pixel square isn’t there just for looks. It has a subtle – yet important – role in building the brand on your website. When a visitor sees one, it’s a strong indicator that they came to the right place – which can also be reassuring in a sense.

But a 16 x 16 ICO file just won’t cut it anymore. Enter the ERA404 Favicon Generator.

The concept of favicons was first introduced by Internet Explorer in 1999. They were produced in ICO format and were dropped in the root folder of the domain as/favicon.ico. Since then many things have changed. They are now used for multiple purposes in different devices and many developers pay insufficient attention to their importance and thereby miss an opportunity to make their websites that much more distinctive and memorable. Today, favicons have an importance of their own. Their visual impact will continue to grow and you should expect them to grow in functionality, as well.

As different devices and screen resolutions continue to arrive on the market, the number of icons required for web sites and applications keep growing.

One of the best enhancements to the use of the favicon in recent times has been the expansion to allow the 32-bit PNG format. You can use transparent images with rounded corners as the favicon for your websites, a design that was too difficult to achieve in ICO format. Browsers like Google Chrome and Mozilla Firefox allow the use of PNG favicons.

Apple devices with iOS 1.1.3 and later require a special type of rel property which can be recognized only by such devices. The rel property in such devices use apple-touch-icon and apple-touch-icon-precomposed.  The value apple-touch-icon-precomposed is used to instruct the device not to add a simulated shine to the favicon and use it as it is. The recommended basic size for Apple devices is a 57×57 beveled square. For higher resolution screens use 114×114 size images. iPad2 uses 72×72 size while iPad3 uses 114×114 for its retina display.

Windows 8 uses the concept of tiles and has the option to pin a website to the home screen. Pinned Sites in Windows 8 describes how site developers can provide a site icon for their sites’ pinned site tiles on the Windows 8 Start screen, using msapplication-TileImage and msapplication-TileColor. More information can be found on the Microsoft Developer Network’s IEBlog.

Use the ERA404 Favicon Generator


App Icons

If you’re a developer building apps for iOS or Android, you’ll need to generate a number of icons before your application will even be submitted for review and approval. More importantly, app icons provide strategic marketing and promotional opportunities. If a picture is worth a thousand words, then your app icon is worth more than any other asset for your mobile or tablet app. Your app icon is the most evident element of your branding, both on the home screen of the users’ devices and in the app store where the decision is made to try/buy.

“Many users are inspired to download the app first by the icon rather than the description. We are visual animals and icons play a huge role.”

Gabriel Machuret, App Store Optimization Blog

While the ERA404 App Icon Generator will help you create icons at various sizes for your application, we recommend you use these as the foundation for creating more alluring artwork to promote your app. Sony Mobile recommends taking advantage of users’ impulsive mobile download behavior by making your images more compelling than just an icon. Carefully examine the value of your app icons and their application within the stores. Keep them iconic and uncluttered, strive to stand out, and consider qualified and unbiased reactions to the design before submitting them to the app store (iOS won’t let you change them until a new version is uploaded). Read more guidelines by Sony Mobile, here.

AppIcon Sizes

For your iOS and Android app: app icons, launch images, and Newsstand cover icons are generated in required formats and stored in the app bundle. The OS uses these images in various locations to represent your app.

For app stores (such as iTunes Store and Google Play): larger images are used for app identification and promotional purposes. OSX Human Interface Guidelines and Google Play Brand Guidelines can provide further information about usage and best practices.

Use the ERA404 App Icon Generator

Tags | app, app icons, app store, apple-touch-icon, apple-touch-icon-precomposed, favicons, google play, icons, ios, itunes store



Information Resources


By admin404

Twitter Cards and WordPress

May 19, 2015 - Information Resources

In our “Twitter CardsInformation Resource (February 2013), we shared with you a step-by-step guide for setting up your meta-tags, testing, and applying to Twitter to implement Twitter Cards into your WordPress site. Over the last two years, we’ve updated our process to best suit our clients who want to refine Twitter Card content for their WordPress sites, and overcome the limitations of sites with AJAX-loaded content, which was previously impossible with Twitter.

Read More

Tags | .htaccess, ajax, ajax-loaded, dynamic content, lazy load, php, tips, tutorial, twitter, twitter cards, wordpress



Information Resources


By admin404

App Resource Cheat Sheet

April 2, 2015 - Information Resources

A Quick Reference of Application Icon and Splash Screen Sizes and Locations for Google Play and Apple iTunes App Store

With this year’s release of the iPhone 6 and 6 Plus and the growing, supposed Android Screen Fragmentation, we find ourselves dealing with more resources to support an increasing list of device screen resolutions. Oftentimes, finding an up-to-date list of the application icon and splash screen sizes (and locations, for PhoneGap / Cordova) can be an arduous task. In fact, there’s a very good chance that by the time this Information Resource is published, it will already be deprecated.

Regardless, feel free to reference this list as a cheat sheet for Android and iOS icons and splash screen sizes with the caveat that it was created on April 2, 2015, and may already be obsolete.Read More

Tags | android and ios, android screen fragmentation, android screens, app icon, app resources, app splash, app splashscreen, app store, apple app store, apple itunes, apple itunes store, apple store, application icon, application splash screen, cordova res, cordova resources, Default-568h@2x~iphone, Default-667h, Default@2x~iphone, Default~iphone, drawable, drawable-hdpi, drawable-land-hdpi, drawable-land-ldpi, drawable-land-mdpi, drawable-land-xhdpi, drawable-lpdi, drawable-mpdi, drawable-port-hdpi, drawable-port-ldpi, drawable-port-mdpi, drawable-port-xhdpi, drawable-xhdpi, google play, icon locations, icon sizes, icon-40, icon-50, icon-60, icon-72, icon-76, icon-small, iphone 6, iphone six 6 plus, phonegap icons, phonegap res, phonegap resources, reference, resource list, screen resolutions



Information Resources


By admin404

Cordova CLI Doesn’t Like Spaces

April 10, 2014 - Information Resources

This is a quick trick for any Cordova coders operating on a Windows environment.

C:\app\>cordova -d platforms add android
cordova library for "android" already exists. No need to download. Continuing.
Checking if platform "android" passes minimum requirements...
Creating android project...
Running command:
    cmd args=["/c",
        "C:\\Users\\My Account With Spaces\\.cordova\\lib\\android\\cordova\\3.4.0\\bin\\create",
        "Test App"]
'C:\Users\My' is not recognized as an internal or external command,operable program or batch file.

( Grrr )

Windows should probably know better than to create directories (especially often accessed ones, such as a user’s profile folder), if it doesn’t know how to later address them in command line.

If you’re scratching your head over this one, you can get around it by modifying the path.
Open superspawn.js, located  here:

C:\Users\[My Account With Spaces]\AppData\Roaming\npm\node_modules\cordova\src

Update the line that calls the command to use a symbolic link. It’s roughly line 57:


cmd = resolvePath(cmd);

Becomes This:

cmd = cmd.replace('C:\\Users\\My Account With Spaces\\.cordova','C:\\cordovalink');cmd = resolvePath(cmd);

Then, create a symbolic link at the new location C:\cordovalink, using this command:

C:\>mklink /D C:\cordovalink "C:\Users\My Account With Spaces\.cordova"
symbolic link created for C:\cordovalink <<===>> C:\Users\My Account With Spaces\.cordova

Hopefully this will save you some time.

Tags | android, application, cli, coding, cordova, development, ios, plugin, production, programming, tips, tricks



Information Resources


By admin404

WordPress Video Thumbnails and Facebook

May 6, 2013 - Information Resources

Video Thumbnails (also called “Poster Movies” by Quicktime and “Poster Images” by other video services) are the photos that are displayed in a video player before a video is activated and/or while the video is buffering.

If your blog is built on WordPress, and your videos are hosted on YouTube, you’ll notice that Facebook’s “Like” and “Send” buttons will rather liberally “scrape” (Facebook’s version of spidering and indexing) the article you posted. If you have the WordPress SEO plugin installed, you’re given some greater control over the granularity of your meta. But neither the WordPress core nor this popular plugin currently has a handler for passing YouTube video thumbnails to your social networks via Open Graph. For posts that are videos with only a few words of supplemental copy, Facebook users may not be enticed to click these shared links if they don’t include video thumbnails.Read More

Tags | facebook, plugin, wordpress, wordpress seo, youtube