Tips for improving your website design

The web design field is constantly changing, new designs and trends are discovered every day, Therefore it behooves every web designer worth their salt to keep updating themselves with the new trends and new ways of doing their craft. This way, they will be able to offer clients the designs that they want and they will also appear informed whenever they are discussing or strategizing with clients about upcoming projects. Here are the tips that will help you improve your website design making skills and possibly get more clients;

1. Use large typography

Use large typos preferably font 18 for the body of texts. Large fonts will make your content visible especially when people view it using a mobile phone.

2. Do away with sidebars

Sidebars tend to clutter a website. They are mostly used for advertisements and they usually contain links. Most sites have gotten rid of them. Avoid using them so that visitors to the site will not be confused and fail to find what they are researching for on the site.

3. White space is good

Crowded websites are hard to read; they are one of the reasons people leave a website as soon as they log in to it. Make sure that you leave space around and in between elements so that the content on a page can stand out and people can read it act on it.

4. Quality images

Most web designers tend to use images that anyone can find on Google. Go the extra mile and find unique and high quality photographs on your websites. This will show visitors that you put some effort into creating a good website and they will have a positive image about your company. This could translate to sales as people want to associate with companies that seem reliable and those that show they mean business.

5. Good navigation

A good website is one that is easy to navigate. Make sure that the website you are designing is easy to navigate and that visitors can find the most important pages and they can also find whatever they are searching for on the site. Navigation will help visitors to get a good user experience and reduce the rate of bounce rate.

6. Responsiveness

A good website should also be responsive. There is no point of creating a fancy website that no one will be able to access. It should be accessible through all devices including mobile phones because more than a half of internet users use their mobile phones to access the net.

7. Plan ahead

Web design is not a task that should be taken lightly. You should always plan ahead instead of waiting until you have started to code so that you can think about the next move to make. You may choose to use a paper and pen, wireframing and prototyping web design tools or a white board to do this. Regardless of the tools you use, just make sure that you start your design offscreen because you will end up spending less time when you come down to coding and it will also help you think ahead and design a better website.

8. Avoid sliders

Research shows that most people hate slides. Therefore, try and avoid using them as much as possible because only a few people will end up using them. Most people prefer to scrawl, hence, you should create a design that allows scrawling instead.

9. Incorporate follow and share icons

Social media has become a big part of our lives. Integrate the website with other social media platforms by including share and follow buttons. This will help you to get your company out there and the more people know about it the better for your business.

10. Link your Logo to your homepage

A logo is an important part of any company because it is what people recognize when they see your company. Have an expert create a unique and appropriate logo for you and then link it to you homepage.

11. Include call to action buttons

A good website should have call to action buttons that encourage visitors to take a certain action. Keep this in mind when designing the site.

Accounting
Airport
Amusement park
Aquarium
Atm
Bakery
Bank
Bar
Beauty salon
Bicycle store
Book store
Bowling alley
Bus station
Cafe
Campground
Car dealer
Car rental
Car repair
Car wash
Casino
Cemetery
Church
City hall
Clothing store
Convenience store
Courthouse
Dentist
Department store
Doctor
Electrician
Electronics store
Embassy
Establishment
Finance
Fire station
Florist
Food
Funeral home
Furniture store
Gas station
General contractor
Grocery or supermarket
Gym
Hair care
Hardware store
Health
Hindu temple
Home goods store
Hospital
Insurance agency
Jewelry store
Laundry
Lawyer
Library
Liquor store
Local government office
Locksmith
Lodging
Meal delivery
Meal takeaway
Mosque
Movie rental
Movie theater
Moving company
Museum
Night club
Painter
Park
Parking
Pet store
Pharmacy
Physiotherapist
Place of worship
Plumber
Police
Post office
Real estate agency
Restaurant
Roofing contractor
Rv park
School
Shoe store
Shopping mall
Spa
Stadium
Storage
Store
Subway station
Synagogue
Taxi stand
Train station
Travel agency
University
Veterinary care
Zoo

easy vim session management

Disclaimer: This content is not owned by the current webmaster nor do we claim the credit.  Ownership of this domain has changed hands. This URL however as a courtesy to web users is a  historic copy of what was originally published.

