All posts tagged “LESS”

Brad and Jenna Holdgrafer’s Yes Shop: The e-commerce site that encourages shoppers to buy less, but buy better

Brad and Jenna Holdgrafer's Yes Shop

by Kohl Crecelius

“Yes” has been a mantra for Brad and Jenna Holdgrafer—the husband and wife duo who have founded an online shop bearing the affirmative phrase. They adhere to a lifestyle that says “yes” to what life throws at them, and have carefully……

Continue Reading…

Cool Hunting

BioShock Infinite is less than $5 on Xbox 360 right now

If you’ve yet to play BioShock Infinite, the 2013 first-person shooter from now defunct studio Irrational Games, there’s good news: the game is incredibly cheap on Xbox 360 right now. You can grab Infinite for just $ 4.49 through the Xbox Live marketplace, a pretty steep decline for a game that still regularly sells for more than $ 30 elsewhere (even the extra downloadable episodes set in Rapture will set you back more). We’re not quite sure how long the deal will last for, though, so you’ll want to grab it soon.

Continue reading…

The Verge – All Posts

Twitter’s head of news quits after less than a year at the company

Twitter’s head of news, Vivian Schiller, has quit her job at the company less than a year after she took the role. Schiller joined Twitter as the social media platform started to move more aggressively into journalism at the end of last year, building new alerts for breaking news, and attempting to nurture relationships with the media industry. She announced she was stepping down as Twitter consolidates its global media division under new boss Katie Jacobs Stanton.

Continue reading…

The Verge – All Posts

Build a Responsive Grid System in LESS with Recursive Mixins

You’re reading Build a Responsive Grid System in LESS with Recursive Mixins, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Responsive Grid System in LESS with Recursive Mixins

Ever wanted to build your own responsive grid system? It’s easier than you think. LESS has a feature known as recursive mixins, which can generate code that we’d otherwise have to type by hand. A recursive mixin acts as a loop, executing a snippet of CSS until a stopping point is reached. In this video […]

Advertise here with BSA


Simplicam gives Dropcam a run for less money

Arcsoft is a company you’ve probably never heard of, but you’ve likely got some of its technology in your pocket. For the past two decades it’s made imaging tools, including ones that stitch together panoramic photos and detect when people are smiling to get a perfect group shot. That’s ended up in smartphones, and in cameras from Nikon and Canon, but Arcsoft has never actually made something of its own. That’s changing today with a home-monitoring camera called Simplicam, which is arguably the closest anyone’s come to unseating Dropcam with its price, feature list, and ease of use.

Continue reading…

The Verge – All Posts

8 Things You Didn’t Know Are Making You Less Productive

The regular remedy to uplift moods for higher motivation and productivity is getting enough sleep, exercising and spending time with loved ones. This will help us prevent burnouts and so we can keep track with our life goals. But there are hidden details in our lives that may be playing tricks with our mind at a subconscious level aimed to dampen our mood to be productive.

Even with our best efforts to sustain a balanced life, we may still feel lethargic and unmotivated, for no apparent reason. This is something to be expected since our complex body and mind operate beyond our awareness. If you have always wondered what else could be sapping your mood and motivation, here are 8 subtle things that may be responsible.

1. Clutter

A cluttered room is a cluttered mind. Having all your things lying on the floor or desk doesn’t only mess up your room; it also clogs up your mind. Indeed, research has shown that the more clutter you have, the harder it is for you to concentrate.

Given that your brain is constantly trying to process what you see through your eyes, filling your surroundings with clutter only takes up the resources which would otherwise be used to focus on your task. Always having to look for items you cannot locate is also frustrating and time-consuming. This also applies to non-physical clutter in your life such as an overflowed email inbox, icon-filled desktop and the frequent notifications from your smart device.

via Hans

Removing clutter is a process of removing excesses and simplifying your life for the better so that your surroundings don’t compete for your attention. Contrary to what many people would like to believe, multitasking is a myth. The most productive approach to manage your work is to clear the clutter and focus on one thing at a time as much as possible.

2. Artificial Lighting

Getting enough sleep is not enough if the quality isn’t there. True, there are many factors that’ll affect the quality of your sleep, but the night light is probably one thing you have more control over.

