Web tools

Google Fonts: Free Designer Typography

  Google Fonts: Top Designer Typography for Free And unlike other Google software like Gmail and Adsense, there is no need for a  Missing Manual. [animate_animate animation=”twisterInDown” duration=”3″ activation=”click” delay=””]Yippee for Google Fonts! Click me to see my excitement![/animate_animate] So let us take a look at what Google Fonts provides to web designers and developers …

Google Fonts: Free Designer TypographyRead More »

CSS Hero and Site Origins CSS Editor:Update

At the start of this year, theOpensourcery did a review of twoWordPress CSS Editor plugins that help WP developers make CSS corrections more effectively. Since then there have been notable improvements to the two plugins -especially CSSHero 2.0.. Since both plugins will be a key part of our upcoming May 7 free presentation on WordPress with CSS …

CSS Hero and Site Origins CSS Editor:UpdateRead More »

W3CSS and Knockout.js

This post is about two fast and furious Web developments. First is the emergence of W3Schools.com as a vital tool for Web Development and the second is the proliferation of so many Javascript Frameworks for SPA-Single Page Applications. Now many of my Web Development colleagues regard W3School as the Mickey Mouse Club of Web Development. …

W3CSS and Knockout.jsRead More »

A Simple WordPress FAQs/Help System

jQuery AutoComplete is already useful for Bootstrap, Foundation and Ink JavaScript frameworks. But I have found a Search Autocomplete  WordPress plugin when combined  with the Relevanssi Search WordPress plugin and Help pages which makes for a very good  FAQ system for your websites. So lets review an outline of how this FAQ system works. First, install Search …

A Simple WordPress FAQs/Help SystemRead More »

How Pagelines Caught My Attention

And how JavaScript is becoming main language for WordPress Development Pagelines in 2012 was part of that Wave of WordPress Page Building software that has taken over the WordPress theme market. Theme providers now have a single all-purpose Builder+Theme Designer  like The 7, Divi, or X-Theme. Or like Headway and Ithemes, the vendors support their themes/templates with very …

How Pagelines Caught My AttentionRead More »

Agile, Scrum and WordPress

Agile Methods using the Scrum Process seem built for WordPress Development Agile methods have a manifesto and development methodology which is gaining traction not just in software development but broader project planning. Agile methods are geared to handling the rapid change required in modern project planning but also to accomodate fast changing tools and methods …

Agile, Scrum and WordPressRead More »

Discovered at WordCamp 2015 TO: Making Websites Easy to Update

Dara Skolnick gave a great presentation for WordPress Developers entitled Help Me Help You: Practical Tips for Designers from A WordPress Developer. This tutorial was packed with great ideas on getting Designer-Developer-Client all pulling well together. At one point, Dara asked a telling question – Ask your developer what do they do to make the website …

Discovered at WordCamp 2015 TO: Making Websites Easy to UpdateRead More »

Discovered at WordCamp 2015 TO: Duplicator Plugin

During the WordCamp session on Saturday about Systematic Holistic Speed by Paul Bearne, the question of website back-up and migration arose. Ye editor mentioned that Backup Buddy was  a premium but very  good backup and website migration tool. But another attendee said that Duplicator was  nearly the opposite , a great migration tool that could …

Discovered at WordCamp 2015 TO: Duplicator PluginRead More »

Discovered at WordCamp 2015 TO: WP-Optimize Plugin

During Jessica Gardners talk , WordPress Development for Non-Developers: An Introductory Tour Under the Hood, the discussion turned on how to clean the various database tables associated with a WordPress site. Mary Ann Shew, who had just delivered the lecture before,  on  Piecing Together the WordPress Puzzle, suggested the inevitable – there must be a …

Discovered at WordCamp 2015 TO: WP-Optimize PluginRead More »

RIP Akismet

One of the reasons WordPress became my favorite CMS nearly 10 years ago was Akismet. Back then Akismet eliminated spam like no other plugin. But times have changed: 10 minutes after deleting 2300 spam comments and 156 pending comments on my thePhotoFinishes.com website, Akismet had let in 90 new pending comments of which only 2 could …

