pub-6887543428250003

TEN THINGS TRENDING


CSS TRICKS

1. How To Add Page Transitions with CSS and smoothState.js | CSS-Tricks

"Page transitions benefit the user experience

Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time time for the user to adjust. Smooth transitions reduce the effort it takes for users to get settled into a new environment.

Native apps understand the importance of animations. It’s uncommon to find an app without page transitions, and users have grown accustomed to this higher level of usability. The web has started to feel outdated because of this shift in expectations. Many think of the web as an inferior experience to apps. Luckily, it doesn’t have to be this way."


Vimeo

2. Heydon Pickering | Effortless Style | CSS Day on Vimeo

"Classes, and the CSS methodologies based on them, have begot a component based approach to styling web pages. This results in a form of presentational markup that, despite breaking with the ‘separation of concerns’ principle, has proven to be a popular approach to collaborating on style schemas.

Methodologies and standards are not equivalent and inviting the explicit prescription of CSS into the editorial process will quickly alienate non-developers charged with simply writing content. This session will explore ways to help content editors elicit stylistic nuances without having to think about design or CSS at all.

Heydon Pickering | Effortless Style | CSS Day from Web Conferences Amsterdam on Vimeo.

Slides: slides.com/heydon/effortless-style/

About Heydon: heydonworks.com
More about CSS Day: cssday.nl or twitter.com/cssdayconf"


CSS TRICKS

3. A Complete Guide to Grid | CSS-Tricks

"The grid property in CSS is the foundation of Grid Layout. It aims at fixing issues with older layout techniques like float and inline-block, which both have issues and weren’t really designed for page layout.

You start by establishing a grid context on an element:

CSS

Then you define what that grid layout will be like. Think columns and rows like a spreadsheet (or table). Then, you can define for each child a column and a row (resulting in a cell). No markup changing is involved; everything is done through CSS.

Along with the fact this method fixes the issues we encounter with older layout techniques, its main benefit is you can display a page in a way which can differ from the flow order."


4. Draft Control review: Keep track of the changes made in text documents | Macworld

"There are plenty of ways to keep track of changes made to a text document. You can use the track-changes tools built into your word processor (assuming it has them). If your needs are more sophisticated, particularly if you’re collaborating with others, you can use a sophisticated version-control system such as Github, Subversion, CVS. Or you can use a dedicated utility such as Kaleidoscope (which can compare documents, images, and even folders).

But if all you really want to track are changes to plain-text or word-processing documents, you have another simpler alternative: Draft Control. It’s dead-simple to use: You add the document you want to track to Draft Control’s My Documents list (either by clicking on the + Document button or dragging it into the Draft Control window from the Finder). Thereafter, any time you save the document, Draft Control will take a snapshot of that version; in its preview window, it color-codes all additions to and deletions from the previous version. If you want, you can give those versions descriptive labels (instead of the app’s default time-stamps). You can also organize them into folders within the Draft Control interface. (Those organizational changes don’t roll over to the OS X file-system.)"

Draft Control


Mac 911

5. Keep a Record of All Emails Sent from iPhone by Always BCCing Yourself

“Aside from keeping a copy of sent mails, this is also a handy trick to use if you find yourself frequently sending yourself as a CC or BCC recipient on emails anyway, since it automates that process. Keep in mind that with BCC used, the recipient will not see that you are emailing to yourself, that part will be invisible to the mail receiver.”


Tuaw

6. Monitor OS X network, CPU and disk activity in the Dock | TUAW: Apple news, reviews and how-tos since 2004

Mac OSX Activity Monitor

"For those Mac users who love to push their hardware to its limits, the OS X Activity Monitor (found in Applications > Utilities) can be a handy tool. I often use it to find out if one process or another has suddenly decided to take over my iMac, to figure out if I’m redlining my network bandwidth, and to see if adding one more app while editing video is going to cause issues. This fun tip puts an updating icon into the Dock so you can keep an eye on one parameter while you’re doing work.

Simply launch Activity Monitor, and you’ll see the usual list of processes and what percentage of CPU cycles, RAM, energy use, disk input and output, and network traffic each process is using (the image below shows what you’ll normally see when running Activity Monitor). Now, click and hold on the Activity Monitor icon in the Dock, and select ‘Hide’ to remove the window from your Mac screen."


RocketINK

7. Alfred’s Fuzzy Search, … Finally! — RocketINK

"Hi, my name is Patrick. I’m an app horder and I run way to many apps. You need proof? Well, I run my favorite launchers, Alfred and LaunchBar, parallel (= at the same time).

I’m going to publish a separate post on this at some point, so that know why on earth someone is willing to force double the memory consumption on his poor old Mac. But today is ‘Alfred Day’."


8. Ten Years a Mac Developer — RocketINK

“Steve Harris is the developer behind Together, Feeder and Poster. He’s ‘in the (indy) game’ for over ten years now and his Together is one of those apps I keep installed for a special purpose. It’s my offline Evernote where I keep and gather all things design related from tutorials up to snap shots from inspiring web designs.”


Tuts+code

9. Using Jekyll - Tuts+ Code Tutorial

"In the previous post, I talked about GitHub Pages and how to set it up on your GitHub repository. We used the site generator to get started and I mentioned that GitHub Pages also supports Jekyll

In this post, I will talk about Jekyll and show you how to get it setup with your project. I have created an example project that you pull down and follow along with as well."

Jekyll powers the GitHub site. You need to let your inner terminal out to use this, but it is well worth the effort.


10. Understanding and Working with Posts in WordPress - Tuts+ Code Tutorial

"Like so many examples of WordPress terminology, the term ‘posts’ can be confusing, as it refers to a post type as well as a content type stored in a specific database table. 

Here, I’ll clarify the difference between the two and look at post types in detail.

In the previous part of this series, I examined the different content types in WordPress, which are stored in a number of different database tables. These are:

  • posts
  • users
  • comments
  • links

In this tutorial I’ll examine posts in more detail and outline the post types, the relationships between them and how understanding all this can help you work with them."