Archive

Archive for October, 2015

Krit offers a Premiere Suite of Tools for Freelancers

October 27th, 2015 No comments
kritapp

Krit is a self-branded toolset made by freelancers, for freelancers. The site is an overall toolset full of various tools useful to freelancers of all industries.

Check out the site homepage to find more examples and info regarding Krit’s business structure.

So far they’ve released two significant products: Ink for freelance contracts and Pouch for handling payments.

While Ink is already online, Pouch has been announced as launching in the summer of 2015. Since this is now autumn of 2015 I think it’s fair to say we can expect Pouch to launch any day. But why should freelancers even care?

The biggest factor is that these tools are free. Krit offers a large toolset available to all freelancers with tools that are made to solve existing problems.

At the moment it seems the site is rather dry, but Krit is perhaps one of the better advocates of freelancing since the site has been created by freelancers.

You can sign up for e-mail updates from Krit’s homepage or follow their official Twitter account @kritapp.

Read More at Krit offers a Premiere Suite of Tools for Freelancers

Categories: Designing, Others Tags:

A List of Open Source Static Site Generators

October 27th, 2015 No comments
staticgen

The countless number of web tools can be dizzying and rather off-putting. How do you even know where to start?

Well thanks to the StaticGen webapp you’ll be able to find a long list of open source static site generators for free.

This project is completely open source and hosted on GitHub if you wanted to download a copy for yourself.

Plus every project that you find inside StaticGen is open source. It’s really just a big hug box of developers sharing their ideas, and more importantly code, with the rest of the world.

Take a peek at the StaticGen site to get an idea of the listing. Each framework includes extra details like the number of forks/stars, the programming language used, and the specific open source license.

To learn more visit the about page and those who are looking for static site generators should keep StaticGen bookmarked for future reference.

Read More at A List of Open Source Static Site Generators

Categories: Designing, Others Tags:

The Full Stack Overflow Developer

October 27th, 2015 No comments

In a few talks and interviews I lamented about a phenomenon in our market that’s always been around, but seems to be rampant by now: the one of the full Stack Overflow developer. Prompted by Stephen Hay on Twitter, I shall now talk a bit about what this means.

Full Stack Overflow developers work almost entirely by copying and pasting code from Stack Overflow instead of understanding what they are doing. Instead of researching a topic, they go there first to ask a question hoping people will just give them the result.

In many cases, this works out. It is amazing what you can achieve by pasting things you don’t understand, that people who know what they are doing put out there.

I am not having a go at Stack Overflow here. It is an incredible resource and it is hard to create a community like this and not drown in spam and mediocrity (trust me, I am an admin on several technical Facebook groups).

We had that problem for a long time. I challenge anyone learning PHP to not simply copy the code examples in the notes. For years, code reference sites have given us answers we wanted, but didn’t need. Heck, even Matt’s Script Archive is probably the source for many a spam mailer as people used formmail.pl without knowing what it does.

I am, however, worried about how rampant this behaviour is today. Of course, it is understandable:

  • Creating something is more fun than reading up on how to create something.
  • Using something that works immediately, even if you don’t know how it does it, feels better than encountering the frustration of not being able to fix something.
  • You feel like you cheated the system – shortcuts are fun, and makes you feel like you’re cleverer than all those chumps who spend all this time learning.
  • Our job is mainstream and there is a massive need for developers. The speed of how we are asked to deliver has massively increased. People want results quicker, rather than cleaner.

We, as a community, are partly to blame for breeding this kind of developer:

  • When we answer questions, we tend to give the solution instead of analysing what the person really needs. This is much more work, so we tend to avoid it.
  • Posting the “one true solution” and winning a thread on Stack Overflow feels great – even if we have no plan whatsoever to come back to it later if it turns out not to be such a good idea any longer as the environment changed.
  • Getting recognition, Karma and upvotes for giving the solution is much easier than getting it for being the person who asks the right questions to get to the source of the problem.
  • It is easy to lose patience with getting the same questions over and over again and a “just use jQuery” is easy to paste.

SO WHAT? WHY IS IT A PROBLEM IF PEOPLE ARE FASTER AND MORE EFFECTIVE IN RELEASING PRODUCTS?