RIP AkismetRead More »

3 WordPress Visual Page Builders

WordPress has seen an explosion of no-coding, drag and drop Visual Page/Post Builders. These Visual Page/Post Builders bring 5 major benefits to the WordPress design world: 1)They are truly drag and drop,  no coding  Visual Designers; 2)They  should work for both pages and posts but not all do; 3)Most work with any theme which allows for multiple …

3 WordPress Visual Page BuildersRead More »

A Second Look at SEO

SEO too often has the connotation that first page ranking on Google Search is the measure of a website’s promotional success. This presentation take a contrarian viewpoint inspired by SearchEngineLand’s notion of a Periodic Table of Promotional SEO Success factors: Here is the presentation made at the Quinte West Library free Web Tutorial: This multifactor …

A Second Look at SEORead More »

The WordPress UI/UX Development Revolution

This website  and its cohort have been underlining the rapid improvements in development tools and plugins available to WordPress Designers in their UI/UX tasks. These tools and plugins are individually accelerating WordPress Design and Development capabilities. But what we shall see is that they are also collectively revolutionizing WordPress Development because of their complimentary effects on …

The WordPress UI/UX Development RevolutionRead More »

WordCamp 2014 – WordPress Visual Designers

WordPress has changed dramatically in the past 3-5 years. First, there is the opening up of the database to developers with custom fields, posts, pages,queries and taxonomies. This means that WordPress can now deliver any content desired. Second,  and related to the swing to custom content is the adoption of sophisticated data integration beyond XMLRPC and its WP security …

WordCamp 2014 – WordPress Visual DesignersRead More »

InK – Interface Kit: Responsive, Mobile JS Framework

In our sister publication, JavaScriptures, we have reviewed two JS Responsive/Mobile Frameworks – Bootstrap 3.2 and Foundation 5.3.2. And broadly, the reviews have been positive because both frameworks deliver 12 column grids which help to deliver responsive designs with sticky menus and a core of basic JavaScript UI components. Both Web designers and developers will …

InK – Interface Kit: Responsive, Mobile JS FrameworkRead More »

Marketwatch Converts Menu Layout

Bootstrap-like sticky menus which are also mobile responsive are gaining traction among major vendor websites. Coverage on our sister site, JavaScripture, has increased about savvy  JS  Mobile Responsive Frameworks The latest example of mobile responsive use is the Wall Street Journal’s satellite site, Marketwatch. This site has undergone a major menu layout shift in the …

Marketwatch Converts Menu LayoutRead More »

Tripped-up by Incompatible Browsers

With the fall from grace of Flash and Java as cross platform development tools, Full HTML Stack Web Development using HTML+CSS+JavaScript has become a new IT development favorite. Full HTML Stack-based development has assumed the primary role of common cross platform and computing device development as shown by Developers Economics and seen in the diagram below. …

Tripped-up by Incompatible BrowsersRead More »

CSS Animation Triggers

A recent post on another blog shows how fast CSS3 is now evolving with a)better free online support tools b)more uniform W3C CSS & CSS3 standards implementation by all the browser vendors and c) some useful transition and animation features  to add to a Web Designers repertoire. However, the examples shown have used the :Hover pseudo-element …

CSS Animation TriggersRead More »

CSS Border Styles

It is hard to remember the CSS border styles so with some help from W3schools, creating a demo of the available border styles is easy as pie. But in the process, Border style turns out to be handy for providing alternative link decorations as shown below: Now the tricks here are easy to describe when …

CSS Border StylesRead More »

Isotope.js for Grid Widget Sizzle

Currently responsive sliders are being used in more SPA-Single Page Applications for Mobile clients to replace deep  menus and  and button driven designs. The idea is to get portfolio/product impressions upfront as a visitor investigates a website.  But there is a whole new class of responsive grid widgets that do image sliders one better by …

Isotope.js for Grid Widget SizzleRead More »

Pin It on Pinterest