For those of you with the habit of sleeping with your bedside lamp switched on, this could be the reason why you’re having trouble dozing off at night. Research has shown that exposure to light at night disrupts the production of melatonin, the hormone responsible for regulating both mood and sleep. And yes, this applies to looking at your smartphone, tablet and computer screens, thanks to their blue wavelength lights.

Some studies have claimed that it is these blue wavelength lights that have the strongest effect on the decrease in melatonin production. You can say that the safest bet for a good night sleep is to minimise your exposure to any light sources when nearing bedtime.

3. The Seasons

Now that you realise how light affects melatonin levels, you can probably understand how some seasons could influence your mood. People living in the colder climates may suffer from Seasonal Affective Disorder (SAD), which is a form of depression that typically arise from the lack of light during winter time.

Commonly referred to as the winter blues, SAD is said to affect 4% – 6% of the US population. While some researchers believe that the impact of seasonal change on depression may have been exaggerated, it is clear that our mood levels drop and productivity decreases to some extent during the darker winter months.

On the other hand, summer blues is a rarer form of SAD that occurs to people living in countries near the equator where the increase in heat and humidity during summer is cause for depression.

Instead of becoming sluggish, people with summer SAD become increasingly agitated by the unbearable heat, preferring to hide out from the summer heat at home. This disruption in their routine gradually takes a toll on their mood and productivity.

4. Weather Changes

When it comes to the daily fluctuations in weather, whether or not you started off with a good or bad mood matters.

A study done in 2008 reported that cold and dull weather is more likely to bring down your mood further when you’re feeling negative, as compared to when you’re feeling upbeat. Specifically, temperature, wind power and sunlight all affect your mood especially when you’re down. The amount of sunlight was also found to influence how tired an individual is, consequently affecting your motivation and productivity.

via hoangsonftu2

Interestingly, some researchers found that people are more productive on days when the weather is actually unpleasant. They argued that people are able to focus better on their work on these days because they are less occupied with more interesting activities. Good weather, on the other hand, creates a conducive environment for the mind to wander from the task at hand, resulting in lower productivity!

5. Social Networking Sites

Needless to say, spending too much time on social networking sites at work reduces your productivity. Research conducted by the University of Michigan on Facebook users revealed that greater usage of the social networking site resulted in a bigger drop in mood at the end of two weeks. Indeed, when your Facebook checking becomes obsessive and starts interfering with your everyday activities, it is a sign of addiction.

via geralt

Resentment and bitterness arise when you start making inaccurate comparisons of your life with your friends’ and feel increasingly disgruntled with yourself. The result is a loss of self-esteem and a worsening of your mood.

If you often find yourself feeling envious over your friends’ posts about their latest vacations or achievements, it might be time for you to cut back on Facebook and other social networks. Otherwise, the negativity will gradually gnaw on your self-image.

6. Your Posture

A downcast person will have a tendency to slouch, while someone bursting with confidence would hold his or her chest high up. What many of us don’t realise is that sometimes it is the way we hold our posture that determines how we feel rather than the other way round.

One study in 2009 has shown that when participants were made to either sit slumped or sit upright while they fill up a mock job application form, those seated slumped evaluated their self-confidence poorer than those seated upright. Similarly, a separate study found that walking in a slouching manner has been linked to a decrease in energy levels as compared to an increase in energy when a person is skipping.

It appears that correcting your bad posture doesn’t just benefit your health and appearance; it can even improve your state of mind.

7. Colors

Our minds and bodies react differently to different colors. We innately associate the color red with danger and threat, so much so that it intensifies our physical reactions. For this reason, ‘stop’ and ‘danger’ signs are often painted red to improve our reaction time in avoiding tragedies.

According to an article from The Huffington Post, research in color psychology has revealed that a combination of blue and green is considered as an ideal choice for the workplace. Green is after all the color of nature which means that it is easier on our eyes and evokes relaxation.

In that sense, working on a green background is a good idea if you have to stare at the computer screen for hours each day. The color blue improves our capability to think creatively. This is definitely a plus for many of us involved in writing, design and other creative work.

8. Who You Hang Out With

Good social relationships are crucial to our mental well-being and we have a natural tendency to unconsciously take on the emotions of others. This phenomenon, otherwise known as emotional contagion, bestowed us with the gift of empathising with others – a necessary recipe for forging deep relationships.

via cherylholt

The great thing about is that we’ll slide towards positivity when we’re always around optimistic and cheerful people. Similarly, your mood will spiral down towards depression if the people you interact with day in day out are filled with negative emotions. It’s wise to be selective about who we spend our time with.

