Dlaczego korzystam z: Buffer, Pocket, Feedly, Flipboard, Trello

Time management Tym razem będzie o zarządzaniu czasem i narzędziach, które mi w tym pomagają. Nie będzie pewnie dla nikogo czymś nowym stwierdzenie, że czasu nam ubywa, a nie przybywa. Mam tutaj na myśli ciągle rosnącą ilość informacji, którą chłoniemy każdego dnia. Skuteczne przebijanie się przez to wszystko, a przy tym otrzymywanie “na twarz” tylko tych wartościowych pozycji bywa trudne i niezwykle czasochłonne. Poniżej 5 narzędzi, które pomogą rozwiązać ten problem. Dodam, że na co dzień korzystam z trzech urządzeń. Dwa mobilne (iPad mini i smartfon z Androidem) oraz laptop z Windows. Trzy różne systemy i środowiska pozwalają mi jednak korzystać z tych samych aplikacji i kont oraz synchronizacji pomiędzy nimi.

Buffer

Buffer App

Wiele osób pyta mnie o moją aktywność na Twitter (@mrzepinski), która sprowadza się do częstego i systematycznego publikowania wiadomości ze świata software development oraz wszelkiego rodzaju ciekawostek. Cała tajemnica tkwi w narzędziu Buffer, które pozwala mi zapisywać do kolejki kolejne wpisy, które następnie publikowane są automatycznie na moim koncie na Twiterze. Buffer daje mi możliwość publikowania “tweetów” w sensownych odstępach czasowych, które mogę sobie zdefiniować w panelu aplikacji. Pozwala mi to docierać do swoich odbiorców przez cały dzień, jako, że rundy przeglądania treści wartej publikacji mam zwykle dwie w ciągu dnia (rano przed pracą i wieczorem). Buffer integruje się zarówno z moimi aplikacjami na iOS oraz Androidzie, a także jako wtyczka w przeglądarce Chrome, której używam podczas przeglądania sieci z ekranu laptopa. Taka integracja zezwala mi na dostęp do swojego konta z dowolnego urządzenia, z którego akurat zamierzam dodać kolejne treści do kolejki. Zaletą aplikacji Buffer jest także możliwość publikacji swoich treści na wielu portalach społecznościowych jednocześnie. Wystarczy tylko, że połączymy swoje konta społecznościowe z Buffer i już możemy definiować odpowiednie ustawienia publikacji ze swojego dashboardu. Buffer daje nam dostęp do statystyk naszych publikacji oraz posiada wiele analitycznych funkcjonalności, które dostępne są w ramach płatnego planu.

To, za co równie mocno cenię Buffer, a w zasadzie zespół za nim stojący, to ich polityka całkowitej transparentności oraz idei: “Open salaries“. Zachęcam gorąco do subskrypcji bloga oraz przejrzenia wcześniejszych treści. Uważam, że działanie oraz podejście jest godne pozazdroszczenia i stanowi obecnie pewien wzór do naśladowania.

Pocket

Pocket

Kolejną aplikacją, której namiętnie używam, to darmowy konkurent Instapaper, czyli znany większości Pocket (kiedyś Read It Later). Podobnie jak Buffer, aplikacja dostępna jest na wszystkie trzy platformy, z których korzystam, a przy tym zintegrowana jest z pokaźną liczbą aplikacji. Pocket pozwala dodawać treści do podręcznego schowka w jednym prostym celu: jeżeli nie mamy teraz czasu czytać kolejnego artykułu, obejrzeć kolejnego filmu na Youtubie, chcemy się daną treścią podzielić z kimś później lub zwyczajnie zachować dla siebie, to możemy to zrobić jednym kliknięciem / tapnięciem przycisku. Przeglądając treści we wszelakiego rodzaju aplikacjach, czy przeglądarce naszego komputera możemy dodawać je do naszej własnej prywatnej przestrzeni, a przy tym tagować je i kategoryzować, by potem łatwiej się w nich odnaleźć i móc je filtrować. Pocket przetwarza również dodane przez nas linki, przygotowując tym samym dla nas wersję łatwą w czytaniu oraz oczyszczoną ze wszystkich zbędnych elementów interfejsu. Co ważne – na urządzeniach mobilnych możemy sobie pobrać przetworzone treści i mieć do nich dostęp offline, gdy brakuje dostępu do sieci. Gdyby nie Pocket, to do wielu ciekawych treści pewnie nigdy bym nie powrócił lub po prostu o nich zapomniał, a przy tym jest to ciekawa alternatywa do zakładek, które zapisujemy w swojej przeglądarce.

