JasonCypret.com » Web Design

Target IE with CSS Hacks

Jason Cypret — Wed, 19 Oct 2011 15:44:59 +0000

Note: these hacks should only be used as a last resort. You should always use conditional comments over hacks. But if you are limited in the codebase, and cannot add comments then these hacks will come in handy. These are pretty widely available, so this is more of a bookmark for me.

.selector {
	background: red; /* all browsers */
	background : green\9; /* IE8 and below */
	*background : yellow; /* IE7 and below */
	_background : orange; /* IE6 */
}

via: NetTuts

Windows Development on Your Mac Via VirtualBox

Jason Cypret — Tue, 24 May 2011 17:31:55 +0000

Posted in Articles

I’m currently consulting in a Windows environment. I love using the web development, and designs tools on OSX, so I didn’t want to give that up. Since I’m 100% OSX, dual boot is not a good option for me. I already use VirtualBox for browser testing so I wanted to see if I could make use of it, but still do my development on OSX. After @amirrajan helped me set up all the Windows environment foo on my VM, I started working to see if I could hit that server running on VirtualBox. After a lot of Google foo and browsing bad posts I found a solution that worked for me. Here it is:

Shut down your VM.

Right click on the VM and go to settings > Network. Change the network adapter “Attached to:” from NAT to “Bridged Adapter”. I have mine connected to the Ethernet port. Save and start back up your VM.

Open the command line on your VM and run “ipconfig”. Get the IP address.

Got to finder and connect to server.

Type in smb://YOUR_IP_HERE

Now that you’re connected and your server is running on the VM try and hit that ip in your favorite browser.

If that doesn’t get you there make sure your firewall is turned off on the VM.

I am using Mac TeamPrise in terminal to check in and out my files. I just have Windows VM running the server and refreshing the build every time I make a change on my Mac. It’s working pretty smoothly so far thanks to @amirrajan for getting up a watcher on windows to refresh my build and setting up my environment!

Vertical Rhythm: Setting A Baseline

Jason Cypret — Mon, 14 Mar 2011 17:01:00 +0000

Posted in Development Web Design

html, body {
	line-height: 1.5em;
}

Leading (which rhymes with “wedding”) is a typographical term from way back when typographers manually set type in letterpress machines and the like. The term refers to the act of placing lead between lines of type in order to add vertical space. In CSS, we call this line-height.

Line height should be around 140%. This isn’t a great number to work with, and it’s only a general rule, so we’ll use 150% (or 1.5 em). This way, we simply need to multiply the font size by one and a half to determine our leading.

Some general rules for leading:

with continuous copy, use large leading;
with light text on dark background, use large leading;
with long line lengths, use large leading;
with large x-height, use large leading;
with short burst of information, use small leading.
If you used a 16-pixel font size, then your line height will be 24 pixels (16 pixels × 1.5 em = 24 pixels). If you used a 12-pixel font size, then your line height will be 18 pixels (12 pixels × 1.5 em = 18 pixels).

Via Smashing

QuoteGoat

Jason Cypret — Sat, 20 Nov 2010 06:10:12 +0000

Posted in Development Portfolio Web Web Design

Quotegoat, Insurance Quotes…Fast! QuoteGoat is a new way to get you insurance quotes. There are several different places you could choose to shop for your insurance needs. However Quotegoat’s fast and simple online form will efficiently navigate you through what could otherwise be a very dreaded and tedious process. Whether you are shopping for Auto, Homeowners, Renters, Life, Health, or Business insurance our service is 100% free!

MedFactory V2

Jason Cypret — Sat, 20 Nov 2010 06:05:39 +0000

Posted in Development Portfolio Web Web Design

Here’s a little sneak peek at MedFactory V2. MedFactory’s initial launch has been highly successful but we have held back the bulk of the features and design till V2. V2 will not only be getting a makeover, but a framework & database redesign as well, to make MedFactory more streamlined than ever. We will be working on it over the next several month to make sure it’s stable. We will release V2 when its fully stable. Stay tuned!

Picashio

Jason Cypret — Sat, 20 Nov 2010 05:55:44 +0000

Posted in Development Mobile Portfolio Web Web Design

Picashio is a social photo sharing experience that allows anyone to make money from their everyday photos. Got a phone with a camera. Great, you can too. Just snap a photo using our app, set a price, and share it. Picashio also has a request feature that allows users looking for stock photography to ping Picashio’s user network to request specific photos for a set price. Enhanced with great stats, socials networking, and badges, Picashio is the best way to share photos on the web.

MedFactory Email and Wallpaper

Jason Cypret — Sat, 20 Nov 2010 05:29:51 +0000

Posted in Development Portfolio Web Web Design

Just wanted to show you a little MedFactory marketing I’ve been working on. First of an announcement email for MedFactory. This is where we explain all of our services as well as show off our different packages. I had a lot of fun creating the banner that goes across the screenshot of the website. I hope you can see the detail I added to it. I aslo made a quick wallpaper for MedFactory. These are always fun to have if your working for MedFactory, but hopefully others will like the service enough to make it their desktop as well.

Kate Mefford : Feel the Love

Jason Cypret — Sat, 20 Nov 2010 05:15:16 +0000

Posted in Development Logo Portfolio Web Design

I helped out my good friend Kate Mefford with a couple of logos for her photo gallery show and reception. The Mokah Gallery inside Life in Deep Ellum was hosting Kate’s killer gallery show entitled “Feel the Love: The Little Big Men of Vivero Boxing Gym”. It was a great reception and Kate’s pictures turned out amazing as usual. She actually found old gym lockers and boxing equipment on display at the show as well. For the logos, we went for a vintage sports look. She absolutely loved it and had the logos printed on T-shirts and sport towels.

TinyPress

Jason Cypret — Fri, 19 Nov 2010 23:03:56 +0000

Posted in Development Portfolio Web Web Design

TinyPress is a PHP framework we built to rapidly speed up our development process. TinyPress’s mission is to make developing dynamic web applications easy. TinyPress lets you use standard HTML5 syntax, and simple PHP tags, to rapidly develop dynamic web applications. TinyPress is based off of CakePHP and inspired by WordPress. TinyPress is a FREE, open-source, RAD framework released under the MIT License. Like our Dog?

Top Ten Countdown

Jason Cypret — Fri, 19 Nov 2010 20:19:26 +0000

Posted in Development Portfolio Web Web Design

The Top Ten Countdown is a project of the highly popular HTGuys home theater podcast. The HTGuys wanted the site to have a futuristic look and feel, and well as display videos in a unique way. We accomplished both. The space scene I made in Pixelmator and Fireworks. Pixelmator has some excellent lighting effects and fireworks is my go to for web development. The site is a SquareSpace site, which makes it really easy for the guys to manage. All in all, I love the design.