How to get a better Mac set-up for less money

Read more about How to get a better Mac set-up for less money at

youtube: UKVIJ80U_NI Apple has introduced a new entry-level iMac, basically sticking a MacBook Air’s processor and graphics card into a 21.5-inch all-in-one case (and at $ 1099/£899, Apple is charging $ 200/£150 more than a MacBook Air). For that sort of price, you’d expect it to be able to cope with most of the demands of the novice-to-amateur designer – but does it?

Creative Bloq

Less is more with this award-winning wine branding

Read more about Less is more with this award-winning wine branding at

This branding from Landor Paris gained a much sought after ‘In Book’ award from D&AD

Creative Bloq

This Is… : A new series that makes the subject of art accessible and less daunting with the help of illustrations

This Is...

The new series “This Is…” from Laurence King delves into the lives of artists through text, photographs and illustrations. The project is the brainchild of Scottish art historian Catherine Ingram (who holds a PhD from Trinity…

Continue Reading…

Cool Hunting

Less CSS Preprocessor Toolbox

It is common knowledge that CSS has a very powerful syntax. However, if you are working on a smaller project or something that does not utilize every other feature of CSS, this very powerful syntax can become an extra baggage to deal with. To cope with such scenarios, we can make use of CSS preprocessors such as Less.

Built by Alexis Sellier, Less is a CSS preprocessor, which means it includes functionality that extends the functionality of CSS. Thus, if you need a preprocessor that makes CSS more extendable and customizable, and at the same time retains its light-weight fabric, Less is the way to go!

Advantages of Less

This is what Less brings to the table:

  • Nested syntax
  • Ability to define variables
  • Ability to define mixins
  • File joining
  • Mathematical functions
  • Operational functions

So, now that we have discussed the benefits of using Less, how do we get started with it? This post talks about everything you will need to get started with Less within minutes. Without wasting anymore time, let us check out the resources!

less.js CSS preprocessor logo hero

Getting Started with Less

First up, tools and resources to help us get started with Less.

Less Editors

Eager to start coding in Less but unsure which editor to use? Check these out!

WinLess for Windows →

If you are an MS Windows user, WinLess is your best bet when it comes to Windows GUI for Less.js.

WinLess is your best bet when it comes to Windows GUI for CSS preprocessor Less.js for Mac → is a Less editor meant for Mac users. is a CSS preprocessor Less editor meant for Mac users

SimpLESS Adobe Air App →

SimpLESS is a Less compiler with a minimal and no-nonsense approach. It is available for multiple platforms, including Windows and Mac.

SimpLESS is a Less compiler with a minimal and no-nonsense approach

Crunch! Adobe Air App →

Crunch! lets you write your Less markup and crunch it into a CSS file, and thereafter link the crunched CSS file in your HTML. It requires Adobe AIR to work.

Crunch! lets you write your Less markup and crunch it into a CSS file

Koala for Windows →

Koala is a GUI application that lets you compile markup in SASS, Compass, CoffeeScript and of course, Less. It is cross-platform and supports Linux, Windows and Mac.

Koala is a GUI application that lets you compile markup in SASS, Compass, CoffeeScript and of course, Less

Less Tools & Apps

Now that you have understood the basics of Less and already grabbed your favorite editor/compiler, it’s time to check out some additional tools and apps to help you do more with Less.js

Fishsticss →

Fishsticss lets you easily convert your existing markup to Less. You can choose whether or not to preserve comments in the markup.

Css2Less →

CSS2Less is yet another online tool that lets you convert your existing CSS markup to Less within minutes.

LESS CSS is More (LESS Playground) →

LESS CSS is More (LESS Playground) does the opposite of Css2Less — it converts existing Less markup to usual CSS.

WP-LESS WordPress Plugin →

WP-LESS is a plugin that lets you implement Less in your WordPress themes. You can simply focus on the code, and the plugin will handle mundane tasks such as cache management and user delivery all by itself. You can also bundle the plugin with your theme without worrying about conflicts.

Essential Less Mixins

Here are some of the most popular and essential Less Mixins that you should take a look at!

LESS Hat Mixin Library →

LESS Hat is a Less mixin library that offers a wide range of features, such as SVG gradients for IE9, keyframes and unlimited gradients and transitions.

LESS Hat is a Less mixin library that offers a wide range of features

Preboot →

Preboot is a collection of Less utilities, including mixins such as transitions and gradients.

LESS Elements →

LESS Elements is a collection of basic Less mixins that focus on cross-browser compatibility.

Less CSS Toolkit →

Less CSS Toolkit is a collection of reusable Less mixins for animations, transitions, gradients and other effects.

Clearless →

Clearless is a simple library of reusable and flexible Less mixins.


LESS DSS offers a collection of mixins such as backgrounds, borders, 2D/3D transforms, transitions, etc.

LESS DSS offers a collection of mixins such as backgrounds

CSS3 Mixins →

CSS3 Mixins is a collection of mixins for STYL, SASS and Less.

Shape.LESS →

Shape.LESS offers Less mixins for various geometric shapes.

Sublime Text Less Extensions

Following are some of the most popular Sublime Text Extensions for Less users.

  • LESS Syntax Highlighting →
    LESS Syntax Highlighting provides syntax highlighting (well, doh!) for Less files, alongside snippets and completions.
  • CSS Less(ish) →
    CSS Less(ish) lets you use variables and nesting in your CSS files.
  • LESS-Build →
    LESS-Build provides two build systems for Less files — minified and non-minified.
  • Less2Css →
    Less2Css is a Sublime Text 2 plugin that automatically compiles Less files to CSS, as soon as you hit save.

Less-Powered Web Frameworks

This section enlists some of the popular web frameworks powered by Less.

Emerald →

Emerald is a responsive grid system that is built with Less and features a fixed width grid.

Emerald is a responsive grid system that is built with Less

Frameless →

Frameless allows you to build column-adoptable fixed width grids and is especially useful for those who prefer responsive design but do not wish to work with fluid width layouts.

Satus Framework →

Satus Framework is a minimal and mobile-first responsive framework based on HTML5 Boilerplate and Less. It includes Less mixins for semantic grid support.

Grdlss →

Grdlss is a Less framework that lets you build your own grids within minutes.

Responsable →

Responsable is a clean, minimal and responsive framework with nested columns, baseline grid support and in-built typographic styles.

Schema →

Schema is a light and responsive UI framework meant for frontend developers.

Fraction.less →

Fraction.less is a web development boilerplate with custom workflows. It is well integrated with Less.js but you can also choose to use plain CSS if you so desire.Fraction.less is a web development boilerplate with custom workflows

The Semantic Grid System →

The Semantic Grid System lets you work with page layouts. You can specify column and gutter widths and several other relevant details. It runs on Less, SASS and Stylus.

typebase.css →

typebase.css is a minimal and customizable typography stylesheet. It supports both Less and SASS.typebase.css is a minimal and customizable typography stylesheet

Less+ Framework →

Less+ Framework lets you build websites that adapt their content depending on the screen resolution.

Bootstrap →

Bootstrap is an extremely popular Less-powered front-end framework meant for developing responsive and mobile-first projects.Bootstrap is an extremely popular front-end framework

FoundationLess →

FoundationLess extends the ZURB Foundation framework using Less, to include additional features such as a global color palette, etc.FoundationLess extends the ZURB Foundation framework using Less

960-LESS →

960-Less combines the 960 Grid System with Less.js in order to make use of Less features such as mixins and variables.

FatUI →

FatUI is a UI framework based in Less that provides pretty forms, buttons and other input fields.

Less Grid →

Less Grid is a light-weight framework that offers a cross-browser platform for building responsive websites.

Less-Powered WordPress Frameworks

Lastly, we have some of the most popular Less.js powered WordPress frameworks for you.

Bones →

Bones is an HTML5, Less.js (or Sass) powered mobile-first starter theme for rapid WP development.Bones is an HTML5, Less.js or Sass powered mobile-first starter theme


JBST is a theme framework for creating child themes for WordPress. It is built on the top of Bootstrap 3 and is full customizable with LESS.

Less WordPress →

Not a framework as such, the Less is a super minimal Less.js powered WordPress theme (both frontend and backend). It only uses the minimum requirements that WordPress needs, a stylesheet, screenshot and the index page. A great starting point for development.

That brings us to the end of this collection of helpful Less resources. Share your views in the comments below!

The post Less CSS Preprocessor Toolbox appeared first on Speckyboy Design Magazine.

Speckyboy Design Magazine