Frank Waive

Webdesigner in Warri Nigeria

  • Frank Waive
  • About me
  • What i’ve done
  • Blog
  • Contact Me
  • Request Quote

How to Use CSS Gradients

June 19, 2013 by frankwaive Leave a Comment

CSS Gradients provide alternatives to image/graphic gradients, You could easily use a CSS gradient instead of using a large image as you site background. In this video, I explain how to generate and use CSS gradients.

Important Links
http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html
http://davidwalsh.name/css-gradients

Filed Under: Nigerian Website Designer, Tutorials Tagged With: css, css gradients, css tricks, Frank Waive, Nigerian Web Designer, Nigerian Website Designer, Responsive Web Design, video tutorial, Warri Website Designer, Web Designer

Web Design Inspiration

June 18, 2013 by frankwaive Leave a Comment

Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration
Web Design Inspiration

Filed Under: Web Design Inspiration Tagged With: Frank Waive, Nigerian Web Designer, Nigerian Website Designer, Warri Website Designer, Web Design

How to get a website

June 16, 2013 by frankwaive 3 Comments

Nigerian Website Designer: Getting a website is quite easy, only 4 steps are required, too many people are scared of the whole concept because they think its cumbersome expensive and stressful. Here are the four(4) basic steps required (from my perspective) in getting a website. here’s How to get a website

1. Discover why you need a website and what you want your website to do for you

Over the years working with clients, one scenario keeps repeating itself, some clients have no clue of what they want! This could be a problem for both the website developer/designer and the client (project owner). From the client perspective, he knows the internet brings exposure and he wants the benefits of that exposure and that’s all he knows, this state of mind can sometimes lead to insatiable clients, they may never be satisfied no matter what they get!
From the designer/developer point of view, this can bring confusion, when you don’t know what your client wants how can you deliver it? Experienced designers/developers know how to solve most of such cases (some can never be solved, trust me!)

2. Find a Website designer/developer

It is important you do this first before jumping to the last two steps, I’ve met clients who did this last and till today, they’re regretting their actions. Meeting a web designer/developer first can save you a lot of stress and money, the developer would help to guide you decipher what you really need for your company/ business/ church as the case may be. The designer/developer would also give you options as regards hosting and web technologies to be used, giving you the downside and upside for each option for you to make a choice. This step alone would shape the entire process, it would help you get an estimate of the total cost, information required and the roles you need to play in the whole process. click here to contact me to help you

3. Pick a domain Name

The importance of this is gross and should never be done without the advice of your selected web designer/developer, its implication includes SEO, uniqueness and many more.
The client (to be site owner) must understand the following things about domain names;

  • Domain names are paid for annually forever!
  • They are your trademark (there can be only one yahoo.com, it belongs to yahoo)
  • Changing domains like hair styles and shoes is lame and would cause serious confusion for the client’s(to be site owner) clients(site owner’s clients), if I used to find your site at http://www.ibrucentre.org , I expect to find it there everytime I go to that address.
  • Domain name extensions have meanings: .com –commercial, .org organization etc (I advice Nigerians to take advantage of the .ng extensions)

4. Get hosting for your website

It is important your web developer/designer help you decide this, two main reasons for this are stated below:

  • The payment problem
    I’ve met clients who believed anything foreign was the best, they eventually paid for foreign hosting of which renewal became a problem and the unsteady nature of the forex market meant they couldn’t exactly tell the cost of their hosting monthly/annually as the case may be. In truth Nigerian webhosting companies don’t host sites in servers based in Nigeria since we do not have reliable power supply and quality/cheap internet services to power servers, they buy the right to use/control oversea servers and control it from Nigeria, and this makes it easier for prospective site owners since they can now pay for hosting in naira and in our local banks.
  • The technology problem
    I’ve also had a client once who after agreeing with me what technology and cms, went ahead to buy windows hosting for a linux project, this made things very complex for me and the project was quite unstable until she realized and accepted the blunder and decided to buy the appropriate hosting with my guidance, but she had already wasted over $300 for the wrong hosting.

Note: payment for hosting like the domain name is recurrent of which can be monthly, annual, bi-annual payment as the case may be!

Request a Design Quote

Kindly mail me [email protected] or leave a comment here for further clearifications

Filed Under: Nigerian Website Designer Tagged With: Frank Waive, how to get a web designer, how to get a web designer in Nigeria, How to get a website, how to get a website in Nigeria, Nigerian Web Designer, nigerian website, Nigerian Website Designer, Warri Website Designer

Future of Tablets

June 15, 2013 by frankwaive Leave a Comment

