Why Are We Talking About CSS4? — Smashing Magazine
Around the web and within the CSS Working Group, there has been some discussion about whether we should specify a version of CSS — perhaps naming it CSS4. In this article, Rachel Andrew rounds up some of the pros and cons of doing so, and asks for your feedback on the suggestion. There has been some discussion recently about whether there should be a CSS4, as in a defined “next version” of CSS. In
Visual Studio Code Can Do That? — Smashing Magazine
Why is Visual Studio Code (VS Code) so popular, and do we really need another text editor? In this article, we’ll take a look at how VS Code extends traditional text editor concepts and opens up entirely new avenues of productivity for developers. These are all the best things about VS Code that nobody ever bothered to tell you. About two years ago, I begrudgingly opened Visual Studio Code (VS Cod
It’s Time To Start Using CSS Custom Properties — Smashing Magazine
In this article, Serg Hospodarets will teach you more about CSS custom properties, including their syntax, their advantages, good usage examples and how to interact with them from JavaScript. You will learn how to detect whether they are supported, how they are different from CSS preprocessor variables, and how to start using native CSS variables until they are supported across browsers. This is t
CSS GPU Animation: Doing It Right — Smashing Magazine
Sometimes animation that is nice and smooth in a simple demo runs very slowly on a real website, introduces visual artefacts or even crashes the browser. Why does this happen? How do we fix it? In this article, Sergey Chikuyonok aims to help you to better understand how the browser uses the GPU to render, so that you can create impressive websites that run quickly on all devices. Let’s do it! Most
Infinite Scrolling, Pagination Or “Load More” Buttons? Usability Findings In eCommerce — Smashing Magazine
Pagination is still the most popular way to load new items on a website. However, the usability test sessions found “Load more” buttons combined with lazy-loading to be a superior implementation, resulting in a more seamless user experience. In this article, Christian Holst will present Baymard Institute’s usability research findings for both “Load more” buttons, infinite scrolling and pagination,
20 Free And Fresh Icon Sets | Graphics | Smashing Magazine
In this article, we release a set of 60 lovely workspace illustrations of items that many web and graphic designers use every day. The set has been designed by Anastasia Kolisnichenko, from Minsk, Belarus, and released for free for Smashing Magazine’s readers. Feel free to use all these elements and others for your projects. Grab what you need for a poster or website. You can customize everything
How To Create An Advanced Photoshop Animation — Smashing Magazine
Even though Photoshop is still a long way off from being able to create the high-end and cinematic animations of such programs as After Effects, it still has enough power to create complex animation. In this article, Stephen Petrany will share advanced techniques to help you create complex animations. He’ll look at the Timeline panel and the different properties that can be animated, and explore t
How To Transform Your Problem-Solving And Creativity — Smashing Magazine
Creative thinkers tend to be balls of energy and productivity machines. Creativity is generally perceived to be something external, out of our control, or an inherent talent for a chosen few. But consider that creativity is fundamentally about ideas. Ideas are generated by thinking, and skills for thinking can be learned. Therefore, creativity, thinking and idea generation are skills that can be l
Styling And Animating SVGs With CSS — Smashing Magazine
In this article, Sara Soueidan will go over the prerequisites and techniques for working with CSS in SVG. She’ll also go over how to export and optimize SVGs, techniques for embedding them and how each one affects the styles and animations applied, and then we’ll actually style and animate with CSS. Make your SVGs accessible! You can do several things to make that happen. In addition to accessibil
Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors — Smashing Magazine
With the display of the iPhone 6 Plus being even more detailed than that of the iPhone 4, we will need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.” Of course, Android developers have always had to deal with many different sets of assets. Still, designers are finding themselves questioning their production workflow. In this article, Karsten Bruns will focus on iO
An Introduction To Unit Testing In AngularJS Applications — Smashing Magazine
One of the reasons for AngularJS’ success is its outstanding ability to be tested. The main factor that made Sébastien switch from “Well, I just launch the app and see if everything works” to “I’ve got unit tests!” was that, for the first time, he could focus on what matters and on what he enjoys in programming: creating smart algorithms and nice UIs. After having fixed it, re-updated the applicat
The Ultimate Motion Graphics Tutorials Round-Up — Smashing Magazine
Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally
The State Of Animation 2014 — Smashing Magazine
In the wake of so much “CSS versus JavaScript animation” infighting, a new API specifically for web animation is coming out that might just unite both camps. In 2014, Rachel Nabors had the chance to travel the world to talk about using animation in user interfaces and design. She met and interviewed dozens of people who use and champion both CSS and JavaScript. What you’re about to read is purely
JavaScript Awesomeness — Or How To Animate Without jQuery — Smashing Magazine
JavaScript-based animation is often as fast as CSS-based animation — sometimes even faster. CSS animation only appears to have a leg up because it’s typically compared to jQuery’s $.animate(), which is, in fact, very slow. However, JavaScript animation libraries that bypass jQuery deliver incredible performance by avoiding DOM manipulation as much as possible. In this article, Julian Shapiro will
Understanding The CSS3 transition-timing-function Property — Smashing Magazine
You are about to experience truly hair-raising excitement as you get to grips with the intricacies of the hugely interesting CSS timing function, which is a bit of a hidden gem when it comes to CSS animation, and you could well be surprised by just how much you can do with it. For example, they define where an animation accelerates and decelerates, you can break an animation into any number of ste
70 Beautiful Dual-Screen Desktop Wallpapers — Smashing Magazine
Dual displays come in handy when you are working on several projects at the same time. They allow you to separate everything, organize and work efficiently. Dual displays are highly suitable for Web designers, Web developers and graphic designers and they are rapidly gaining on popularity in last years. Dual displays come in handy when you are working on several projects at the same time. They all
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website — Smashing Magazine
This article will demonstrate a technique that uses part of CSS3 that is also unsupported by Internet Explorer 8. However, it doesn’t matter as one of the most useful places for this module is somewhere that does have a lot of support - small devices such as the iPhone, and Android devices. Editor’s Note: Please note that this article was published in 2010 and is outdated. Rachel Andrew has writte
How To Optimize PNG — Smashing Magazine
This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We’ll start with some essentials about the PNG format and will then move to advanced optimization techniques. As a web designer you might be already familiar with the PNG image format which offers a full-featured
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mental Health: Let’s Talk About It — Smashing Magazine
Cat Noone From Liberio On eBook Creation And Publishing — Smashing Magazine