Web development & administration
Fields of activity
- Building micro sites for SEM purpose and monetized niches.
- Website planning, design, coding, content, domain management.
- Search engine optimisation consultations and hands-on SEO. Natural search, social media, PPC.
All services are available for individuals, small businesses and corporations, offered from London, UK. Contact
These articles below are composed through many years of webmastering. Some of the material has become obsolete by now definitely, some might be useful for someone still.
CSS in web development
- CSS Defaults - A sample style sheet plus few basic layout elements.
- Reset CSS styles - Starting with a new style sheet, for the first thing reset all CSS.
- Linking CSS - Linking to CSS file and adding styles by different media.
- jQuery if empty div - find an empty element with jQuery and do it something.
- If jQuery CSS - if statement in jQuery and adding CSS with jQuery.
- Targeting Browsers Separately - How to address styles to different browsers.
- Embedding Custom Fonts - Cross Browser Custom Fonts and @Font Face.
- Windows & Mac fonts - Common to Windows and Mac fonts and the respective font family. Cross browser fonts.
- Font sizes compared - Playing with font sizes: browser default, em and px.
- Style sheet optimization - Shrinking down the size of a CSS file.
- Transparent Background CSS - Setting a semi transparent background based on CSS for a div layer.
- CSS Problem - Problems related to CSS and how to fix them.
- MAC Safari background problem - some background images and hovers of tabs and titles are gone, however some background images show up properly on the page.
Page layout in web development
- Center popup jQuery - Center a popup using jQuery in the middle of browser viewport. Also, fixing position fixed for IE6 and making page scrollable for IE6.
- Centering Horizontally Vertically jQuery - Universal CSS classes made with with jQuery to center an element horizontally, vertically or both horizontally and vertically.
- Horizontal and vertical alignment - Horizontal and vertical alignment in the center of screen.
- Vertical align div tag - align an element vertically using css.
- List item floated DIV - List element has got sophisticated floated content and gets nailed down with help of some CSS.
- Page width 1024 - dimensions of a page @1024 screen resolution. 30% of screens on year 2010.
- Aligning divs in to two columns - playing around with divs.
- Gap on bottom - Making a gap on the bottom of page.
- Minimum height - Setting min height of a div with CSS for IE.
- Table - Table - classic, tableless, display:table-cell.
- IE6 character-leak, and IE space below
- Page min-max width - CSS for page's min-max width that works in FF, IE and all other modern browsers.
- Rounded corners CSS - Vertically fluid div and horisontally fluid div.
- IFRAME code - how to implement iframe code and uses of iframe.
- Two fluid columns layout - Actually, one fixed width column, another fluid one.
- Three fluid columns layout - Fixed columns left and right, the fluid one in between.
- Footer sticks to the bottom of a page - CSS.
- Left and right on the same line - Elements on left and right hand end of the same line.
Form elements in web development
- Clear prefilled text box and change text colour - Clicking in text field clears prefilled text and changes text colour, uses jQuery.
- CSS for form elements - A trouble easing CSS for some form elements, a case from life.
- Select option line wrap - cutting a long option line to several short ones, JavaScript.
- Cursor appears automatically in the text box
- Forms - form elements - checkbox, button, radio, select, textarea, textfield.
- Form Select Country
- Form Select Year Month Day
- Centering Form Elements - Form layout, simple centering of form elements on page around a center line.
- Form html code - Sample of a form mark up. Bullet proof one.
- Form html code 2 - Another sample of a form mark up. The same principle, different look.
- Form html code 3 - One more sample of a form html code. All the same principle, simplified construction, an illustrative figure attached.
- Button like a link - Buttons on a breadcrumb look like hyperlinks, progress bar, navigation menu.
- Link like a button - A link that looks like a button.
- Button hover css - Button hover effect for an input element, button element and a link; fluid-width button.
Menus, tabs, flyouts for web development
- jQuery hover highlight and mouseover jQuery - jQuery hover highlight and mouseover jQuery samples together with HTML, CSS and jQuery code.
- Toggle jQuery slider - One common toggle jQuery slider script for all sliders on the page. +/- signs.
- jQuery menu popup overlay - jQuery dropdown menu and pop-up with page overlay opacity.
- Popup jQuery - A simple solution to get a single popup on the page.
- Expanding collapsing sliding div jquery - Sample code of expanding-collapsing-sliding div jquery.
- Tooltip koteako hoverbox jquery - hover fyout.
- Tooltip CSS - Hover flyout or callout for any element.
- Flyout CSS - Fly-out that uses bare CSS, tooltip, callout.
- Navbar sample - A copy-paste CSS and HTML navbar sample.
- Highlight navigation item CSS - How to highlight the navigation item of the user's location in the website.
- Tabs HTML - simple and stabile tabs with CSS.
- Expandable menu JavaScript, 2 levels - Simple expandable menu using JavaScript and based on list elements, 2 levels, changing +/- sign.
- Expandable menu JavaScript, 3 levels - Expandable JavaScript menu, has 3 expandable levels, several items can be opened simultaneusly. When JavaScript is disabled, all is expanded.
- Expandable content in collapsable box - Variation of the "Expandable menu JavaScript, 3 levels".
Animation with jQuery
- Simple jQuery Floater - To display messages and ads. Floats down as the page is being scrolled down.
- Simple jquery carousel image rotator - Code and demo for a simple jQuery carousel - image rotator, thing works in IE6 as well, used for WordPress.
- Image rotator jQuery - Image rotator jQuery rotates images in several groups on random basis.
- Image rotator array jQuery - Image rotator does not preload all images at once but picks them one by one from an array.
Miscellaneous topics around web development
- Current year JavaScript year function - Sample of writing a current year with the JavaScript year function.
- QR code generator - This QR code generator from http://goqr.me/ comes with a good selection of options and a slider for sizes from 60x60 to 1000x1000 pixels.
- Edit PDF files with Inkscape - Edit PDF files for free and efficiently. Use Inkscape as a PDF editor.
- Print Popup Window JavaScript - JavaScript / jQuery sends parts of the content into a popup for preview and then opens a print dialogue.
- Alternative jQuery library - Alternative jQuery library in case Google hosted jQuery library is occasionaly not available.
- RSS tutorial - This RSS tutorial explains how to create RSS feed for a web site.
- Best practice in HTML CSS coding - Some best practices in HTML and CSS coding, settled out in everydy's work.
- Even faster web sites - Even faster web sites is a presentation about the best practice in html/css coding of web pages.
- News ticker, BBC style - JavaScript and JQuery.
- BOM - Byte-order mark - UTF-8 signature - zero-width no-break space - U+FEFF - U+2060 - ⁠
- Google AdSense sizes - Google AdSense sizes and dummies.
- Embedding SWF FLA
- IE local machine active content blocked - Internet Explorer has restricted you viewing a local file. Local Machine Zone Lockdown.
- UTF-8 entities - UTF-8 entities, ASCII entities, Unicode entities, UTF-8 character encoding, character entity HTML reference.
- CDATA comments - Usage of CDATA comments
- Noscript meta redirect validation - Handling JavaScript not enabled visitors.
- Reference links - Reference links on a page and between two pages.
Mail, email and HTML email how to
- Google Analytics Email Tracking - How to monitor emails using Google Analytics email tracking variables, email tagging.
- Send a test HTML Email from Outlook - Test HTML emails sending them from Outlook.
- How do you forward an email with ZoneEdit - Forward emails with ZoneEdit, an experience from the real life.
- How to forward emails to Gmail - Use Google Mail instead of hassling with your own mail servers.
- Redirect mail to Gmail - Redirect any mail address and alias of your domains to Gmail. Terms and conditions apply.
- How To Code HTML Email Newsletters - Code HTML emails in a way they display as supposed with ANY email client!
- HTML Email EMV HTMLPART - What is HTML Email EMV HTMLPART and what is Emailvision UK Campaign Commander.
- JavaScript mailto - Use JavaScript mailto to stave off collecting your email address from a web page.
- Configure Postfix anti spam - How to configure Postfix to fight email spam.
- Postfix Spam and Postfix Access - Postfix mail spam filtering capabilities are quite good, use Postfix access file.
Website set up, hosting, administration
- Hosting a website on Amazon - Amazon site hosting is an affordable and easy option for hosting most of web sites.
- Password protect folders - How to password protect a web folder.
- Password strength - About the proper password strength and password cracking.
Tools and environment
- Firefox, disable restore session - Disable the crash reports and fix some privacy issues on the Firefox.
- Firefox memory usage - How the Firefox memory feature works and how to reduce Firefox memory usage.
- Disable Firefox plugin container - How to permanently disable Firefox plugin container process in Windows.
- Markdown to HTML converter online - Markdown is easy-to-write way to format plain text writings
Web development is a broad term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services. More about the web development on Wikipedia.
Complete web development, from creating a simplest static web page and microsites to complex web solutions. So whether you have an idea for an online business, plan to grow an existing business online or just want to update your own web site, we can do. Web technologies used include PHP, CakePHP, JavaScript, jQuery, AJAX, Python, DHTML, XHTML, HTML5, MySQL, PostgeSQL, Apache and Linux to name few. Which is code for pretty much everything you'd expect.
XHTML CSS JavaScript jQuery tips, tutorials, code snippets and other useful materials around the web development.