Feedly

Feedly

Po decyzji Google o zamknięciu Google Reader w lipcu 2013 roku, na rynku pojawiło się sporo alternatyw dla tej usługi. Niektóre bardziej dopracowane, a niektóre dopiero zaczynające swoją przygodę, rozpoczęły one walkę o użytkowników. Uważam, że zwycięzcą w tym starciu został właśnie Feedly, który.. również dostępny jest na wszystkie używane przeze mnie platformy. Feedly pozwala nam przeglądać kanały RSS oraz gromadzić w jednym miejscu nowe źródła treści. Ich przeglądanie jest bardzo wygodne, a usługa przypomina bardzo tę, którą udostępniało wcześniej Google. Kanały RSS, to główne źródło mojej branżowej wiedzy i nie wyobrażam sobie bez nich funkcjonowania w świecie Internetu. Z poziomu Feedly mam również dostęp do wspomnianych wyżej: Buffer i Pocket. Feedly daje nam możliwość ustawienia wyglądu naszej aplikacji oraz przeglądania treści w kilku różnych formatach: od minimalistycznych do bogatych w oprawę wizualną. Aplikacje Feedly są przy tym proste w użyciu oraz szybkie w działaniu. Gdyby komuś było mało, to istnieje także płatny plan, który daje nam dostęp do szeregu dodatkowych opcji.

Flipboard

Flipboard

Kolejnym narzędziem, które używam, to FlipboardFlipboard dostępny jest na wszystkie popularne platformy mobilne, a pozwala konsumować treści wydawane oraz tworzone przez profesjonalne portale oraz blogi, których pełno w sieci. Flipboard stanowi najpopularniejszą alternatywę dla Pulse, czy Google Currents. Niedawnym nabytkiem ludzi stojących za Flipboardem stał się także Zite, działający w tej samej lidze aplikacji mobilnych, a którego używałem jeszcze przed samym Flipboardem. Flipboarda używam również jako alternatywę dla kanałów RSS oraz samego Feedly. Konsumpcja treści przypomina wertowanie codziennej gazety, czego świetnym przykładem jest efekt przewracanej kartki papieru. Dzięki Flipboardowi możemy tworzyć własne kanały, które następnie możemy dzielić z pozostałymi użytkownikami aplikacji. Poza tym – w Flipboardzie mam również dostęp do BufferPocket, więc wszystkie usługi integrują się w jeden ekosystem.

Trello

Trello

Na sam koniec zostawiłem sobie aplikację do zarządzania zadaniami jaką niewątpliwie jest Trello. Korzystam zarówno prywatnie jak i w szerszym gronie przy tworzeniu inqub.it, productbox.pl oraz innych projektów, których jestem częścią. Aplikacja ta dostępna jest zarówno w formie webowej na komputerach osobistych i desktopach, a także w wersji mobilnej na wszystkie popularne platformy mobilne. Pozwala ona tworzyć dashboardy, w ramach których definiować możemy własne tablice z zadaniami. Interakcja z aplikacją przypomina metodę Kanban, która należy do technik Agile. To co znajdzie się na naszych kolumnach, ich układ oraz kategoryzacja zadań zależy wyłącznie od nas i naszej wyobraźni. W ramach dashboardów możemy również zarządzać dostępem do treści oraz zapraszać innych użytkowników do współpracy. Całość jest niezwykle prosta oraz szybka w działaniu. Stworzenie zadania, jego edycja oraz powiadamianie innych użytkowników dzieje się w mgnieniu oka. Trello to również nowy sposób na komunikację w organizacjach, ponieważ pozwala ono tworzyć proste checklisty w ramach zadań oraz wymianę plików pomiędzy użytkownikami. Nauczenie się obsługi interfejsu będzie dla Was banalnie proste, a sama interakcja powinna być jedynie przyjemnością. Mocną stroną są również powiadomienia, które docierają do nas w postaci email lub powiadomień mobilnych. Za ich pomocą na bieżąco informowani jesteśmy o aktywności w obserwowanych przez nas dashboardach oraz w momencie, gdy ktoś wspomni o nas w komentarzu pod konkretną kartą.