future TabletsTablets are currently developing and evolving very fast, with the introduction of better processors like the tegra 3 chip which consumes less power and does more work, Tablets are fast becoming very capable devices. They are fast evolving from a luxury device to devices with quite some capabilities.  They could be equipped with as much as 1gb of ram and 1Ghz processor. But let’s face it, they still have a long way to go in being a replacement for the laptop/ notebook/ netbook or even being a very capable must have mobile device. I’ve written out some things/features you might see in future tablets.

 

Improved Batteries and/or Inbuilt solar charging system

Tablets still can’t perform a host of task laptops and desktop can. Tablets still can’t run high end apps like Adobe Premiere, Adobe Photoshop and other apps like it with a high system requirement.

Tablets would get better in the future; they’ll get more powerful and the more powerful they get the more power they would require to run. As a result of this development, either or both of the following scenarios would take place:

  1. Better Batteries would be developed
  2. Tablets Would have inbuilt alternative solar charging system

 

Improved OS

This is a key factor in the future of tablets; The Os of a tablet is an essential core as regards its ability, capacity, price and use. Tablet Os which includes iOS, Android, WebOs, Blackberry and the upcoming Mozilla Firefox Os have come a long way already. As the Os develops, the inbuilt apps are improved for stability, a better user experience and increased functionality. New and very capable app apps are also developed frequently taking advantage of the Os development.

 

Improved Hardware

Like the desktop, tablets would keep evolving, better processors, better scratch resistant HD displays, scratch proof, shock proof casing are all expected in the future. Even add-ons like CD-ROMs are a possibility in the future.

 

Dedicated Tablet Functions

As the Os and hardware of tablets improve, the functions of tablets would expand resulting in a drastic increase in their use. I see tablets evolving from being just accessories to essentials. Tablets would become much more capable devices in the future and as such they’ll have dedicated functions such that it wouldn’t make logical or financial sense to perform such functions with some other device. Take Access control for example, organizations may prefer to install tablets that can function as a facial recognition hardware via camera, retina scanner via camera, finger print scanner via touch screen, palm reader via touch screen, voice recognition via microphone, barcode scanner via camera than to install a dedicated hardware for the same purpose.

One might argue that the cost of one tablet compared to the cost of any of the above access control systems would be higher and as such become a disadvantage, however one tablet can function as voice recognition hardware, facial recognition system, retina scanner, fingerprint scanner, palm reader, barcode scanner and a password restriction system and this would be its selling point, Imagine having all this security options in one device alone and this device being cheaper as one item purchase compared to buying multiple devices for each of these purposes. The cost of installation and maintenance would also favor tablets.

Access control tablets can also function as communication devices between entrance points and the restricted area.

Organizations would prefer to install tablets instead of dedicated hardware since they could also be transformed for other use if need be making them the ecological and economical smart option.

A Universal Docking Port

With both Os and Hardware development on tablets, their purpose would greatly increase and tablets would replace lots of gadgets. We already know how tablets are currently replacing GPS devices in cars and public places. I envisage they’ll do a lot more replacement and as such, a universal dock/port for maybe not all tablets (iPads especially) but most tablets be adopted. Tablets may adopt USB 4.0 or 5.0. Tablets would in the future replace more than mobile music players and cameras, it would replace entertainment systems in airplanes, ships, trains and even cars, it’s already doing so, Coach travelers on Singapore-based carrier Scoot have already replaced their entertainment systems with iPads, I expect to see data centers adopt the new Microsoft surface within four years of its inception.

 

External Devices

As a result of all these replacements, tablets would be made to function with a lot of external devices, Microsoft surface which has a USB 3.0 port can already work with external CD roms, external hard drives, almost any printer (with existing drivers for windows 8), USB converters like USB to RJ45, etc.

There would also be scenarios where there would be need to use tablets as an external storage device or even connect an external storage device to it. Tablets could also metamorphose into driverless devices such that users would be able to connect it to almost any kind of printer, scanner or any other hardware either wirelessly or wired without needing a driver. This without driver installation method was adopted in windows 7 such that pc owners could use some printers, scanners and other USB devices in a plug and play fashion.

Conclusion

Research shows that the average tablet owner’s usage a tablet is 35% for surfing the web, 22% social media,  12% playing games, 12% watching videos and 19% usage goes to other apps. In the future, I expect this to change drastically.

 

Filed Under: Nigerian Website Designer Tagged With: how to get a web designer, how to get a web designer in Nigeria, Nigerian Web Designer, Nigerian Website Designer, Tablets, Warri Website Designer

WordPress: How to install WordPress on Xampp

June 15, 2013 by frankwaive Leave a Comment

This tutorial shows how to install WordPress 3.5 on xammp server, It also explains and shows how to post content on WordPress, Kindly leave comments if you have questions or contributions

