CSS

Cornerstone & Divi PageBuilders

Here are two WordPress PageBuilders which support important features that make for productive development – extensive styling options for each UI element plus targetted  section as well as page templates. One of the key advantages of PageBuilders is that they deliver  frontend, WYSIWYG editing so end users as well as developers see what they are

Cornerstone & Divi PageBuilders Read More »

WordPress JavaScript Reactions

WordPress Gutenberg and Calypso are back in the tech news now that  CIC Matt Mullenweg has rejected React.js as the core JavaScript library for WordPress. The issue is the Patent Clause in  Facebook’s licensing  which is less than the Open Source Software’s adherence to unencumbered usage standards as in MIT’s license.  So Matt felt compelled by some

WordPress JavaScript Reactions Read More »

Gutenberg Page Builder: A September UI Autopsy

Matt Mullenweg has written a detailed post on Gutenberg, the upcoming WordPress PageBuilder plugin. Within the post  is a critical commitment by Matt: WordPress has always been about websites, but it’s not just about websites. It’s about freedom, about possibility, and about carving out your own livelihood, whether it’s by making a living through your

Gutenberg Page Builder: A September UI Autopsy Read 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:Update Read More »

Web BandAids

Over the past 5 years the aids to using HTML5 and other key Web tools have accumulated rapidly. And the need for advice when and how to use features in Web tools has not abated. First there is the continuing rapid release of new features as mobiles and the IoT-Internet of Things bring new demands on

Web BandAids Read 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 Framework Read 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: [iframe src=’http://theopensourcery.ca/Scripts/cssborderstyles.html’ width=’620′ height=’380′] Now the tricks here are

CSS Border Styles Read More »

Single Page Web Design:Luminato Festival

For the past few months theOpenSourcery has been emphasizing web tools that expedite info-intensive SPD-Single Page Designs. These tools include jQuery based routines that expedite layouts of grids/tables of images and and HTML blocks but also CSS powered layouts as well. For example, see the following reviews: Isotope.js for Grid Widget Sizzle – shows power of

Single Page Web Design:Luminato Festival Read More »

Dropcaps CSS

Dropcaps in CSS are always “fun” to do for 3 reasons. First, the CSS seems easy enough to do. Use a float styling in a SPAN. Or use a :first-line:first:letter pseudo-class to style not just the first letter but also the first line of text as well. The second reason dropcaps are “fun”is because then you

Dropcaps CSS Read More »

CSS3: More Triggers

CSS3 has unleashed the animation and active transformation capabilities of CSS in general. But much of this CSS should have been available 10 years ago if web browser vendors had been more prompt and uniform in their simple CSS standards implementation [think a very delinquent Microsoft IE even after a second promise from BIll Gates

CSS3: More Triggers Read More »

CSS3 Online Generators

Like Rodney Dangerfield, CSS3 gets no respect – not only have the various browser vendors been slow in implementaion; but many are also imposing their own bizarre prefacing like -webkit-box-shadow: and -moz-box-shadow: etc. To add insult to injury, the traditional CSS Styling programs like Top Style and StyleMaster have also been tardy in their implementation of

CSS3 Online Generators Read More »

Buttons Flexing Their 3D Muscles

3D Transformations are applied here in CSS3 to buttons in muscular fashion. But the CSS3 3D coding is truly long and garrulous [think error prone]. Thus the attraction of CSS preprocessors like LESS and SCSS. [iframe width=”100%” height=”550″ src=”http://takethe5th.ca” allowfullscreen=”allowfullscreen” frameborder=”0″] So LESS available in the Codepen test environ was applied to the Buttons with

Buttons Flexing Their 3D Muscles Read More »

Pin It on Pinterest