Of course, you can call me a grumpy old so-and-so now and tell me that the concept of learning the basics in software is an outdated concept. The complexity of today’s products makes it almost impossible to know everything and in other, highly successful environments using lots of packages and libraries is par for the course. Fine, although we seem to be understanding that software as a whole might be more broken than we care to admit, and this might be one of the causes.

There are several problems with full Stack Overflow development:

  • It assumes the simplest answer with the most technical detail is the best. This is dangerous and can result in many a copied and pasted example which has a lot of issues surviving for years and years on the web.
  • The most copy-able answer being used, upvoted and linked to means that better solutions that fix its issues are much less likely to succeed in replacing them. There is no “digging deeper”, so even important fixes will fall under the radar.
  • Any expert community is most likely to have a lot of assumptions as to what makes up a “professional environment”. That means that answers giving in those communities are very likely to work in a great, new and complex developer setup but are not necessarily useful for our end users out there. It is very easy to add yet another library or npm package or bootstrap solution to a project, but it adds to the already full-to-the-brim landfill of outdated code on the web.
  • It perpetuates the fondness we have for tersity over writing understandable code. The smallest solution – however unreadable – is always the one that wins the thread. As people copy and paste them without understanding, that’s fine by them. For debugging and maintenance, however, it is the worst solution. A great example for this is the use of || for default parameters. Short isn’t better, it is just less work.
  • It cheapens our craft. If we, as the people delivering the work, don’t have any respect for it and simply put things together and hope they work, then we shouldn’t be surprised if our managers and peers don’t see us as professionals.

The biggest problem, however, is that it is bad for the developers themselves.

FINDING PRIDE IN YOUR WORK IS THE BIGGEST REWARD

Going on the web, finding a solution and copying and pasting it is easy – too easy. There is no effort in it, and it is not your work – it is someone else’s. Instead of being proud of what you achieved, you are more likely to stress out as you don’t want to be found out as a phony who uses other people’s work and sells it as your own.

Repetition is anathema to a lot of developers. Don’t repeat yourself (DRY) is a good concept in code, but for learning and working it is a terribly idea. We need repetition, to build up muscle memory. The more you repeat a task, the easier it gets and your body does it without you having to think about it.

When you started driving a car, you probably sat down on the seat and got utterly overwhelmed by all the gears, levers, pedals and things to pay attention to. After a while, you don’t even think about what you are doing any longer, and even switching from UK to other cars is not an issue. Failing and learning from it is something we retain much better than simply using something. We put more effort in, it feels more worthy.
Dan Ariely’s TED Talk “What makes us feel good about our work” has some incredibly good points about that topic:

Recognition is what we crave as humans. And we can’t get recognition if we don’t own what we do. You can totally get by copying and pasting and using solution after solution and abstraction upon abstraction. But, sooner or later, you will feel that you are not achieving or creating anything. Many developers who worked like that burned out quickly and stopped developing, stopped caring. And that is a big loss as you might be the person to come up with the next great idea that changes things for a lot of us. That’s an option you shouldn’t rob yourself of. Don’t be a full Stack Overflow developer. You deserve to be better.

More Hands-on with JavaScript

This article is part of the web development series from Microsoft tech evangelists on practical JavaScript learning, open source projects, and interoperability best practices including Microsoft Edge browser and the new EdgeHTML rendering engine.
We encourage you to test across browsers and devices including Microsoft Edge – the default browser for Windows 10 – with free tools on dev.modern.IE:

In-depth tech learning on Microsoft Edge and the Web Platform from our engineers and evangelists:

More free cross-platform tools & resources for the Web Platform:

(dpe)

Categories: Others Tags:

“This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016

October 27th, 2015 No comments

So, do you like challenges? Now, this one is going to smash you alright. Meet SmashingConf San Francisco 2016, packed with smart front-end and UX techniques — CSS/JavaScript architecture, SVG, Flexbox, pattern libraries, performance, UX, interface design, content strategy — to challenge everything about how you design and code — and how to touch someone’s heart with design.

SmashingConf San Francisco

So you know what’s going on in front-end. You’ve been working with pattern libraries and atomic design and Gulp and SMCSS and BEM and HTTP/2 and Flexbox and SVG. What you might not know though is what pitfalls and traps other web designers have encountered in practice — to prevent issues creeping out down the road.