[youtube http://www.youtube.com/watch?v=WtXt-canWmA&w=853&h=480]

Filed Under: Nigerian Website Designer, Tutorials Tagged With: Frank Waive, Nigerian Website Designer, Warri Website Designer, Web Designer, wordpress

Issues i have with the iPad

June 11, 2013 by frankwaive 4 Comments

Ipads were the first easy to use and most mobile tablets, they were simple, finer and more mobile compared to any other tablet at the time of its inception. Compared to touch convertible PCs like the Hp tx 2000, they were a tablet owners dream. Many years have gone by since their introduction, after all the marketing hype, user experience and better alternatives, it’s beginning to tell on the iPad market and from my experience, these are the major issues with iPads/iOS devices.

File System Limitation
The iPad has a crapy file system, and this affects it’s overall user experience. An iPad owner does not have the luxury of a file explorer or file manager as it is called in most mobile devices. You can’t just access your hard drive and see all the files and folders in it, iOS which powers the iPad is such that photo, email and graphic apps can access photos, document and PDF apps can access PDF, music apps can access songs, video apps can access videos and so on. With this crappy file system, you can email only photos as an attachment, you can’t attach music files, zip, tar,rar, songs, videos etc, however some applications can email their supported content for you through your default email address. Google docs for example can email PDFs, Izip and its alternatives, can email zip files. This however has a downside, only PDFs and zip files downloaded from the Internet into the iPad can be accessed by their supporting apps meaning you can’t just transfer a PDF or zip file into your iPad through Bluetooth or USB and email it to someone, you must have downloaded it from the Internet with the iPad.
You think that’s bad, just hold on, you can’t also attach PDFs, mp3, mp4, zip, rar and tar files in many websites, even with the default safari browser, Google chrome, opera mini etc (Firefox is not available on iPads). On most websites, the browse button to select a file is not even enabled so you can’t even upload pictures!

The iTunes Limitation
iTunes is the official medium through which you can add items to the iPad, unlike many other mobile Os like android, webos, blackberry etc, you can’t just copy items into the iPad like you do with an eternal storage or entertainment device and expect the iPad to auto-detect it, you must go through the not so convenient iTunes. iTunes, an application entrusted with this humongous task does not support zip, rar, tarr, doc, pdf, avi, wmv etc files such that you can’t transfer these types of files through iTunes to your iPad. So if you have files on your pc or Mac that you use regularly and you want to transfer them into your iPad since your iPad is your mobile device, you can’t by default and that sucks! Thanks to cloud storage like Dropbox, the effects of this problem can alleviated but not solved.

The Safari Problem
iPads iOS already has some limitation which affects safari’s ability to upload files that are not pictures, yet the browser has more challenges! Although it does not support flash, which is no news, it cannot also save files for offline viewing, it does not have an inbuilt download management system, it does not have all the features of the desktop safari (e.g fixed background positioning is not supported) and many more.

Typing Experience
I currently own an iPad and a Samsung galaxy s2 (I’ve used the iPhone 3GS though), there is a big gap in the selector accuracy when typing, on the iPad, if I touch a word which may have been spelt wrongly, 90% of the time, I’ll never be able to select the correct spot in-between the letters in word without using the magnifier which is not very convenient, this is not the case in my galaxy s2 which has a way smaller screen compared to the iPad.
I also have to turn my autocorrect function off on the iPad ALWAYS since it corrects automatically for me without my approval, this is not the case on an android powered device, my galaxy s2 would only suggest above the wrong word or the word being typed what it thinks should be there and I’ll have to tap a choice to approve such that in situations where am typing abbreviations or words that are not in English, I don’t have to go back and delete multiple times to retype the word i really want.
The iPad however has lots of advantages like battery life, a solid build and more, the advent of very good alternative tablets like the Samsung galaxy tab, Google nexus, Asus transformer and the incoming Microsoft surface is making me reconsider. I’ll have to abandon the iPad eventually. Apple has already stated some of the things mention above would never change, good luck to them in ten years time!

Filed Under: Nigerian Website Designer Tagged With: Future Tablets, ios, ipad, Nigerian Web Designer, Nigerian Website Designer, Tablets, Warri Website Designer

Web Design Mathematics

January 22, 2013 by frankwaive 1 Comment

Mathematics is the most important subject/course taught in schools, don’t get me wrong, I am one of those people who don’t like mathematics, this probably is a transferred dislike I had for my first mathematics teachers. Some people just don’t like numbers, formulas and equations but Math is everywhere, even where you wouldn’t expect it, graphic design, web design, programming etc you’ll need some math, you can’t avoid it, so live with it!

For this article, I’ll be concentrating on web design, the mathematics involved in web design, we’ll be using layout calculations (Responsive Layout) as an example.

Lets talk width calculations, in ordinary fixed width design, design measurements especially widths are done in pixels (px), in responsive web design, they are done in percentages (%). I’ll assume you already know how to design websites and you’re conversant with divs and css.

When using divs for your site site structure, a simple rule applies, rows before columns, the rows are then split into columns, This principle applies to most designs such as the this one for example
Web Design Math

How Percentage (%) Measurements Work
These days, desktops and laptops are no longer the only media through which people access the internet, we now have a variety of devices ranging from mobile phones, to tablets, to TVs, apps etc. As good as this sounds for the end user, this development present a challenge for web designers/developers who now have to make websites look good and usable in all of these devices regardless of their screen size and OS.
To beat this, Responsive Web Design was coined.

“Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).” – Wikipedia