Trello posiada również płatne plany, które zapewniają nam więcej opcji zarządzania dashboardami oraz integrację z innymi usługami, jak chociażby synchronizacja danych z produktami Google.

Last but not least

Przedstawione wyżej narzędzia i aplikacje, to oczywiście nie wszystko z czego korzystam na co dzień. Niewątpliwie jednak stanowią one bardzo silny trzon mojego cyfrowego życia, konsumpcji treści, komunikacji z innymi oraz zarządzania swoim czasem. W zasadzie nie wiem jak działałem wcześniej bez nich. Człowiek szybko się jednak przyzwyczaja, gdy tylko otrzymuje do swojej dyspozycji odpowiednie produkty.

Mobilna detekcja – lekka i przyjemna z PHP

PHP Mobile Detect

Jeżeli pracujemy nad projektami stron / aplikacji internetowych, które mają być również dostępne na urządzeniach mobilnych, to w 99% przypadków zmuszeni jesteśmy do konkretnej identyfikacji urządzeń. Pozwala nam to dostosować układ strony pod konkretny smartfon, tablet, czy inne urządzenie przenośne. Zwykle chcemy także wiedzieć jakie funkcje dostępne są na danym urządzeniu oraz z jakim oprogramowaniem i w jakiej wersji mamy do czynienia.

Pisałem już wprawdzie o detekcji mobilnej przeglądarki, ale w tym przypadku możemy skorzystać z potężnej biblioteki, jaką jest WURFL (o niej również pisałem WURFL – dodatkowa porcja informacji), ale jest to straszny kombajn, który pozwala na bardzo dużo i tak naprawdę w typowych projektach nie wykorzystamy nawet połowy jego możliwości. Jeżeli zależy nam na “lekkości” oraz prostocie wykorzystywanej biblioteki, to z pewnością warto zwrócić uwagę na Mobile Detect. Samą bibliotekę znalazłem w zakamarkach Githuba – polecam notabene tam zaglądać, bo czasami naprawdę fajne rzeczy można znaleźć.

Przykładowe wykorzystanie

include 'Mobile_Detect.php';
$detect = new Mobile_Detect();

// Check for any mobile device.
if ($detect->isMobile())

// Check for any tablet.
if ($detect->isTablet())

// Check for any mobile device, excluding tablets.
if ($detect->isMobile() && !$detect->isTablet())

I trochę bardziej konkretny przykład kodu

// Alternative to $detect->isAndroidOS()
$detect->is('AndroidOS');

// Batch usage
foreach($userAgents as $userAgent){
  $detect->setUserAgent($userAgent);
  $isMobile = $detect->isMobile();
}

// Version check.
$detect->version('iPad'); // 4.3 (float)

Możecie się także zapoznać z DEMEM, które przedstawia użycie biblioteki, a ją samą pobrać spod adresu: https://github.com/serbanghita/Mobile-Detect

Dobrze, że istnieje Open Source :)

Roundup #13 – VintageJS, Bonsai, Bourbon, ImageMapster, Base, responsive-carousel, Jarallax

Roundup #13 - VintageJS, Bonsai, Bourbon, ImageMapster, Base, responsive-carousel, Jarallax

VintageJS