Conner Mcdaniel has created a new blog at https://connermcd.wordpress.com You can find all of his current publication there.

Easy vim session management
Mar 11, 2013

Until recently I haven’t really harnessed the power of vim’s session management capabilities. It can be a hassle somewhat to always use :mksession and :source, so I usually just neglect to do it; however, if you’re commonly working with large projects then it can be very useful to drop a session file into the root directory and make use of it. To aid me in utilizing this feature I added some customizations to my ~/.vimrc:

command! Mks let g:session = getcwd() call Mks(g:session)

augroup vimrc
au!
au BufRead *.session let g:session = expand(‘%:p:h’) | so % | bd #
au VimLeave * if exists(‘g:session’) | call Mks(g:session) | endif
augroup end

fun! Mks(path)
exe “mksession! “.a:path.”/”.fnamemodify(a:path, ‘:t’).”.session”
endfun
First, this sets a new custom user command called :Mks which will make a session file based on the current working directory. For instance, if :pwd is /home/connermcd/.bin/project/ then this will make a file inside that folder called project.session. It also sets a global variable (g:session) to the current working directory so that it can save the session here later. In the augroup a couple of autocommands are set. The first one (BufRead) executes when you open a file with the .session extension. This will set the g:session variable, source the session file, and delete it from the buffer list. The second one (VimLeave) executes when you close vim. If a g:session variable is found then it will override the session file with the new information. That’s pretty much it!

This works best if you aren’t using the autochdir option. I find that with it turned off it makes project navigation much more simple. Now when you create a new project just run the :Mks command to start session tracking, and when you want to access it later just open the .session file with vim.

pandoc table editing in vim

Disclaimer: This content is not owned by the current webmaster nor do we claim the credit.  Ownership of this domain has changed hands. This URL however as a courtesy to web users is a  historic copy of what was originally published.

Conner Mcdaniel has created a new blog athttps://connermcd.wordpress.com You can find all of his current publication there.

Pandoc table editing in vim
May 20, 2012

I’ve been itching for a way to get more efficient at creating pandoc tables ever since I started writing my notes in pandoc. Perhaps the only thing I’ve ever been jealous of emacs about is a video I saw using it’s orgtable mode. I haven’t quite adapted vim to work as emacs shows in this video. I’m convinced that it’s possible but also believe that the spreadsheet functionality shown is overkill. I don’t need my tables to do any math anyway; I just need them to be fast and seamless. To accomplish this, I turned to tabular. I originally got the idea while watching a vimcast on tabular that seemed to be behaving similarly to the emacs video. It uses a gist written by Tim Pope that executes :Tabularize every time you enter a pipe symbol. The code is provided in the show notes of the video, so you can easily copy that to your .vimrc. You can use this create a basic table structure dynamically, which ends up looking something like this:

| Fruit | Amount | Price | Total |
| Apple | 2 | $2.00 | $4.00 |
| Banana | 3 | $1.00 | $3.00 |
| Kiwi | 5 | $0.50 | $2.50 |
Well, that’s nice and all, but this is not a pandoc table. I wrote a simple (probably imperfect) function to convert this into a standard pandoc table:

Fruit Amount Price Total
—— —— —– —–
Apple 2 $2.00 $4.00
Banana 3 $1.00 $3.00
Kiwi 5 $0.50 $2.50
It works by visually selecting the lines and executing :Tabularize one last time in case there is any remaining misalignment.