The post “This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016 appeared first on Smashing Magazine.

Categories: Others Tags:

Angled Edges with CSS Masks and Transforms

October 27th, 2015 No comments

Jeremy Frank with a very simple and clever way to have elements not end perfectly horizontally, but at an angle:

.section {
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}

Just make sure there is enough bottom padding so nothing important gets cut off.

Direct Link to ArticlePermalink


Angled Edges with CSS Masks and Transforms is a post from CSS-Tricks

Categories: Designing, Others Tags:

SiteOrigin Visual CSS Editor for WordPress

October 27th, 2015 No comments
visualcss

WordPress has a built-in visual editor for manipulating parts of any theme. These parts often have to be hard-coded into the theme via PHP template hooks.

But similar features can be added with plugins like SiteOrigin CSS. The SiteOrigin website is home to a number of incredible plugins for WordPress users. Their CSS visual editor is just one of many freebies that can prove immensely helpful.

This plugin would be best used with someone who doesn’t want to manually edit code. Think of your clients that don’t know anything about development – these are your prime targets.

But it’s also great for devs who would rather have a simpler time customizing their theme. It’s common that we’ll want to change up a certain color or background pattern from time-to-time.

With SiteOriginal Visual CSS Editor it’s so much easier than relying on WordPress’ default solution.

Take a look at the Visual CSS Editor plugin on WordPress for more info.

There’s also a frequently-updated GitHub repository if you want to suggest a pull request or even fork a copy yourself.

Read More at SiteOrigin Visual CSS Editor for WordPress

Categories: Designing, Others Tags:

Infinit.io is a Dropbox Without the Cloud

October 27th, 2015 No comments

The digital cloud is just as much loved as it is feared. Especially services such as Dropbox are used for fast and easy data exchange by private users and businesses alike. But not everybody trusts this kind of service. Lack of data protection and the issue of data security, in general, are often brought up as reasons against them. Just like Dropbox, Infinit.io allows data exchange via the internet but without using the cloud – in most cases.

Infinit.io Directly Transfers Data

Infinit is available as a desktop application for Windows and Mac as well as on Android and iOS as an app. Once installed, you only need to register or sign up through Facebook. After that, the user can immediately and directly provide data for others via the application. The exchange either occurs through direct connections to other registered users or by distributing a link.

infinit_anwendung
Desktop Application

During the exchange, the data that you want to trade stays on your device at first. You grant other users access to the data via an email invitation. It is also possible to exchange e.g. photos with oneself. This is helpful when you use your own data on multiple devices. This way, you can share files between desktop computer and tablet or notebook without having to fall back to a cloud-based service.

infinit_app
Infinit on Android

While services like Dropbox or Google Drive cache files, Infinit transfers them directly from device to device using different coding algorithms like AES-256 and RSA 2048. When the internet connection gets interrupted during transfer, it is not canceled but paused.

No Size Limit

Another advantage over other cloud services is that Infinit does not set a limit regarding file sizes. As it only transfers data and doesn’t save it, any file size can be transferred. Even entire folders can be shared comfortably via drag and drop.

Caution: Cloud is Used When Sharing Via Link

The only exception is sharing via a link. There is not a big difference to other cloud-based services when sharing the files using a link, as here, the files are actually saved on the Infinit servers. That makes sense as a download via link is usually sent via email where the receiver doesn’t always instantly start the download. Not only time zone differences prevent the recipient from starting the download in case the sender already shut down the computer at that time.

Costs for Intensive Use

Infinit is free for everyone who does not need more than a gigabyte of storage for sharing via a link and who only want to transfer files smaller than 10 gigabytes. This will be sufficient for many people. The biggest restriction that comes with the free version is the limit of five transfers to personal devices a month. So those who use Infinit to exchange files between their desktop and mobile devices will reach the limit quickly.

There are also additional chargeable versions that contain more storage and additional features. Also, extra storage and file transfers can be received by inviting friends or posting on Facebook.

TLDR

Infinit is very fast and easy to use. For everyone sceptic of or plain against cloud services, it is a good alternative. What has to be considered, however, is that files are still saved in the cloud when shared via a link.

(dpe)

Categories: Others Tags:

Material Design UI Colors Palette Webapp

October 27th, 2015 No comments
00-google-material-design-logo

If you work with Google’s material design then you know all about this popular design language. It has suggestions for animations, styles, and various color choices.

Well a new app named Material UI Colors offers a free color generator that follows in-line with Google’s desires. Anyone can use this app to generate colors that match well and work best with Google’s design language.

All colors are given names along with codes for use in HTML/CSS. You can switch between HEX or RGB/RGBa which may also be applied to mobile webapps or Android app design.

The site design is incredibly simple with a deep focus on the color choices. A scrubber bar allows you to shift between levels of saturation from pastels, neutral, or deeper shades. And if you click the “MORE” link beside each shade you’ll find a host of similar colors to choose from.

Material UI Design is one small part of the Panda Network which builds useful apps for designers and developers – one of which is the related Flat UI Colors webapp.

While not everyone actually uses material design, but those who do will surely enjoy the simplicity of this free online color tool.

Read More at Material Design UI Colors Palette Webapp

Categories: Designing, Others Tags:

An essential resource for every designer’s toolbox

October 27th, 2015 No comments

Read on to find how you can try it for free!

A great source of stock images, vectors, textures, and patterns is an essential component in any freelancer’s toolbox. Not only can stock images be used as intended, but they’re also an amazing source of design inspiration. Whether you’re stuck for a layout, or puzzling over a color scheme, browsing through a good stock catalog can really fire up the creative juices. It’s especially helpful when you can download the assets and rework them. Unfortunately, a good source of stock images that doesn’t break the bank is rare. One such, is GraphicStock; a subscription-based design site that has just undergone a relaunch.

GraphicStock’s recent redesign has seen a huge boost in user experience across their library of images. It’s now easier than ever to shortlist assets and download them for your projects. As part of the relaunch, 50,000 new photos have been added, bringing the total number of images to over 300,000 files. Like any stock site, you’ll find the usual categories, like business, people, abstracts, and textures; all royalty free and usable on personal or commercial projects.

Where GraphicStock differs from most sites is that it’s a subscription service. For one low price of $99 you’ll have access to the entire GraphicStock archive with unlimited downloads. With GraphicStock’s simple, easy to understand pricing model, you’ll never have to worry about credits, or pay as you go plans, or paying $9.99 per image. GraphicStock adds new content all the time, so even if you don’t need an asset for a project, or for inspiration, it’s worth logging in just to check out what’s new and make the most of your daily image allowance.

Stock images are ideal for bringing pages to life, illustrating concepts, creating atmosphere, and even reinforcing brand values. It’s amazing how versatile some images can be; all you need is a basic design application and you’ll quickly find dozens of different use cases. The price of an annual plan on GraphicStock is less than the price of a single image at some stock sites, so maintaining a membership is one way to ensure that you always have the assets you need. However, if you should choose to, you can cancel your subscription at any time. Even after canceling you can keep and use everything you downloaded on GraphicStock.

Feel free to check out GraphicStock for yourself. GraphicStock is offering a free 7 day trial membership if you want to sample the site without committing to their membership. With 20 downloads per day that’s 140 free assets for you to play with. Once your trial is up, if you choose not to maintain a subscription, anything you downloaded during the trial is yours to keep, royalty free, forever. Head over to graphicstock.com to sign up for a free 7 day trial.

[– This is a sponsored post for GraphicStock via Syndicate Ads –]

Mega Bundle 30 Keynote Templates from Slidehack – only $37!

Source

Categories: Designing, Others Tags:

Rails Israel Conference 2015 in Tel Aviv on November 24th

October 27th, 2015 No comments
rails-israel

Ruby on Rails has changed the face of web development and grown into an incredibly popular open source framework. While there are many conferences all around the world each year, Rails Israel is the largest RoR conference in the entire middle east region.

This is a one-day event running on November 24th with a direct focus on Rails programming. It’ll cover everything from database management to MVC hierarchy and so much more.

Check out the Rails Israel 2015 website to learn more about conference times and locations.

Speakers will appear from all over the world for this single-day programming event.

To learn more and order tickets just visit the Rails Israel homepage. If you can’t make it this year then you can always follow along with updates via the conference Twitter account @RailsIsrael

Read More at Rails Israel Conference 2015 in Tel Aviv on November 24th

Categories: Designing, Others Tags: