Category Archives: Design

End Of User Configuration. Here Be Dragons!

Recently noticed that the paths.php file included with Laravel has a nice Dragon in ASCII Art. Check it out:

Posted in Design, Random, Web Development | Tagged , | Leave a comment

Open Illustrator Files with Photoshop

Did you know that you can open Adobe Illustrator Files in Photoshop? Adobe Illustrator files (.ai files) are saved in a PDF compatible format / vector compatible but also with a limited font set available. You can specify the resolution when opening the file: This makes it possible to open your Adobe Illustrator files in Photoshop. They will be vectorized, but you can specify the resolution that you wish to use when opening them. Any vector items will be scaled up without losing quality. Rasterized items will be included but will nto scale-up without pixelation. Please note that if you want the image to appear “actual size” on the screen you will need to set the resolution to 72dpi unless you are using something like a retina display. The default resolution for opening an Adobe Illustrator file in Photoshop is 300dpi.

Posted in Design, Software, Tech Tips | Tagged , | Leave a comment

AWS Control Panel Gets a CSS / Design Refresh

Amazon EC2, CloudFront, and all of the other Amazon Web Services have received a CSS / Design refresh after a few years of using the previous design. A few highlights on the new design: Dropdown Selection of all AWS Services This has been available for at least a few months. Amazon was adding so many “tabs” to the previous horizontal layout that they ran out of space. Configurable View Options Much like WordPress’s “Screen Options” Amazon has added some settings for how you view items in the toolbar: Collapsable Sidebar Amazon now gives you the option to collapse the sidebar more easily (previously you could resize it). Toggling it is a more effective way to quickly see more of the columns in the panel on the right. Quick Toggle for the Properties Panel There are now three icons in to quickly toggle sizes in the Properties Panel at the bottom There have been a few other changes to try and make the panel more “responsive” and friendlier for small screen sizes. However, I would still rather use a mobile app to manage EC2 instances on my phone.

Posted in Design, Server Admin, Tech Opinion, Web Development | Tagged , , | Leave a comment

Introducing the Kindle Fire HD 8.9″ Tablet

Amazon has introduced a new product – the Kindle Fire HD 8.9″ Tablet Features for the new tablet include: Stunning 8.9″ HD display, exclusive Dolby audio, and fastest Wi-Fi 1920×1200 HD display with polarizing filter and anti-glare technology High performance 1.5Ghz dual-core processor Dual-band, dual-antenna Wi-Fi for 40% faster downloads Over 22 million movies, TV shows, songs, magazines, books, audiobooks, etc Integrated support for Facebook, Twitter, Gmail, Hotmail, Yahoo! Front-facing HD camera for taking photos or making video calls Free unlimited cloud storage for all your Amazon content Kindle FreeTime – a free, personalized tablet experience just for kids Prime Instant Video Kindle Owners’ Lending Library

Posted in Design, Marketing | Tagged , | Leave a comment

How does CodeKit inject CSS changes without refreshing the browser?

CodeKit is a nice little app for web development which does things like processing LESS into CSS and minifying javascript. It has one feature that is perplexing: “Inject CSS changes without a full reload” It’s in the app’s preferences menu: What it does: When you’re editing a CSS file and have a page that is using that CSS file open in your web browser, CodeKit watches for changes to the file and pushes the new CSS styles into the browser without doing a page reload. I didn’t have to install any plugins into Chrome and I don’t see any in the Extensions manager for chrome, but somehow it works. How is this possible? I do notice that after several CSS tweaks the browser will start to slow down and become unresponsive unless I refresh the page. The Answer? It uses CSSRefresh: http://cssrefresh.frebsite.nl/ Update Looks like CodeKit is now using Live.js (http://www.livejs.com/) instead of CSSRefresh   Found the actual javascript that Codekit is using: (function () { var e = {}, t = {}, n = 0, r = { refreshStylesheets: function () { function i(e) { var t = document.location, n = new RegExp(“^\\.|^/(?!/)|^[\\w]((?!://).)*$|” + t.protocol + “//” + t.host); return e.match(n) } var n = document.getElementsByTagName(“head”)[0], r = document.getElementById(“LPCodeKitLiveTransitionRule”); r && n.removeChild(r); var s = document.styleSheets, o = document.styleSheets.length; for (var u = 0; u < o; u++) { var a = s[u]; if (!a) continue; var f = a.media.mediaText, l = f.search(/print/i); if (l !== -1) continue; var … Continue reading

Posted in Design, Tech Tips, Web Development | Tagged , , , , , | 1 Comment

Take Twitter with you. Get the app.

Twitter says “Take Twitter with you. Get the app.” I know why the have most of these apps, like the iPad / iPhone and Android. Hell, even the windows app. But why is the Nokia s40 so special that it gets it’s own app? Is this the European iPhone? Have your device with you? Visit m.twitter.com on your device » Questions about using Twitter mobile? Visit our Mobile Help Center » Privacy controls & notification settings? Visit our Mobile Settings page » About Help Terms Privacy Blog Status Apps Resources Jobs Advertisers Businesses Media Developers

Posted in Design, Marketing, Social Media, Tech Opinion, Web Development | Tagged , | Leave a comment

Trello Icon – PNG & ICNS

In 2011 Max Masnick posted an icon for Trello, and shortly thereafter @innovati provided an updated icon and a photoshop template. I’ve taken a stab at the Trello Icon based on @innovati’s work and below is the result. Just like Max, I was interested in using Trello as a Fluid App on Mac OS X and needed a nice ICNS for the Application. The file can be downloaded as an ICNS as well. The second file can be downloaded as an ICNS as well. Thanks to Max and his post for the sources I needed to create this.

Posted in Design, Mac, Marketing, Tech Tips | Tagged , , , , , | Leave a comment

Now Showing: WWDC 2012

Registered Apple Developers can now access over 100 session videos to get an in-depth look at the latest in iOS and OS X. View the videos at https://developer.apple.com/videos/wwdc/2012

Posted in Design, Mac, Software, Tech Tips | Tagged , , | Leave a comment

Input/Output – Google I/O 2012

Google I/O 2012 brings together thousands of developers for three days of deep technical content focused on building the next generation of web, mobile, and enterprise applications with Google and open web technologies such as Android, Google Chrome, Google APIs, Google Web Toolkit, App Engine, and more. Brush up on your geometry, dust off your protractor, and architect a machine only you could have dreamt of. Join developers tackling our latest Chrome Experiment for a chance to have your machine featured at Google I/O. The keynote and the sessions for Chrome, Android, Google+ and other select sessions will be streamed live across four channels during the first two days of Google I/O. Be sure to bookmark this page and check back on June 27. Learn the latest web, mobile and social breakthroughs and meet the developers who are turning them into tomorrow’s businesses. Keep yourself and your team innovating at Google I/O, returning to San Francisco’s Moscone Center from June 27th – 29th, 2012. https://developers.google.com/events/io/input-output/

Posted in Design, Marketing, Social Media, Web Development | Tagged , , , , | Leave a comment

Strong, Anti-Break RJ45 Connectors

I hate it when the tab on my RJ45 connectors ends up breaking off and then the connector comes unplugged from my computer and I lose internet. I heard this happens a lot to people playing XBOX as well. I searched the internet for strong and anti-breaking RJ45 connectors, ones that would be durable and resilient but the only thing I could find was the ones with little boots that protect them, I believe they are called anti-snag boots. Well, instructables.com has a nice tutorial for how to fix your own RJ45 connectors using two zip ties: You don’t need many tools to be able to fix your RJ45 connectors: You can find the tutorial here. Please let me know if you find another solution to the common RJ 45 problem, possibly some real Strong, Anti-Break RJ45 Connectors. There is also another thing they have posted about protecting the plug with Sugru Ethernet RJ45 Plug Protector: That tutorial can be found here.

Posted in Design, Tech Tips | Tagged , , , , , | Leave a comment