Sign in with Twitter

Username:

Smashing Magazine @smashingmag Freiburg, Germany

An online magazine for designers and web developers. Questions? We've got your back: @SmashingSupport, @SmashingConf. Curated by Iris, Vitaly and the team.

2,369 Following   970,007 Followers   77,106 Tweets

Joined Twitter 8/5/08


Website Privacy Inspector, a great little tool to keep close. https://t.co/9mYTGxlW1L https://t.co/otKC7lm06yA massive library of free 3D shapes for UI design, motion design, web design, presentations, or anything else you l… https://t.co/kvkRNV0HMnLooking for some inspiration to add a bit more creativity to your personal online portfolio? Our friends… https://t.co/0zDLre4B3TUnit testing has become an integral part of the software development process. It’s the level of testing at which th… https://t.co/FQLmNB47CAA free experimental vector graphics editor. (The current version supports many things already such as SVG, PDF and… https://t.co/B19VqgiPJ7
9/29
2020
What a great article on @css: Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS by… https://t.co/5G3eQBTwjYOur dear friends @microsoftcreate are organizing a live event this September 30 on all things serverless. On top of… https://t.co/BotJTL7aAdDesigning digital product pages for mobile isn’t that straightforward. While you might be able to design a clothing… https://t.co/gcZWEUgfLMOur Person of the Week is a front-end developer from Vienna, who loves to share his knowledge as an author, speaker… https://t.co/63Zp6hmUIZWhat are some of the more useful UX/UI blogs, magazines and general resources that you’d highly recommend? Thank you! ❤️The Internet is just amazing, you think, and there is answer. Just randomly searched for organic svg shape creator.… https://t.co/D2I1p6f4yY
Retweeted by Smashing Magazine
9/28
2020
🎉🎉🎉 New interactive tutorial: “A Friendly Introduction to Spring Physics”. It teaches the fundamentals of using sp… https://t.co/pihPXG3PRp
Retweeted by Smashing Magazine#CSS media queries conditionally *apply* styles, BUT did you know they can conditionally *load* styles too? This t… https://t.co/TAnsBjzfRT
Retweeted by Smashing MagazineA visual on the difference between `display: none` and `visibility: hidden` in #CSS. More details:… https://t.co/YN50AMacxf
Retweeted by Smashing Magazine
9/27
2020
If you have to estimate, what percentage of people who write HTML do you think can also write JS at least at a begi… https://t.co/OL3gnQaPvo
Retweeted by Smashing Magazine @cableclark Hi there, thanks for sharing your thoughts! Perhaps you could share more about the ‘real’ research tha… https://t.co/qP8QpWfJbrYarn workspaces let you organize your project codebase using a monolithic repository. @JGFerreiro explains why they… https://t.co/SOEyDFNkHnLinearly Scale font-size with CSS clamp() Based on the Viewport by @pprg1996 https://t.co/P1C0mred3F
Retweeted by Smashing Magazine
9/26
2020
What does “intuitive design” actually mean, why doesn’t it even make sense, how can we better approach design solut… https://t.co/JVRly6TNWQLooking for a way to quickly create mobile and web applications for any device? Give @OutSystems a try: it’s the mo… https://t.co/YbUiYZhudoA simple, consistent open-source icon set designed to be used in a wide variety of digital products. ↬ Mono Icons… https://t.co/YpyVRYCDdb
9/25
2020
For more than five years, @sasj_nl has been creating one digital artwork a day by using code to generate patterns,… https://t.co/vAHFbTZwCw
9/24
2020
Pure CSS Drawers 🪚 Built with <details> and <summary>. No checkboxes! 😎 One of my earlier 3D pieces. Cool to see… https://t.co/8HbGiFAslG
Retweeted by Smashing MagazineWhy are people afraid of doing live coding?
Retweeted by Smashing MagazineI know, I know, I SAID I wasn't building a Static Site Generator... but it turns out... that's what I built! This… https://t.co/GV4BFrHN6j
Retweeted by Smashing MagazineWhile more full-featured SSGs may be what you need for most projects, creating your own mini-SSG can help you under… https://t.co/ioYDWhWx3M✏️ New Article: Finding The Root Cause of a CSS Bug I wrote about the importance of finding the root cause of a CS… https://t.co/XwOCtKsePC
Retweeted by Smashing MagazineOverview of CDNs: 📖 https://t.co/8VhYxW8n2S - how they work - selection - setup - performance features you should e… https://t.co/pxlEN7froB
Retweeted by Smashing Magazine @dark_mefody @pepelsbey_ @webstandards_ru Noted! ❤️It's finally out, the MDN Browser Compatibility Report: https://t.co/ZqEF7o5CJg (PDF, 1.9MB) A large part of 2020… https://t.co/eO1RvIjDkD
Retweeted by Smashing MagazineQuite a productivity boost for writing React in VS Code, with the VS Code ES7 React/Redux/React-Native/JS snippets… https://t.co/oo1vDh2gy9
9/23
2020
Smart Interface Design Patterns Checklist 100 illustrated checklist cards from @smashingmag. Curated and refined o… https://t.co/eSeKRFuLP5
Retweeted by Smashing MagazineThere are a range of opportunities when using CSS Grid on Shopify, and each one potentially adds further value to y… https://t.co/GUwxOM5avvhttps://t.co/SUH91iuzap A multi-level navigation with the navigation options arranged in two columns. https://t.co/bywDJW0IGohttps://t.co/c95ylRHXIV An overlay with navigation split horizontally. https://t.co/leL2bmKB4dhttps://t.co/lv6sV7sOpf Curtain navigation with icons used to split the screen horizontally. https://t.co/z5996ky5GkMaking better use of available space for navigation. https://t.co/mdlHG54j3S Splitting the screen into two halves… https://t.co/77cEsCd8k2GitHub CLI 1.0 is now available. A quick explainer on how to work with issues, pull requests and GitHub API on the… https://t.co/33kWlKS23GNice and simple tool that crates SCSS-code for any aspect-ratio: https://t.co/nwAZPyWZyg
Retweeted by Smashing Magazine @jeremygillies Retweeted :)What is the point of a progress bar if its speed isn’t constant? What information, besides time remaining, am I expected to get from it?
Retweeted by Smashing Magazine
9/22
2020
An Introduction to Multi-Platform Design Systems by @dbanksdesign https://t.co/h0MkMLiST7 A _fantastic_ post about… https://t.co/v3Cz5MsRh0
Retweeted by Smashing MagazineCSS Grid debugging (on top of the current Grid Highlight) comes to Chrome. Shows grid-template-area names, shows tr… https://t.co/hoe2l48S4v
Retweeted by Smashing MagazineThis is a big deal 👌🏻👇🏻 https://t.co/C69CqNtIbz
Retweeted by Smashing MagazineBuilding positive relationships with your clients is the secret ingredient to delivering better work, earning more… https://t.co/QkuNtXmbC2Our Person of the Week built his first JS plugin to improve his skills; today, his code is used by companies worldw… https://t.co/VWf8srxo4SVue 3.0 "One Piece" is here! https://t.co/jH6FfByDmX
Retweeted by Smashing MagazineWhat a lovely set of booklets on design, business and freelancing — with bite-sized learning on web design, process… https://t.co/F0jh7eVgCSJust a kind ‘thank-you’ to all the wonderful, kind people take care of people around them, show kind acts of humani… https://t.co/tkWPKc32eq @dan_abramov It sounds a little bit scary.Introducing ComicA11y, an experiment that aims to achieve an all-inclusive online comic reading experience:… https://t.co/J2NNXyZM7K
Retweeted by Smashing MagazineWonderful tutorials by @JoshWComeau: ✨ Animated Sparkles in React https://t.co/BJf2oIIyzk 🧙 Magic Rainbow Gradien… https://t.co/yzBw1A8xdF
9/21
2020
🔥 How to create sites with winding SVG paths. Tutorial + Case study: https://t.co/qt0MUAg5Ax Github Repo:… https://t.co/Py1T7pLv1nThis brings back memories. Winamp Skin Museum. https://t.co/8RXF16S5mk https://t.co/dtuOMzJ1fSIf you write CSS-in-JS, this might come in handy: CC:SS is a low level utility to deal with CSS style objects.… https://t.co/fBu7d56toCCropper.js, a quite sophisticated JavaScript image cropper. https://t.co/rbniotVh9I https://t.co/2JVEoqG9qPGreat guide to CSS mask-image: https://t.co/fWLWAGdVvM ~ specify an image or gradient to use as a mask layer. By… https://t.co/4SNDcHybNj
Retweeted by Smashing MagazineYou can visualize data structures in VSCode! https://t.co/2gKJEw4bpm Try the VSCode Debug Visualizer extension by… https://t.co/r99wyaSn95
Retweeted by Smashing MagazineDuet Date Picker, an accessible, WCAG 2.1 compliant date picker that can be implemented and used across any JavaScr… https://t.co/ESGM45o8ud
Retweeted by Smashing MagazineAlso, happening now and soon: 👓 Vue.js: The Practical Guide with @N_Tepluhina 📱 Smart Interface Design Patterns… https://t.co/NIRBatGVyF🎉 Meet our new online workshops in Sep–Nov 🥳 🎈SVG Animation with @cassiecodes ⛳ Web Performance @csswizardry 😮… https://t.co/CWB55MvxUS🥳 YES! Vue.js 3.0 is officially released. Congratulations to everyone involved. https://t.co/CijrSlzIcy
Retweeted by Smashing MagazineVue 3.0 official release 🥳 https://t.co/uiNYUDeEVh
Retweeted by Smashing MagazineLooks promising. Real-time code collaboration inside any IDE, e.g. IntelliJ IDEA, WebStorm, AppCode etc.… https://t.co/I9SKCy8uXuAre you up for a creative little challenge? Well, we might have one for you: Design a wallpaper calendar for our mo… https://t.co/rvSwmztjT0It’s time for another monthly update! ↬ SmashingConfs, Inspiring Talks And Birthday Cake https://t.co/YqQxlu3h8G
Retweeted by Smashing MagazineFalse Simplicity in UI Design: Simple is not always better #UX https://t.co/gQZXdbgX60 https://t.co/2IqD4to6kn
Retweeted by Smashing MagazineDuet Date Picker, an accessible, WCAG 2.1 compliant date picker that can be implemented and used across any JavaScr… https://t.co/ESGM45o8ud @equivalentideas Ohhh. That’s very confusing! It wasn’t like that previously! Will take a look!
9/18
2020
How HTTPS works ...in a comic! 🌈 🎉 🍕 https://t.co/xf60kQa6cv Think you know everything about HTTPS already? Well,… https://t.co/hzkWMliprlFree SVG background generator for your websites, blogs and apps. ↬ BGJar https://t.co/MR8HisKvqh https://t.co/LQba8PyaCTA creative collection of randomly generated characters to use in apps and/or games. Free for personal and commercia… https://t.co/s8mHoHC6D3Here's some more randomly generated characters! Created using SVG's and React. #webdevelopment #100DaysOfCodehttps://t.co/P4pgVrj6z4
Retweeted by Smashing MagazineHave you tried using Next.js to create a new React app? If not, it’s worth a try because it supports a myriad of wa… https://t.co/qXPZOil4Rxhttps://t.co/lXURlO1alP https://t.co/WVspacqpq7 https://t.co/OEC8rcVnXL https://t.co/cPDYYOVT8K🔥 Design inspiration resources. https://t.co/pbpAWhJCkh https://t.co/kN4rId00OD https://t.co/WkhlCIKpPkhttps://t.co/i14jYumduDWhat a fantastic series of online events by our dear friend @marcthiele at @btconf: Two talks, Q&A, and a friendly… https://t.co/KUInTsSNNB
Retweeted by Smashing Magazine
9/17
2020
Looks like @smashingmag and I will be doing another Pizza Show this year. 🍕🎙 Details TBA. https://t.co/UXiunnv55e
Retweeted by Smashing MagazineI made this layout that animates from a menu with a background image grid to an inner page:… https://t.co/uQd60SWJs1
Retweeted by Smashing MagazineAlways a fantastic initiative. Meet Inclusive Design 24, a free 24h video stream for everything accessibility. Star… https://t.co/ACmAw1Nj05On your mobile phone, do you keep Slack/Jira/Trello notifications on during the work time?Fantastic news for musicians: Zoom has added options to turn off all the compression and cancellation that make mus… https://t.co/2W1v3qCOjU
Retweeted by Smashing MagazineI promised a month ago that I would write it, so here you go: Creating a production-ready @eleven_ty project with w… https://t.co/eRvm7dx1Ws
Retweeted by Smashing MagazineTook a few pure CSS sliders I first coded in 2015 and brought them to 2020 (grid layout, conic gradients). @CodePenhttps://t.co/xqAjrm5pjI
Retweeted by Smashing Magazine#JavaScript tip for today: When trying out selectors in the console: 😒 instead of a lengthy `document.querySelecto… https://t.co/I1ARCrHcDv
Retweeted by Smashing MagazineIf you're into CSS 3D transforms and animation I've put together a @CodePen collection of a number of my experiment… https://t.co/z4pcZe7rNx
Retweeted by Smashing MagazineWhat a fantastic series of online events by our dear friend @marcthiele at @btconf: Two talks, Q&A, and a friendly… https://t.co/KUInTsSNNB“Once you have a user’s attention, what do you want to do with it? You need to respect your users. Understanding wh… https://t.co/rVgtsCKHQM
9/16
2020
Visit his Web site and *don't* scroll down. He made me laugh so much 😂♥️ Amazing work https://t.co/Car1CZ3R4Q
Retweeted by Smashing MagazineUp next for Designing in the Browser: Navigating Navigation This episode is all about accessible navigation model… https://t.co/28jHsMJ2nR
Retweeted by Smashing Magazine📘 New Guide: Centering in CSS I wrote a visual guide about centering in CSS. I explained how it works for differen… https://t.co/UxCmoXfzzy
Retweeted by Smashing MagazineConsidering using Moment.js in your project? There may be better modern alternatives. Please see the new Project St… https://t.co/jNw9efSCcS
Retweeted by Smashing MagazineEvery Tuesday, we send out a curated newsletter that has been written and edited by the Smashing Team with love and… https://t.co/SiBH2B0AA5 @cassiecodes @jessejafa Awwww! Here we go :-) Please drop a quick email at hello@smashingconf.com, and we’ll take c… https://t.co/vXu7Wl4rfIAbsolutely brilliant and very useful https://t.co/6V7zAvCqW6
Retweeted by Smashing MagazineFree learning platforms: ⧩ FreeCodeCamp ⧩ Codecademy ⧩ JavaScript 30 ⧩ Frontend Mentor ⧩ Test Automation Universit… https://t.co/fBWPlUuMBH
Retweeted by Smashing Magazine @jessejafa @cassiecodes We will record all sessions, and happy to provide you with a friendly discount if you are i… https://t.co/FjYEfRnfPFradEventListener: a Tale of Client-side Framework Performance https://t.co/UjoxUxWLjA
Retweeted by Smashing Magazine🎉 Just a few online workshops we’re sooo happy to run in Sep–Nov 🥳 👓 Vue.js: The Practical Guide with @N_Tepluhinahttps://t.co/Z8UMDPxglY
Retweeted by Smashing Magazine
9/15
2020
All workshops are split into 2.5h segments, spanning weeks, so you have enough time to ask all your questions and t… https://t.co/3XccbSgG2q
9/14
2020

0