I AM LISTENING TO
|

WHAT I LIKE
BLOG FILTER

14. May 2017

Element queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser.
Unlike CSS @media queries, @element Queries are aware of more than just the width and height of the browser, you can write responsive conditions for a number of different situations like how many characters of text or child elements an element contains.
Another concept that element queries brings to CSS is the idea of ‘scoping’ your styles to one element in the same way that JavaScript functions define a new scope for the variables they contain.”

Element Query Conditions

Width-based Conditions

Height-based Conditions

Count-based Conditions

Scroll-based Conditions

Aspect-based Conditions

Meta-Selectors

Element Queries

readmore

6. May 2017

Icon set made with pure css code, no dependencies.

Github

readmore

29. March 2017

Inspect styles in a simple, well-organized & beautiful way with this Chrome extension. You can select any object to get more specific information about them. Also a nice way to browse color palettes of websites you visit.

CSSPeeper

readmore

15. March 2017

Joyride is an easy to configure site tour wizard.

Joyride

readmore

6. February 2017

Rocket.Chat is am impressive Open Source Web Chat Platform, with a huge amount of features:

  • BYOS (bring your own server)
  • Multiple Rooms
  • Direct Messages
  • Private Groups
  • Public Channels
  • Desktop Notifications
  • Mentions
  • Avatars
  • Markdown
  • Emojis
  • Custom Emojis
  • Reactions
  • One touch Geolocation
  • TeX Math Rendering – inline math typesetting
  • Media Embeds
  • Link Previews
  • Sent Message Edit and Deletion
  • Transcripts / History
  • File Upload / Sharing
  • Scalable file sharing – S3 uploads with CDN downloads
  • Full text search
  • Live chat / Messaging call center
  • LDAP Authentication
  • CAS 1.0, 2.0 support for education institutions and hosting providers worldwide
  • Support for Okta SSO through SAML v2
  • I18n – Supports 22 Languages
  • Hubot Friendly
  • (Beta) Face to Face Video Conferencing (aka WebRTC )
  • (Beta) Multi-users Video Group Chat
  • (Beta) Jitsi integration
  • Audio calls
  • Multi-users Audio Conference
  • Screensharing
  • ….. more

Rocket.Chat

readmore

4. February 2017

HTML5DOMDocument extends the native DOMDocument library. It fixes some bugs and adds some new functionality.

  • Preserves white spaces
  • Preserves html entities
  • Preserves void tags
  • Allows inserting HTML code that moves the correct parts to their proper places (head elements are inserted in the head, body elements in the body)
  • Allows querying the DOM with CSS selectors (currently avaiable: *, tagname, tagname#id, tagname.classname, #id, .classname)

GitHub

readmore

10. January 2017

Canvas based dial that adds mouse click,  wheel mouse, keyboard  and  finger / touch events.

Really nice 🙂

jQuery Knob

readmore

11. October 2016

SpinThatShit is a set of SCSS mixins for single element loaders and spinners.

SpinThatShit

readmore

11. October 2016

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy to use and well-documented API.

Leaflet

readmore

16. September 2016

Granim.js – Create fluid and interactive gradients animations with this small (< 10 kB) js library.

Granim.js

readmore