EnjoyCSS: Online CSS Testbed & Tutorial

The Opensourcery has already featured  the wealth of online Web coding websites like CodePen, JSFiddle, SQLFiddle among others. Although CodePen and JSFiddle have edit windows for CSS, HTML and JavaScript, they provide few aids in writing correct CSS, HTML or JavaSCript code – its users DIY. In contrast EnjoyCSS only has HTML and CSS windows but …

EnjoyCSS: Online CSS Testbed & Tutorial 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 »

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 Browsers 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: Now the tricks here are easy to describe when …

CSS Border Styles 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 »

CodePen Canvas Example

Here is another opportunity to show an online HTML/CSS/JavaScript environ in action – CodePen. In this case a Canvas example using the wirelib() library of 3D routines is highlighted: More about Wirelib can be found here.

Pin It on Pinterest