vintageJS is a tool where you can upload your images and apply a custom retro, vintage look to them for free. Just try it out: upload your photo, apply the vintage effect and share the retro image it with your friends via Facebook or Twitter.

Vintage Effect for Photos with VintageJS jQuery Plugin


Bonsai

Bonsai is a JavaScript graphics library.
Bonsai’s main features include:

  • Architecturally separated runner and renderer
  • iFrame, Worker and Node running contexts
  • Paths
  • Assets (Videos, Images, Fonts, SubMovies)
  • Keyframe and time based animations (easing functions too)
  • Path morphing
  • and much more…
Bonsai – A Powerful JavaScript Graphics Library

Bourbon

Bourbon is a comprehensive library of sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.
The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties. Bourbon uses SCSS syntax.

Bourbon – A comprehensive library of sass mixins


ImageMapster

ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash. It works just about everywhere that Javascript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids.

ImageMapster – A jQuery plugin that activates HTML imagemaps


Base

A super simple, responsive framework built to work on mobile devices, tablets, netbooks and desktop computers.

A Simple, Responsive CSS Framework – Base


responsive-carousel

A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.

responsive-carousel – A jQuery-based script for responsive carousels


Jarallax

Jarallax is an open-source JavaScript library which makes adjusting css based on interaction easy. With Jarallax it’s easy to create a parallax scrolling website.

Parallax Scrolling Made Easy – Jarallax


[1], [2], [3]

Roundup #12 – Mobiscroll, TideSDK, Terrific Composer, iView Slider, Tooltipster, Yeoman, Neat, Prefix free, This Is Responsive

Roundup #12 - Mobiscroll, TideSDK, Terrific Composer, iView Slider, Tooltipster, Yeoman, Neat, Prefix free, This Is Responsive

Mobiscroll

Mobiscroll is a powerful, easy to set-up HTML5 control, that makes selecting values for your smartphone & tablet users a breeze. It is an Open Source control built on solid ground with jQuery. It is your one-stop solution for everything scrollable list. Its customizable and modular nature provides a great foundation you can build on.

Mobiscroll – The customizable HTML5 spinner control for touch devices


TideSDK

Create multi-platform desktop apps with HTML5, CSS3 and JavaScript TideSDK formerly known as Titanium Desktop is the best way to create beautiful, unique desktop apps using your web development skills.

Create Desktop Apps With HTML5, CSS3 And JavaScript With TideSDK


Terrific Composer

Terrific Composer is a Frontend Development Framework specifically designed for building deluxe frontends based on the Terrific concept

Terrific Composer – A framework designed for building deluxe frontends


iView Slider

iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.

iView Slider – A responsive slider with animated captions


Tooltipster

Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

  • Supports HTML tags inside the tooltip
  • Lightweight and degradable
  • Extremely flexible & fast to set up
  • Easily styled with 100% CSS – no images needed
  • Plays nicely with IE
Good-Looking & Lightweight Tooltips: Tooltipster

Yeoman

Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.


Neat

Neat is a simple grid framework built on top of Sass and Bourbon using em units and golden ratios. Using Sass 3.2 block mixins, this framework makes it extremely easy to build responsive layouts. Using the breakpoint() mixin, you can change the number of columns in the grid for each media query and store these values in project-wide variables to DRY up your code.

Bourbon Neat – A simple responsive grid framework built on top of Sass and Bourbon


Prefix free

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

Break Free From CSS Prefix with -Prefix-free JS Plugin


This Is Responsive

This Is Responsive. Patterns, resources and news for creating responsive web experiences.

A Place To Find Any Information On Responsive Layouts: This Is Responsive


[1], [2], [3]

Roundup #11 – Mobify, Freetile, TiltShift, Enquire, jsPDF

Roundup #11 - Mobify, Freetile, TiltShift, Enquire, jsPDF

Mobify

Mobify.js is an open source client-side web framework that helps you adapt any website to support any device. Powering millions of daily mobile visits to your favourite websites.


Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Freetile has been the layout engine behind Assemblage and Assemblage Plus for almost two years, and now it becomes available as an independent Open Source project.

