Design

A little something about everything

internet marketing and website development made simple..

The Blog Icon

Today I found myself in need of a blog icon and to my dismay I dont have a standardized blog icon in my art portfolio and to my surprise no such official blog icon exists. Well this just won't do, I thought. So I sat down, well in fact I was already sitting but that's not the point... *cough* OK. so I'm sitting down and thinking.. well here I will just explain the thought process in creating the icon:

Have a main focal point, it should be green to represent the fact that blogs do not require cutting down trees for paper, such as newspapers and magazines. It is estimated that 15 billion trees are cut down for paper each and every year.

Representation of bloggers, It should represent the many viewpoints, colors and cultures of bloggers around the planet. It is estimated that the number of blogs in existence as I write this article is around 320 Million and the number of posts written per day are in excess of 4.5 Million.

b for blog, what holds us together is communication. Blogs provide a great way to express yourself, communicate, give examples and share what matters with the world.

Here is the blog icon for anyone and everyone to use:

Notes:

  • The b in the icon is "Century Gothic" lower case b
  • The image shape was inspired by the national park service scenic viewpoint icon registered under the creative commons license.

Launch of new International Tax Law Firm Website: Moskowitz LLP 2016

Today is the launch of new site for Moskowitz LLP. The new design uses reactive design concepts, not to be confused with adaptive design which generally folds up on itself as you re-size the screen or switch devices.

Moskowitz LLP is an international tax law firm located in the financial district of San Francisco, California. Steve Moskowitz is the Senior Partner and Lead tax Attorney at the firm. The full team at Moskowitz LLP has impressive experience in tax law and related services.

 

Site information:

Code: HTML5, CSS3, JS, ASP.Net, Perl

The desktop layout:

 
Here is the same site on mobile:
 

 
If you're looking for a new site design or marketing for your law firm or business, give me a call to discuss your next project: 507 358-4242

How to center an element (div, span, etc) using css3

In order to target a div you can do so by id or by class, for example

<div id="centerme" class="centerit">some content</div>

here is the css:

#centerme {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* in some cases you may want to give it a width and height first */
height:100%;
max-height: 10rem;
width: 100%;
max-height: 20rem;
}
/* another option only vertical via class rather than id */
.centerit {
top: 50%;
transform: translateY(-50%);
}
/* or only horizontal  */
.centerit {
left: 50%;
transform: translateX(-50%);
}

That's it!

Mobile is the future

With the launch of googles new mobile friendly test tool you can expect to see google pushing mobile friendly code for search placements. 

The results are basic with no in major code diagnostics, with the following two main results:

  • Awesome! This page is mobile-friendly.
  • Not mobile-friendly
    • generic fail reason
If your website is not already mobile now is the time to bring it up to date before google and other major search engines implement penalties for non mobile friendly websites.

A well designed mobile site also helps keep clients on the site long enough to turn them into prospective clients.

How to show/hide a asp.net sub element with jquery

This method allows you to show/hide a form element without making another request against the server. It also works when the show/hide element is required by the asp.net code behind.

You can use any type of sub element under a dropdown with this script. You will need to use a CDN or download and host your own jquery-1.3.2.min.js file.

SCRIPT

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function() { $('#<%= Dropdown1.ClientID %>').change(function() { if (this.value=="My Value") { $('#<%= Element1.ClientID %> ').css({ visibility: 'visible' }); } else { $('#<%= Element1.ClientID %> ').css({ visibility: 'hidden' }); }}); }); </script>

 

HTML

<asp:DropDownList runat="server" ID="Dropdown1" class="required" >
<asp:ListItem Value=""> none</asp:ListItem>
<asp:ListItem Value="My Value">Some Text Here</asp:ListItem>
</asp:DropDownList>

<!-- place any element here with id="Element1" -->