vnoremap t :call table()
function! s:table() range
exe “‘<,’>Tab /|”
let hsepline= substitute(getline(“.”),'[^|]’,’-‘,’g’)
exe “norm! o” . hsepline
exe “‘<,’>s/-|/ |/g”
exe “‘<,’>s/|-/| /g”
exe “‘<,’>s/^| \\|\\s*|$\\||//g”
endfunction
There is another type of pandoc table, called a grid table. You can easily convert the markdown table into a grid table using pandoc itself like this:

command! -range=% Rst :’<,’>!pandoc -f markdown -t rst
Just select the pandoc table and run :Rst to convert it into a grid table like this:

+———-+———-+———+———+
| Fruit | Amount | Price | Total |
+==========+==========+=========+=========+
| Apple | 2 | $2.00 | $4.00 |
+———-+———-+———+———+
| Banana | 3 | $1.00 | $3.00 |
+———-+———-+———+———+
| Kiwi | 5 | $0.50 | $2.50 |
+———-+———-+———+———+

sync your desktop with dropbox

I generally have two locations where I put things requiring action from me: my email inbox and my computer’s desktop. Once I’ve dealt with emails I archive them so my inbox is always kept clean except for things requiring my action. Likewise I either delete or organize documents that have been on my desktop once I’m done with them. It’s always bothered me however, that once I turn my computer off I can’t get to those files on my phone or other computers. If you try to make an alias of your Desktop and put it into Dropbox it won’t work. Thankfully, there is a way using symlinks. Open up Applications→Utilities→Terminal and type in:

cd ~/Dropbox
ln -s ~/Desktop Desktop

Now you’ll have a folder in your Dropbox folder that is kept in sync with your desktop. You can do this on other computers as well to keep your desktop synced across multiple computers!

a vim setup for octopress

Disclaimer: This content is not owned by the current webmaster nor do we claim the credit.  Ownership of this domain has changed hands. This URL however as a courtesy to web users is a  historic copy of what was originally published.

Conner Mcdaniel has created a new blog athttps://connermcd.wordpress.com You can find all of his current publication there.

A vim setup for octopress
Jul 15, 2012

There’s been plenty of posts out there discussing the pros and cons of octopress and other static site generators, so I’m not going to add to the list. I will say that from my personal experience the transition was relatively smooth and that octopress happened to have the necessary features, plugins, and community I needed to get the website I wanted. This certainly may not be the case for everyone, but I am pleased with the overall result so far. Octopress probably does require a bit of web development experience, which I’m fortunate to have. For users without that knowledge base, wordpress is very friendly. However, my needs in a personal webpage are simplistic, and wordpress is just a little too much overkill. It has also become rather mainstream and uses a lot of PHP, which makes it a potential security threat — especially with a lot of (often shady) plugins. I enjoyed working with vimrepress, but since I’m moving away from wordpress, I won’t be developing on it anymore. I did learn something about python-based vim plugins from the experience though.

I wanted a similar vim setup for my new octopress blog. I read another post belaboring this as a lacking feature that ultimately moved them back to wordpress. I was confused by that, since making a decent workflow in octopress is not all that difficult. Here’s the steps I took:

nnoremap ‘bn :NewPost
command! -nargs=1 NewPost call NewPost(““)
fun! NewPost(args)
let file = “/web/octopress/source/_posts/” . strftime(“%Y-%m-%d”) . “-” . tolower(substitute(a:args, ” “, “-“, “g”)) . “.markdown”
exe “e!” . file
let g:post_title = a:args
endfun

nnoremap ‘bs :SavePost
command! -nargs=1 SavePost call SavePost(““)
fun! SavePost(args)
let file = “/web/octopress/source/_posts/” . strftime(“%Y-%m-%d”) . “-” . tolower(substitute(a:args, ” “, “-“, “g”)) . “.markdown”
exe “w!” . file
let g:post_title = a:args
endfun
The :NewPost command will allow you to quickly make a new file in the appropriate directory with the appropriate name. The :SavePost command does essentially the same thing except that it uses the buffer you’re currently working with instead of making a new one. There might be a better approach than this, but this is just my first go at a solution. Both of the functions set a variable, g:post_title, which I then use in a snipmate snippet file like this:

snippet b

date: `strftime(“%Y-%m-%d %T”)`
layout: post
slug: `tolower(substitute(g:post_title, ” “, “-“, “g”))`
title: `g:post_title`
categories:
– ${1}

${2}
That way I can press ib in the new file to get the appropriate front matter. The next thing I wanted was tag and category completion like vimrepress had, so I solved that using these in my ~/.vimrc:

au BufNewFile,BufRead /web/octopress/source/_posts/*.markdown setl completefunc=TagComplete | cd /web/octopress/source
fun! TagComplete(findstart, base)
if a:findstart
” locate the start of the word
let line = getline(‘.’)
let start = col(‘.’) – 1
while start > 0 && line[start – 1] =~ ‘\a’
let start -= 1
endwhile
return start
else
let tags = split(system(“ls /web/octopress/public/blog/tags”), “\n”)
let cats = split(system(“ls /web/octopress/public/blog/categories”), “\n”)
return tags + cats
endif
endfun
You’ll have to change the appropriate directories of course. This allows you to use for tag and category completion and changes the directory automatically when you use the :NewPost command. I might modify these some in the future and update this post, but for now this solution is working for me.

SEO Companies In Michigan and Installing Arch Linux on Raspberry Pi

SEO Companies and Michigan Based Digital Marketing

Marketing you business in Michigan can prove to be difficult with all the increased levels of competition in today’s online ecosystem.  If you have ever thought about digital marketing or wanted to take advantage of its benefits you probably become overwhelmed with all the different aspects.

You may wonder to yourself; should you or how do you participate in Social Media PPC advertising,  is Google Adwords right for you, or will SEO really pay off?

As a Michigan-based SEO and Web Design Company, Web Flux can help with these unknown variables.  We meet with many different businesses that offer a variety of services.  Not every business is the same and each will need its own unique pack of Digital Marketing Services.

Web Site Design Goals and PPC Strategies

After we meet with business, discuss their goals and web design needs we build out a custom proposal that is based on your timeline for desired success.  SEO doesn’t happen overnight.  PPC Managment and result, on the other hand, can be achieved much faster.

We generally recommend businesses to jump stare their website marketing with Google Adwords PPC then over a monthly basis drip in quality search engine optimized pages and blog post.

With this type of approach, your business will be better balanced for achieving long-term online success.

 

Installing Arch Linux on Raspberry Pi

Disclaimer: This content is not owned by the current webmaster nor do we claim the credit.  Ownership of this domain has changed hands. This URL however as a courtesy to web users is a  historic copy of what was originally published.

Conner Mcdaniel has created a new blog athttps://connermcd.wordpress.com You can find all of his current publication there.

 

 

 

using-vim-in-place-of-writeroom.html

blog/2011/10/12/using-vim-in-place-of-writeroom.html

Disclaimer: This content is not owned by the current webmaster nor do we claim the credit.  Ownership of this domain has changed hands. This URL however as a courtesy to web users is a  historic copy of what was originally published.

Conner Mcdaniel has created a new blog athttps://connermcd.wordpress.com You can find all of his current publication there.

Using vim in place of WriteRoom
Oct 12, 2011

Fullscreen editors, also called distraction-free editors, have become popular lately. It’s appealing to have nothing but the words you’re editing before you. However, these editors are often lacking some of the most elemental of features and sometimes cost money. Fortunately, it’s pretty easy to make MacVim into an exact replica of WriteRoom (or gVim into DarkRoom on Windows). Put the following into your .vimrc:

let g:writeroom = 0
let g:transparency = &transparency
function! WriteRoom()
if has(“gui_running”)
if g:writeroom == 0
let g:writeroom = 1
set columns=80
set fullscreen
set linebreak
set nocursorline
set nolist
set nonumber
set noshowmode
set rulerformat=%{strftime(‘%b %e %I:%M %p’)}
set transparency=0
hi NonText guifg=bg
else
let g:writeroom = 0
set cursorline
set list
set nofullscreen
set nolinebreak
set number
set rulerformat=
set showmode
let &transparency=g:transparency
hi clear
endif
endif
endfunction
This creates a function that you can execute to put MacVim into WriteRoom mode. If you don’t want the clock display then you can comment out the lines about rulerformat. Personally, I like to keep track of time when I’m in fullscreen mode. You can also change the lines and columns to best fit your screen size. Then, you can map a shortcut to execute the function. I use gw for normal mode and \w for insert mode.

nmap gw :exe WriteRoom()
imap w :exe WriteRoom()i
It’s pretty easy to make vim look however you want. If you happened to have some secret passion for notepad then it wouldn’t be difficult to make vim look that way either.