SSJ Studios

Web Design, Custom Made and Mobile Friendly

We Make Websites

SSJ Studios specializes in custom, mobile friendly web design. All of our sites are built to fit on any size device, and are designed to your specification. We involve you in the design process and develop your site to look the way you want it to! Check out our portfolio to see what our sites look like.
Contact us for a free consultation using our contact page.

Latest Articles

July 19, 2016

Let's Talk Responsive

SSJ Studios

What is responsive design? Responsive design is a form of web design that dynamically responds to all browser widths. This means that whether you're on a 1920x1080 monitor or your 320x568 iPhone, the website will adapt to fit your viewport. It really is the way to go when it comes to "mobile-friendly" web design. Before responsive design, many designers were creating mobile websites as an alternative for mobile devices. This means a completely different website, and a completely different set of code for the same website when viewed on a mobile device. This still remains true for a lot of the better known sites such as Google, YouTube, and Facebook. But while these big companies are using it, it is by no means the best option.
Responsive web design is the most ideal form of web design because it conforms to all device sizes. This includes phones, tablets, laptops, desktops and even TVs. On top of all that, you don't have to code everything twice like you would with a "mobile site". It works through CSS media queries and percentage-based widths. This means that instead of setting an image to 800px wide let's say, we'll set it to something like "width: 100%; max-width: 800px;". This basically tells the browser "Span the image the full width of the browser unless the browser is more than 800px wide." If we had just set it to "width: 800px" and not "width: 100%; max-width: 800px;" then the image would be huge on a phone and you'd end up having to scroll left and right or zooming out to see it. That's what percentage-based widths will do. Media queries come in handy when you want things to display differently within certain viewport sizes. For example, I might have a 3-column layout at desktop, a 2-column layout at tablet size, and a 1-column layout at mobile size. My code would then look like this:

CSS

/* ************************** */
/* Desktop */
/* ************************** */

	.myDiv img { width: 33%; }

/* ************************** */
/* Tablet */
/* ************************** */

@media (max-width: 991px) {
	.myDiv img { width: 50%; }
}

/* ************************** */
/* Phone */
/* ************************** */

@media (max-width: 479px) {
	.myDiv img { width: 100%; }
}
							

HTML

<div class="myDiv">
	<img src="./images/1.jpg" alt="My Image" />
	<img src="./images/2.jpg" alt="My Image" />
	<img src="./images/3.jpg" alt="My Image" />
	<img src="./images/4.jpg" alt="My Image" />
</div>
							

This basically just says "Set all images in 'myDiv' to 33% viewport width, if 991px or less, set to 50% width, if 479px or less set to 100% width". These media queries tell the browser how to render the content based on the size of the viewport/browser. If you're on a desktop, try shrinking this site to see what happens! If you're on a phone or tablet, trying turning your device sideways!
-Joel

About SSJ Studios

Web Design, Custom Made and Mobile Friendly

"Web Design, Custom Made and Mobile Friendly" - Those were the first words that came to mind when I started this business. I make websites for local businesses and I code all of them by hand. Everything I do is custom, and I code all of my websites to be mobile friendly or responsive. Responsive web design is a method of coding websites to adapt or respond to all browser sizes. This means that your website will fit to any size device cleanly. Text will wrap like it should, and images will squeeze to the size of your device so you don't have to scroll right to see the rest of the content. Take a look at my portfolio to see some of the websites I've made.

Your Business

Websites are becoming crucial to businesses more and more as each year passes. On top of that, it's especially important for businesses to have websites that are mobile friendly. According to Google, more searches are being done on mobile devices than on desktops. Return on investment is significant when having a website. In this case study a company saw a 34% increase in sales just by redesigning their website.
It's not just about sales though. Designing a website is about portraying an image of your company. You want people to have a sense of who you are as a company, and you want your website to project that. That's where I come in to help you design it.

About Me

SSJ Studios - Joel Sanguinetti

My name is Joel Sanguinetti and I've been doing web design for three years now. It started back in college when I was majoring in Game Programming. I took a couple web development courses my last semester and became addicted. I enjoyed seeing my work as I was coding it. I loved seeing my work come to life. I soon after got an IT job with an apparel company and ended up making their websites. Two years later I started working for a web design company forty miles from home and stayed with them for nine months. That was when I decided to leave and start my own business.

I thoroughly enjoy designing. Ever since childhood I've enjoyed drawing, and growing up I developed a fascination with user interface design. When I got into web design, it came natural. Every website I've made, I took passion in and have worked hard to make them both user friendly and aesthetically pleasing. That's why I decided to start my own business designing websites for local businesses. I enjoy working with people to help design their sites. I like discussing ideas and coming up with innovative ways to interact with the user.

-Joel