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

9. February 2017

With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API, position sticky is back – making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users.

Chrome 56 on iOS also adds the ability to scan QR codes directly within Chrome. So many thought QR-Codes were dead, well not so much !

Google

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

9. January 2017

Papa Parse is the powerful, in-browser CSV parser for big boys and girls 🙂
If you do need easy CSV parsing and conversion back to CSV, take a look at it!

SIMPLE TESTDRIVE

Papa Parse @ GitHUB

readmore

16. November 2016

Player.js is a library that allows you to programmatically control video and audio within iFrames across a number of services.

Player.js@GitHub

readmore

16. November 2016

Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.”

This shared vocabulary from Google, Bing and Yahoo helps to understand your content!

This shows how to associate your logo with your organization.

BEFORE

AFTER

 

readmore