Pinterest-like Layout Plugin without Fixed Column Width


TiltShift

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

CSS3 Tilt-Shift Effect jQuery Plugin


Enquire

A lightweight JavaScript library for handling CSS media queries.

  • Deal with your media queries being matched (and even unmatched!)
  • Respond to browser events with aplomb
  • And if you want to get really fancy, run one-time setup routines
Handle CSS Media Queries With JS – Enquire.js

jsPDF

PDF files that are created online usually make use of the server-side languages (and their extensions/libraries for PDF).

jsPDF, a free JavaScript library, doesn’t need any server-side script and can create PDF files on the client-side.

Create PDF Files With JavaScript – jsPDF


[1], [2], [3]

Roundup #8 – Ninja, TaffyDB, CSSFontStack, piecon, simpleWeather, Annotator, SiteCake

Roundup #8 - Ninja, TaffyDB, CSSFontStack, piecon, simpleWeather, Annotator, SiteCake

Ninja

Ninja is a fully featured content authoring tool for creative professionals who need to deploy HTML5 web applications for desktop or mobile, and want to create content in a visual way.

Ninja – An authoring tool for HTML5 content and apps


TaffyDB

How you ever noticed how JavaScript object literals look a lot like records? And that if you wrap a group of them up in an array you have something that looks a lot like a database table? TaffyDB is a libary to bring powerful database funtionality to that concept and rapidly improve the way you work with data inside of JavaScript.

Bringing Database Features into JavaScript Applications


CSSFontStack

CSSFontStack is a simple, one-page website which lists all the web-safe fonts. The website also allows us to copy the font-family CSS property for each font with a click.

A Complete List Of Web-Safe CSS Font Stacks


piecon

A tiny JavaScript library for dynamically generating progress pie charts in your favicons.

piecon – A library for generating favicon progress pie charts


simpleWeather

A simple jQuery plugin to display the weather information for any location. The data is pulled from the public Yahoo! Weather feed via the YQL API.

Get Any Weather Information With jQuery: simpleWeather


Annotator

The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.

Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour.

Annotator – An annotation JavaScript library


SiteCake

If you are looking for a simpler alternative or don’t prefer to empower your customers with so many features, SiteCake is a very good option.

SiteCake is an open source PHP CMS application which allows site admin to edit a website while browsing it.

SiteCake – Simple-Yet-Beautiful And Open Source CMS For Small Websites


[1], [2], [3]

Roundup #5 – Responsive Google Map, Speakke, 3D jQuery Image Slider, Wordsmith, Peerbind, MobileCartly

Roundup #5 - Responsive Google Map, Speakke, 3D jQuery Image Slider

Responsive Google Map

Responsywne mapy od Google, przygotowane dla ekranu Retina w najnowszym iPadzie 3, to tutorial od serwisu Webdesigntuts+. Wykorzystując możliwości HTML5 i CSS3 jesteśmy w stanie stworzyć świetnie wyglądające mapy i zaprezentować je na naszej stronie. Niezwykle przydatna rzecz dla stron mobilnych, budowanych w oparciu o responsive design. Dodatkowo – dzięki meta tagom w nagłówku naszego dokumentu HTML5 dostajemy także wsparcie dla ekranów Retina.

Responsive, Retinafied Google Maps Images


Speakke

To naprawdę świetnie wyglądający player audio. Po raz kolejny wykorzystano tutaj możliwości HTML5, a pewnie będzie tak tylko częściej, w związku, że od wczoraj Flash nie jest już wspierany na platformie Android (Huraa!). Trochę CSS, kilka linii JavaScript i trochę własnych ustawień i możemy osadzić na swojej stronie pełnoprawny odtwarzacz plików audio. Poza tym – wsparcie dla wielu przeglądarek, możliwość tworzenia playlist oraz integracji z  Last.fm. Chcecie czegoś więcej?