Percentage based measurements would simply render the width of the page/element based on the size of the container element/browser for example, if the #wrapper of a site is set to be 80% in width, the wrapper would be 80% of the browser size, if an element placed immediately inside the wrapper is given the size of 50%, such an element’s size would be 50% of the #wrapper’s width not 50% of the browser width.

Let’s use this design as an example
web design maths

 

The Solution

*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}

The above code would adjust the border-box model affecting every element in you design such that your assigned width will be the actually width regardless of padding and border you may have attributed to the element, that is, if you assign 500px as width to an element, 50px as padding and 5px as border, the actual width you’ll get would be 500px which would not be the case without the above code. Using the same figures, without the above code, your displayed width would be equals assigned width 500px + padding 50px + border 5px = 555px.

To make the code work for a specific element rather than all elements, replace the * with the selector ID(#) or class name as the case may be, for example, say we have a div with the ID(#) #asia, to fix the border-box model

For #asia, replace the * with #asia just like this

#asia{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}

“Your designs don’t need to look exactly the same in every browser, they just need to look good in every browser.”

Filed Under: Nigerian Website Designer, Tutorials Tagged With: border box, border box model, how to get a web designer in Nigeria, Nigerian Web Designer, Nigerian Website Designer, Responsive Web Design, RWD, Warri Website Designer, Web Designer

Adobe Dreamweaver CS6 Keyboard Shortcuts

September 27, 2012 by frankwaive 2 Comments

Keyboard shortcuts are quite important, they help increase speed and therefore efficiency. As Web developers, we can’t afford not to be fast and efficient. Here’s a list of important Adobe Dreamweaver CS6 Keyboard Shortcuts to help you increase your speed and usability of Adobe Dreamweaver, enjoy

 

To Do This: (Action) Press: (PC Shortcut) Press: (Mac Shortcut)
Create a new document Control + N Command + N
Open an existing document Control + O Command + O
Save an open document Control + S Command + S
Close an open document Control + W Command + W
Close all open documents Control + Shift + W Command + Shift + W
Quit Dreamweaver Control + Q or Alt + F4 Command + Q or Opt + F4
Undo Control + Z or Alt + Backspace Option + Delete
Redo Control + Y or Control + Shift + Z Command + Y or Command + Shift + Z
Cut Control + X or Shift + Delete Command + X or Shift + Delete
Copy Control + C or Shift + Insert Command + C or Shift + Insert
Paste Control + V Command + V
Paste Special Control + Shift + V Command + Shift + V
Select All Control + A Command + A
Find and Replace Control + F Command + F
Open the Preferences Panel Control + U Command + U
Refresh Design View F5 F5
Make Selected Text Bold Control + B Command + B
Make Selected Text Italic Control + I Command + I
Apply Paragraph Formatting to Selected Text Control + Shift + P Command + Shift + P
Apply Heading Formatting (H1-H6) to Selected Text Control + 1 through 6 Command + 1 through 6
Add New Paragraph Return Return
Add a Line Break <BR> Shift + Return Shift + Return
Insert a Non-Breaking Space Command + Shift + Spacebar Command + Shift + Spacebar
Move object or text Drag selection to new location Drag selection to new location
Copy object or text Control-drag selection to new location Option-drag selection to new location
Select a word Double-click Double-click
Select a row Triple-click Triple-click
Run a Spell Check Shift + F7 Shift + F7
Open the Help Window F1 F1
Zoom In Control + = Command + =
Zoom Out Control + – Command + –
Preview in Primary Browser F12 Option + F12
Preview in Secondary Browser Shift + F12 or Control + F12 Command + F12
LiveView Alt + F11 Option + F11

Filed Under: Nigerian Website Designer Tagged With: Adobe Dreamweaver CS6, Adobe Dreamweaver CS6 Shortcuts, Dreamweaver CS6 Keyboard Shortcuts, Frank Waive, Nigerian Web Designer, nigerian website, warri web designer, Warri Website Designer

Archives

  • May 2020
  • September 2015
  • August 2015
  • July 2015
  • January 2015
  • December 2013
  • October 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Web Designer in Nigeria. Copyright ©    Frank Waive    Webdesigner in Warri Nigeria.

Copyright © 2021 · Frank Waive 4.1 on Genesis Framework · WordPress · Log in