Ahhh!! I know you mean the iPhone theme, I promise I will, I just get busy with school and then when I relax I make Tumblr themes instead because they’re easier. GDC is next week and I’m crazy busy getting ready for that but I promise it will be my next project! No more procrastinating!
I finally decided to switch to Safari on my Macbook Pro. Chrome uses far too much RAM and causes my laptop fan to go nuts. It also has a weird bug where CSS files don’t work on the Customize page unless they were uploaded using Tumblr’s Upload Static File page. So I’d either have to (1) to save then refresh a separate tab to see changes or (2) upload a new CSS file every time I wanted to see a change. This got old really fast. Now I don’t have either problem and my laptop stays nice and quiet.
However, the one thing I miss about Chrome is the XKit Quick Tag feature. I haven’t found a good equivalent and I hate having to click the post tool button, click edit post, waiting for the post edit to open, add all the tags manually, and then saving. Does anybody know of an alternative that has similar functionality?
I’ve been observing the Transistor theme in the wild and I’ve noticed that some people have popups that don’t work properly. Please note that having HTML in your description may break your layout! Safe HTML includes links <a>, paragraphs <p>, and formatting <strong> <em> <b> <i>. If your menu is broken and you need help, feel free to message me at http://elletricity.com/contact. Thank you!
I am planning to do a series of weapon vectors like the Transistor blade I just finished. I also just finished vectoring Ryuko’s scissor blade from Kill La Kill. Can anybody think of any other swords or other weapons from games, books, movies, manga, anime, etc, that you might like to see?
I’ve discovered a new way to make custom Twitter widgets. Hurrah! I’ll be updating Tumblook and Twittlr after Thursday (the end of finals!) to include the new widget, and I’ll be including one in my future themes.
The following post is dedicated to jailbreaking iOS 7 and the tweaks and tricks I found personally useful after jailbreaking!
Jailbreaking iOS 7 was actually one of the more simple jailbreaks I’ve done. Just download evasi0n from the official website, plug your device in, open the program, and let it run!
FAVORITE APPS & TWEAKS
Certain packages require that you add a new repo to Cydia (located on the Manage tab), in which case I have added the repo’s URL to the description. Packages are available for all iOS 7 devices unless otherwise specified.
iFile (free trial + $4.00) Allows you full access to your iOS device’s file system. Useful for downloading and unzipping files from Safari, editing plist/text files to tweak apps, working with icon/image files for theming and adjusting, and so much more. iFile includes a built-in server that you can access from a computer browser in order to upload and download files, and also includes Dropbox integration. By far the most useful jailbreak app I have ever used. Includes a free trial before you are required to purchase.
AdBlocker ($2.19) Blocks ads in Safari and other apps. Useful not only for preventing ads but also reducing data usage since the ad images don’t load.
AdBlockerNetworks (free, repo.yllier.net) Blocks ad networks such as iAds and AdMob that aren’t covered in AdBlocker.
QuickActivator ($0.99) Allows customization for iOS 7’s Control Center. You can add icons to the top and bottom rows - simply swipe on the row to access the other icons. I added respring/reboot icons and a cellular data toggle to the top row and launch icons to the bottom row for my favorite apps (Safari, Tumblr, Facebook, Twitter, Messages, etc).
biteSMS (free with ads + $7.99, test-cydia.bitesms.com) biteSMS completely replaces the default Messages app and adds much more functionality. The Quick Reply feature is by far the best part of this app - it allows you to reply to a text message directly from the notification. Other features include Quick Compose, themes, passcodes, schedules, templates, contact icons, etc. Not all features are usable yet but are coming soon!
SMS on GV 7 ($2.50) Fully integrates Google Voice with the default Messages app. It also works with biteSMS! You can send and receive Google Voice text messages natively, and the tweak will automatically detect iMessage users and switch to iMessage. For devices other than iPhones, you will need to tweak a plist file - follow the directions on the Cydia listing.
Call on GV Pro ($1.50, iPhone only) Integrates your Google Voice number with the default phone app. You no longer have to use a third-party app to dial from your Google Voice number. It also modifies your call history so that contact numbers will show up instead of the numbers Google Voice uses to dial your contacts. This will also work for iPhones without a service plan.
Activator (free) Allows you to create gesture and touch actions for shortcuts, apps, and other system actions.
GuestMode ($0.99) Want to lend your phone to someone but don’t want them accessing your texts or photos? GuestMode gives you the option to disable apps and system settings when enabled.
WinterBoard (free) Absolutely necessary for easy system, app, and icon theming.
IconBundles (free) For use with Winterboard. Allows you to theme icons without dependency on the actual icon file name. Useful because if the icon name changes, your theme won’t break!
BytaFont 2 (free) Changes fonts system-wide simply and quickly. You can also download font packages from Cydia for easy theming! My personal favorite, as usual, is Source Sans Pro.
PAID CYDIA APPS & TWEAKS
CleverPin ($1.99) Detects when you are in specified wifi networks, listening to music, or charging your battery, and switches off your pin password.
ColorFlow ($1.99) Themes music app colors based on the album artwork of the song currently playing.
Favorite Contacts 7 ($1.99) Displays favorite contact icons in the Notification Center for easy access to calling and/or messaging.
Icon Tool ($1.00) Backup, restore, and delete app data. You can also rename icons!
Printify ($1.99) Send documents to Google Cloud Print or save as PDF files.
SleepyAlarm ($0.99) Easily create alarms in the native clock app based on sleep cycles.
FREE CYDIA APPS & TWEAKS
AndroidLock XT Enables an Android-like pattern lock in place of the text password locks.
Tumblr automagically shrinks any images you upload in text posts to 500px and replaces images from other websites with an ugly grey icon, but here’s a workaround that will let you post images of any size!
Go to your dashboard and open a new photo post.
Select the photo you would like to post.
Upload the photo as a private post.
Click on the photo once the post finishes uploading and then right-click and copy the image URL.
Open a new text post or reblog a post and switch from rich text formatting to HTML (the far right button on your format bar). Use the following HTML code wherever you need your image:
<img src="PASTE IMAGE URL HERE"/>
Click Post and you’re finished! The images should show up as native Tumblr image thumbnails.
You can always delete the original photo posts once you’ve finished with them.
All images in this tutorial were uploaded in the same way. Let me know if you have any problems with this method!
There are many font resources available on the Internet, but the following are the ones I use the most often.
Google Fonts The best part about Google Fonts’ extensive collection is that all the work of converting, uploading, and embedding is already done. All you have to do is link a stylesheet in your HTML or import it directly to your own stylesheet. Favorite fonts include Source Sans Pro, Asap, Inconsolata, and Astloch.
Lost Type Co-op This collaborative effort includes quality fonts with a western, cowboy feel to them. Each font is available on a pay-what-you-want basis - you can donate or download the font for $0. Favorites include Haymaker and Homestead.
MyFonts The front page boasts of the world’s largest collection of fonts, and I can’t deny that it’s the largest I’ve ever seen. Most of the fonts on here aren’t free, but searching for fonts tagged “free” yields some decent fonts with free weights such as Museo (Sans, Slab, and Cyrillic) and Sketchetik.
Dribbble and Behance both showcase beautiful work and many designers offer their fonts for free!
Latin Modern Mono This amazing monospace font has over a dozen different weights and styles, of which I especially love the regular italic variant.
Bariol The font creators ask that you pay with a tweet for the regular and italic versions of the gently rounded font, but I ended up buying the rest of the weights in both regular and italic for just six euros. They also provide a quirky icon font to match.
ICON FONT RESOURCES
Entypo and Typicons are my two favorite icon fonts, hands down. Each includes icons that easily translate to Tumblr’s basic icon needs (home, links, post types, etc) and are aesthetically pleasing. I’m currently using Typicons on my own websites.
Fontello allows you to pick and choose icons from different fonts and creates a custom font you can use on your website. You can even choose what code to use for each icon. This is especially handy because by choosing only the icons you need, you reduce file size and load time.
Base64 Encoder This comes in handy because you can directly embed fonts into your CSS stylesheet instead of having a separate file. Please read up on how to embed base64 fonts as this only converts the file and does not have the proper data type.
This is just a suggestion, but can you make a tutorial on how to make the like and reblog button of tumblr styled? I am having a bad time with it :( thanks!
You can’t style them as the like button is an iframe and the reblog button is a link with an SVG embed. Theoretically, you could style the reblog button by using :before in your CSS (I already do this in my own themes for other icons, you can take a look at my coding), but the like button cannot be styled at all besides the options Tumblr gives you (size, white/black/grey).
Slightly off-topic - I’ve noticed over the past few years that the web design trends are headed towards flatter designs with larger font sizes and larger elements in general. Tumblr’s new like and reblog buttons reflect this change as they look much better at larger sizes. This doesn’t work well with a lot of Tumblr themes that have a very specific kind of aesthetic (themes that are based on movies, TV shows, books, etc, or have patterned backgrounds or textures or lots of small details), but they do work well with clean, minimalist themes with large font sizes and elements. Keep that in mind if you choose to use them.