Bug Magazine

One Pager for digital publication 'Bug Magazine' featuring a unique intro bug-esque background animation.

by Rob Hope via One Page Love

Amaiò Swim

Amaiò is a swimwear line born in L.A., with a mission to bring couture fashion pool-side and resort wear to the street. Parisian sensibility meets California cool.
by via Awwwards - Sites of the day

Warp Drive – Warp Drive / Starfield Effect jQuery Plugin

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

by via jQuery-Plugins.net RSS Feed

10 Creative Ideas To Promote Your Content Using Social Media

Social media platforms for content marketingMany of you reading this article must be aware of the huge potential of the social media platforms to reach a huge no. of targeted audiences. Among many ways of getting organic traffic, social media is one of the best ways to get some quality organic...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Guest Author via Digital Information World

Animating with CSS, JavaScript and SVG, and Avoiding Burnout, with Sarah Drasner

In this episode of the Versioning Show, Tim and David are joined by Sarah Drasner, a teacher, author, consultant and staff writer at CSS-Tricks. They discuss animating with CSS, JavaScript and SVG, the advantages of animating with SVG over static graphics, SVG 2 and mesh gradients, staving off burnout, public speaking and writing, understanding better through teaching, paid vs community work, teaching in the Greek islands, and drawing snakes and lizards and dead things for encyclopedias.

Continue reading %Animating with CSS, JavaScript and SVG, and Avoiding Burnout, with Sarah Drasner%

by M. David Green via SitePoint

Results of the Ultimate CSS Survey 2017

On April 26 I posted this year’s version of the Ultimate CSS Survey, a way for us to gather information from CSS developers on their practices, habits, knowledge, and understanding of CSS.

More than 1,600 people filled out the survey over the past 6 weeks and now it’s time to show you the numbers. I’ve embedded the results below, and after the embed I’ve posted some of my follow-up comments and observations, especially in comparison to last year’s results. I’ve also included notes on comments that many readers posted in the survey (included as an optional field).

Use the up/down arrows to cycle through the survey results ↑

Comments on the Results

Feel free to analyze the results above on your own, but here are some points that stand out (I’ve included links to different subjects):

General Stuff and Best Practices

• When asked to describe themselves (Question 2), 30% of respondents said they are full-stack developers. In last year’s survey, I neglected to include an option for “full-stack”, so it’s hard to compare results. I’m surprised so many respondents are full-stack. I think to some extent that’s a reflection of the SitePoint readership.
• Another big increase is the number of developers using a CSS methodology (Question 32). This year, 32% said they’re using a predefined methodology compared to 23% last year. BEM use in particular rose from 21% last year to 29% this year.
• Only 23% of respondents said they produce documentation for their CSS (Question 39), which is down from about 28% last year. I wouldn’t expect this number to be too high in general, but I’m surprised there was a dip.
• Testing CSS on a variety of mobile devices is on the increase (Question 41). About 82% do a moderate to thorough amount of mobile testing, compared to 72% last year.
• 8% of respondents said they still test on and support IE8, and 4% include IE6/7 (Question 42). Two respondents even said they support IE5.5. I think these numbers are a little higher than they should be.
• Generally speaking, more developers than last year are happy with the W3C and the standards process. (Questions 43 & 44)
• This year 23% of respondents said that they had attended a CSS conference (Question 48), which is a 6% increase from last year. Good to hear!
• More than 70% of respondents said they learn about CSS from viewing the source on random websites they come across (Question 50).

CSS Features

• More CSS developers are using rem units (Questions 11 & 12) for both typography and sizing in general in comparison to last year’s survey.
• One of the biggest increases from last year’s survey was (not surprisingly) the use of flexbox (Question 14). Last year 31% said they hadn’t started using it. This year, only 18% said that. Also, 62% said they are using flexbox on most or all new projects, compared to only 39% last year.
• More developers are using lesser-known CSS units like vw, vh, grad, turn, etc. (Question 24)
• The areas of CSS that developers have the most trouble with are: Pseudo-class expressions, CSS typography, styling forms, 3D animations, Grid Layout, and flexbox. (Questions 46 & 47)

Tools

• Use of CSS frameworks like Bootstrap and Foundation seems to be on the decline. Not a major decline, but there is a noticeable difference from last year to this year. (Questions 25 & 26)
• Sass and Less usage is on the decline while PostCSS use is way up from 19% to 30%. Similarly, use of lesser-known tools like CSS Modules and Pleeease is on the increase. (Question 28)
• Similar to last year, over 60% of respondents feel the features in preprocessors like Sass should be natively part of CSS. (Question 29)
• The most popular code editors and IDEs are Sublime Text, Atom, Visual Studio, and PHPStorm (Question 30). This fits well with the fact that so many that filled out the survey are full-stack devs.
• More than 50% of respondents said they’ve found a CSS-related bug in a browser (15% reported the bug). This seems a little high but I’m guessing many of these bugs turned out not to be bugs at all. (Question 34)
• A higher percentage of people this year feel that managing CSS via JavaScript (like some libraries are doing nowadays) is a good idea (37%, up from 30% last year). (Question 35)

Continue reading %Results of the Ultimate CSS Survey 2017%

by Louis Lazaris via SitePoint

Introduction to FuseBox — a Faster, Simpler Webpack Alternative

Webpack has arguably become the de facto JavaScript module bundler, but it has a reputation for being confusing and difficult to learn. In this article I want to present a faster, simpler Webpack alternative — FuseBox. FuseBox is a next generation ecosystem of tools that provides for all of the requirements of the development lifecycle. […]

Continue reading %Introduction to FuseBox — a Faster, Simpler Webpack Alternative%

by Feras Khoursheed via SitePoint