This summer we abstracted much of the work that we do on every new WordPress theme into our own theme development framework (Ilmenite Framework) which we of course is sharing on GitHub. Fundamentally, the reason is not to make the greatest framework known to man, it is more of a base theme and framework that speeds up our development process. Read More »
I’ve always been a big fan of the fonts that Adobe has made and when they released a new one, specifically for code editors last week, I was overjoyed. The new font is called Source Code Pro and is based on their also recently released, open source font, Source Sans. The difference is that Source Code is made to work best with code editors.
Since the release, I’ve been using Source Code Pro in all my editors (Coda 2 and Sublime Text 2 if anyone is wondering) since the release and I must say that it is looking very nice indeed! Check it out.
Custom Post Types in WordPress are superb! More often that not, websites that we build for clients have more than one custom post type which inevitably will clutter up the admin menu slightly. The solution to the problem is one that WordPress itself employs: De-clutter the meny by inserting a separator in between sections.
Doing this requires just a couple of simple PHP functions that you can add to your functions.php file. One to create the separator, one to add any number of separators at any position in the menu and finally an action hook into the menu to add it. Read More »
For most web development, Coda 2 from Panic is the main application of choice. The reason I favor Coda for site development is a combination of all of its features but mainly its ability to organize sites and handle publishing of edited files. A benefit is the ability to set up the user interface for super quick development, which is what I wanted to share with you guys today.
The way I set up Coda when starting the development of a site is to take advantage of the columns feature, splitting the window up in three columns on my 27″ screen. One for the HTML code, one for the CSS and a final for a browser preview. The browser preview is automatically updated when you change something in the CSS or HTML views. This way, you get instant references from your HTML code (when coding CSS) and get the instant update in the browser too.
Personally, I’m a big fan of ways to save time when coding, especially when it comes to common interface elements and features. Having used various CSS frameworks before I have just started to include the Bootstrap framework, made by a couple of Twitter employees. Let me share with you why. Read More »
Speeding up coding is not always by typing faster or saving frequently used snippets so that you can reuse them (even though this is a brilliant idea). It is also about reducing repetitiveness by creating objects that you can paste into your stylesheet for elements you use over and over again in the same way.
In this article I want to share with you ten CSS snippets that will save you from having to write the same code over and over again in the same project.
Displaying a message to visitors coming from search engines can sometimes be beneficial. It can allow you to show them targeted links on where to go to next or perhaps increase the call to action on the page that they land on. Either way, it allows you to more specifically build a website based on the nature of the users that visit it. Read More »
One of the many popular things that pretty much all self-respecting designers nowadays use is a CSS reset section of their initial website stylesheet. In this article I will go over why you want to use a reset section, what it does and the important differences in using a properly crafted reset compared to just making a quick and blunt wildcard reset. Read More »
jQuery Mobile, the framework that makes it easy to quickly design a visually appealing mobile web application has now gone final with version 1.0 released today. It’s been in development for over a year but is already included in the latest version of Adobe Dreamweaver CS5.5 and has been used for a lot of people during its release candidate time.
If you haven’t played around with it, jQuery Mobile can do some pretty amazing things all for free and with minimal development time. For businesses that need a quick web application or an internal application, we would recommend jQuery Mobile because of its simplicity and reduced cost.
Today I want to highlight a little javascript that was lifted from the iCloud source code by nikf.org, in order to try and duplicate the custom logo that iCloud gets in the Safari topsites feature. Personally, I haven’t gotten this snippet to work on any website, which leads me to believe there is something else going on in here.
However, you should try! Here is the code which detects the purpose of the loading of the page and sends you (if it is previewing your page) to a custom HTML page that has the custom preview logo.
<script>if(window.navigator&&window.navigator.loadPurpose==="preview"){window.location.href="https://www.icloud.com/topsites_preview/"
};</script>