Monday, February 6, 2017

In Praise of Laziness

I’m lazy. But it’s the lazy people who invented the wheel and the bicycle because they didn’t like walking or carrying things. – Lech Walesa Laziness is the mother of all bad habits. But ultimately she’s a mother and we should respect her. ― Shikamaru Nara Table of Contents What Is Laziness? Different Types of […]

Continue reading %In Praise of Laziness%


by Pierre-Yves Saumont via SitePoint

Web Design Weekly #266

Headlines

The story of a designer conquering mathematics

An inspiring story by Jinju Jang that explores the reasons for relearning some mathematics principles to level up her design skills. (blog.framer.com)

The Promise of a Burger Party

One of the better articles explaining JavaScript Promises I’ve read. (kosamari.com)

Sponsor Web Design Weekly and reach over 23,300 passionate designers and developers

Articles

Free, faster.

Ethan Marcotte shares a few interesting thoughts around budget-constrained organisations using a free theme as opposed to choosing to do a full redesign. (ethanmarcotte.com)

A deep dive on Angular decorators

Todd Motto looks into the different types of decorators, the code they compile to and how they work. (toddmotto.com)

How we’re using Component Based Design

Component Based Design is often talked about in context of large, complex projects but in this post the Lewis & Humphreys team make a strong case that it’s also very beneficial for smaller projects. (medium.com)

Introduction to Vue.js

Vue.js is gaining traction more and more each week. If you need an introduction this post by Sarah Dranser is tops. (css-tricks.com)

The end of the clearfix hack? (rachelandrew.co.uk)

Tools / Resources

A Guide to Webpack 2 and Module Bundling

This article is aimed at those who are new to webpack and will cover initial setup and configuration, modules, loaders, plugins, code splitting and hot module replacement. (sitepoint.com)

npm for Beginners: A Guide for Front-end Developers

If you happen to be new to front-end development and are a little confused about what npm is and why you’d want to use it, this post is for you. (impressivewebs.com)

Web Field Manual 4.0

The Web Field Manual has gotten a fresh coat of paint. Updates include a major redesign, an all new tools section and the removal of some less popular items. (webfieldmanual.com)

WebVR Rocks – Guide to Virtual Reality in the browser (webvr.rocks)

Hero Patterns – Repeatable SVG background patterns (heropatterns.com)

Inspiration

Major design trends we will see emerge in 2017 (quora.com)

Unsplash 5.0 (medium.com)

Advice for Young Designers (innovatemap.com)

Jobs

Front-end Developer at Lullabot

We’re hiring a full-time front-end developer with expertise in CSS, JavaScript, and React/Redux application development. This position requires 30 hours per week of client billable work usually dedicated to a single project, and another 10 hours of learning, communicating and making the web a better place. (lullabot.com)

Product Designer at Pusher

We’re going to do this by creating even more great products which are beautiful, simple to use, reliable and built with developers in mind. Now we’re looking for a Designer to help us get there. (pusher.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

This browser tweak saved 60% of requests to Facebook (code.facebook.com)

The post Web Design Weekly #266 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly

Survey.js – JavaScript Survey Engine

survey.js is a JavaScript library to add a survey to your website. It uses JSON for survey metadata and results. Also it can be used with bootstrap.


by via jQuery-Plugins.net RSS Feed

SitePoint 2017 JavaScript Survey — the Results Are In

This is the editorial from our latest JavaScript newsletter, you can subscribe here.

I’d like to start this newsletter with a massive thank you to everyone who took the time to fill out our survey. You rock! We had a great response and the results turned up some interesting facts about our audience. Here’s a brief summary of the main points.

Of the people that answered:

  • 41% described themselves as front-end developers, 28% as full-stack
  • 55% described their skill level as intermediate
  • 50% consider ES6 to be the future, 39% had heard of it and wanting to find out more
  • 75% use some kind of build tooling (be it a module bundler or a task runner)
  • 55% want to learn more about languages that compile to JavaScript
  • 56% use PHP as another language on a regular basis, only 7% use Ruby
  • 55% would like to see more content on application architecture, design patterns etc

For those of you that are interested you can find the full results of questions 1-10 here. Please note that question 11 is not included, as it is a free text question and thus impossible to summarize.

There were a few surprises in there for me, for example that there is such a high interest in compile-to-JS languages, or that such a small percentage of respondents use Ruby (sniff!). There was also a lot of actionable feedback. We’ll be weighing this up in the coming weeks and incorporating it into our content strategy.

Reader Feedback

In the final question we asked readers what we could do better. We got a lot of great comments and rest assured, we read them all. Thank you everyone that took the time and thank you too, to everyone that said we are doing a great job. We appreciate that!

Other people left more actionable comments and I’d like to answer some of them here. Anyone whose comment I haven't addressed, or who has further comments of any kind is welcome to drop us a line.

Here's what people said:

We developers are always worried about our tools and shifts in tech trends (i.e., backing the wrong horse). It would be great to have more pieces aimed at validating our stack-choices. For example, "Is Angular adoption outpacing React in Enterprise?" or "What is the average salary of developers vs JS framework specialty?" or "What are some hot new npm packages we should be aware of?" This sort of analysis brings SitePoint from "nice" to "IMPORTANT". Tutorials and tips are nice but they are everywhere. On the other hand, it's hard to find good analysis to help with business decisions.

Great feedback, thank you, noted. We do actually have an article in the pipeline on useful npm packages, so watch out for that. And we will take the idea of more analytical content on board.

Tutorials should include editors so that we can practice right away

Many of our tutorials have embedded demos for exactly this purpose. For simple client-side demos we use CodePen (example). For more involved code we use services such as Plunkr (example). We also include a GitHub repo with every tutorial so that readers can clone the demo and run it locally.

The small tips that are missing from most of tutorials turn to be the small pieces that prevent newbies like me to understand and follow the articles. Don't skip steps, for smaller they are.

Got it. We can't always cover every aspect of every technology in every tutorial, as we need to pitch our articles at the widest possible audience. When we do skim things for the sake of brevity, we endeavor to link to articles that will help you fill in the gaps. Also, don't forget that there is SitePoint forums — a great place to ask questions if you get stuck.

React for beginners

Sure. We have an up-to-date beginner's tutorial here. What else would you like to see covered?

Please, bring Angular 2+ content (tutorials, courses, articles, etc.). Also, would be interesting to learn about Google Material Design as well as Angular Material implementation. Lastly, would love to learn Ionic 2 framework. Please, please, please :))

Continue reading %SitePoint 2017 JavaScript Survey — the Results Are In%


by James Hibbard via SitePoint

MUELLER by Bande Vier

Website for a highly limited edition of a german wine called MUELLER. The website shows the wine and the history behind it.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

CJE Mekinac

Services d’insertion sociale et professionnelle aux citoyens de la MRC de Mékinac


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Tuxedo – DRA Homes

The requirement was to design a classy and elegant website that pitches the exclusivity of the product. This is a multi page layout, every page exclusively designed.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery