I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German


BLOG FILTER



Nice simple addon to add a loading animation to your Bootstrap buttons, when doing Ajax requests. Always better to let users know, that your system is doing something ;)

Ladda for Bootstrap @ Github

readmore
19. December 2015

Get your load of CSS loaders

Nice selection of CSS loaders, in pure CSS and HTML. Many of the loaders  can be tweaked within an online editor.

CSS Load.net

readmore
17. December 2015

Sass Clearfix Mixin

MIXIN

 USAGE

Simple is king :)

Enjoy coding …

readmore

Bourbon is one of the Sass Mixins libraries that always makes it into my projects :)

You will find Mixins for

  1. Animation / Keyframes / Transitions
  2. Image handling
  3. Columns
  4. Fonts
  5. Flexbox
  6. Media Queries
  7. Text decorations
  8. and more

Bourbon @ Github

readmore

CSS Crush is a standards inspired CSS pre-processor that is written in PHP from scratch.

MAIN FEATURES

  1. Auto-prefixing
  2. Variables
  3. Direct @import
  4. Nesting
  5. Rule inheritance
  6. Abstract rules
  7. Functions
  8. Selector grouping
  9. Selector aliases
  10. Mixins
  11. Fragments

For a current project I am adding CSS Crush side by side to Sass. Lets see which of them sticks around in the end :)  Might be keeping them both, as CSS Crush provides some nice options.

CSS Crush @ Github

Enjoy coding …

readmore
9. December 2015

Sass Mixin obsession

Since completely moving to Sass, I am really obsessed to make my work easier :) There are many Mixins that really help to speedup development and remove some of the tedious tasks ;)

“Some things in CSS are a bit tedious to write, especially with CSS3 and the many vendor prefixes that exist. A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can even pass in values to make your mixin more flexible. ” – Sass Basics

I will be showcasing some of the libs and resources here in the coming weeks. I only have one condition, Mixins should be simple dropin modules so that they can be used universally!

Here one Mixin, I love, that sets a REM font size with a Pixel fallback:

MIXIN

USAGE

OUTPUT

Enjoy coding…

 

readmore

E-Learning platform for Thailand

 

  1. WPLMS (Learning Management System) setup / tweaks / fixes
  2. WooCommerce tweaks / fixes / optimization
  3. Language setup / localization cleanup / changes
  4. Optimization
  5. BuddyPress tweaks / changes / addons
  6. Custom Teacher commission dashboard (MyCred integration / teacher payout)
  7. Messaging changes and tweaks

 

AjarnOnline

readmore