Speakker: A Crossbrowser Audio Solution with HTML5


3D jQuery Image Slider

No i mamy kolejny ciekawy tutorial od serwisu Codrops. Tym razem jest to trzyczęściowy panel 3D, na którym prezentować możemy nasze obrazki, a zarazem osadzić możliwość ich przewijania. Całość prezentuje się bardzo efektownie. Zresztą – nie spotkałem jeszcze się na tym serwisie ze słabej jakości treścią. Myślę, że takie rozwiązanie przyda się grafikom oraz ludziom chcącym urozmaicić jakoś swoje portfolio, a może nawet i CV. Skorzystalibyście z takiego rozwiązania?

TRIPLE PANEL IMAGE SLIDER


Wordsmith

Biblioteka jQuery, która pozwala tagować słowa na naszej stronie i pobierać ich definicje z zewnętrznego serwera. Całość prosta i intuicyjna w obsłudze. Demo rozwiązania zaprezentował sam autor na swojej stronie.


Peerbind

To kolejny projekt wykorzystujący bibliotekę jQuery. Pozwala na przypisywanie zdarzeń konkretnym elementom lub strukturom na naszej stronie. Obsługuje zdarzenia już wbudowane, ale pozwala tworzyć także własne oraz definiować sposób ich działania. Demonstrację działania oraz dokumentację znaleźć można na stronie oficjalnej.

Peerbind: Share Events with All Visitors on Same Page


MobileCartly

Jest to projekt e-Commerce mający umożliwić sprzedaż naszych produktów na urządzeniach mobilnych, na platformach takich jak iPhone, Android, Blackberry, czy Windows Mobile. Jako źródło danych przyjmuje dokumenty CSV, więc dane możemy budować przy pomocy zwykłego Open Office, czy Google Docs.

Open Source Mobile E-Commerce App: MobileCartly


[1], [2], [3], [4]

WURFL – dodatkowa porcja informacji

WURFL Mobile Detection

W moim poprzednim wpisie – Detekcja mobilnej przeglądarki – zapomniałem wspomnieć o jednej z bibliotek – wręcz “kolosie”, który okazuje się być bardzo pomocnym na naszej mobilnej drodze. Dzięki Ci wielkie Artur, że przypomniałeś mi o niej w swoim komentarzu.

WURFL (Wireless Universal Resource FiLe) skupia się na wykrywania urządzeń mobilnych. Jest zbiorem własnych interfejsów programowania aplikacji (API) i plików konfiguracyjnych w formacie XML, który zawiera informacje o możliwości urządzenia i cechach różnych urządzeń przenośnych.  Do wersji 2.2, WURFL posiadał licencję “open source / public domain”. Od dnia 30 sierpnia 2011, ScientiaMobile WURFL API jest dostępny z licencją AGPL do niekomercyjnego użytku. Aktualna wersja samej bazy danych WURFL nie jest już dostępna na podstawie licencji “open source”.

WURFL pozwala na znacznie więcej niż tylko informacje na temat tego, z jaką przeglądarką mamy do czynienia i czy nie jest ona czasami uruchomiona na urządzeniu mobilnym. Dzięki tej bibliotece jesteśmy w stanie poznać wszystkie cechy oraz funkcje, które oferuje nam dane urządzenie (ściślej – zainstalowana przeglądarka).

WURFL wspiera i może być wykorzystywane przez poniższe technologie:

  • Java (WALL)
  • PHP (Tera-WURFL (database driven), New WURFL PHP API i WALL4PHP)
  • .NET Framework (Visual Basic / C# / .Net API)
  • Perl
  • Ruby
  • Python (Python Tools)
  • XSLT
  • C++
  • Apache Mobile Filter
  • PHP
  • Perl
  • Python
  • JavaScript
  • ActionScript 3 (Flash / Flex / AIR / ECMAScript)

By dowiedzieć się nieco więcej na temat tego co oferuje API WURFL, polecam udać się na oficjalną stronę, gdzie mamy dostępne wszystkie informacje.