Responsive Design, UX, UI, and more

Great articles on what will please your audience and keep your designers sane - responsive design. For more visit mobile-atom.com

By Reuben Walker aka mobileatom

Reuben Walker aka mobileatom
Visual Design
icon-star
css-tricks.com
The sectioning elements in HTML5 are , , <article>, and <section>. is also kind of a sectioning element since all content lying …
Reuben Walker aka mobileatom
Speed Up Mobile Performance with Genesis 3.0 + AMP
wpengine.com - by Alyssa Cuda
The world’s most popular WordPress theme framework, Genesis, just got a whole lot more powerful. Genesis is already used by more than 600,000 …
Reuben Walker aka mobileatom
Salesforce
Why Salesforce decided to open source its Lightning Web Components framework
TechRepublic - Bill Detwiler
Salesforce's Ryan Schellack spoke with TechRepublic about the company's announcement to open source its Lightning Web Components framework and build …
Reuben Walker aka mobileatom
JavaScript
The Complete JavaScript Handbook
medium.com - Flavio Copes
JavaScript is one of the most popular programming languages in the world, and is now widely used also outside of the browser. The rise of Node.js in …
Reuben Walker aka mobileatom
Web Design
UI Animation in React
cssanimation.rocks
This is a flexible little animation as it will simply apply an opacity of 1 and transform “none” to whatever we decide to apply it to. As we’re only …
Reuben Walker aka mobileatom
Web Development
icon-star
css-tricks.com - Erk Struwe
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, …
Reuben Walker aka mobileatom
Web Design
CSS Transform
moro.es
rotate() Rotates an element around a fixed point on the 2D plane. The rotate() CSS function defines a transformation that rotates an element around a …
Reuben Walker aka mobileatom
ISPs
Web Design Tips To Build a Website Your Customers Will Love
siteground.com - Michelle Schulp
Building a strong online presence is key to growing your small or medium-sized business. It all starts with launching your website but goes on with …
Reuben Walker aka mobileatom
icon-star
css-tricks.com - Cliff Hall
In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly …
Reuben Walker aka mobileatom
How to use web analytics to improve site performance
mobile-atom.com
If you don’t measure it, it doesn’t exist This post is from our upcoming book tentatively entitled, Marketing Essentials for Small Business. The …
Reuben Walker aka mobileatom
Typography
The importance of typography
yoast.com - Marieke van de Rakt
For a blog, it’s of great importance that people can read the texts of your post properly. Reading from screens is hard, so make sure you don’t make …
Reuben Walker aka mobileatom
Mobile Atom Code
mobileatom.net
Compliasis Pro (Com-plī-a-sis) is a WordPress theme that optimizes accessibility compliance, privacy compliance, security compliance, schema markup, …
Reuben Walker aka mobileatom
A Complete Guide to Flexbox
css-tricks.com - Chris Coyier
BackgroundThe Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align …
Reuben Walker aka mobileatom
13 Great Tools to Put Your Website Load Time in the Fast Lane
contentmarketinginstitute.com
Do you know how long it takes for your website to load? Take the Google PageSpeed test. How long did it take? (Scroll down to Lab Data and look at the …
Reuben Walker aka mobileatom
Hybrid Lazy Loading
smashingmagazine.com - Andrea has been programming computers for 30 years and he’s now a front-end development addicted who loves to craft websites with the user experience at the … More about Andrea…
Upgrade your inbox and get our editors’ picks 2× a month. Earlier issues. Native lazy loading is coming to the web. Since it doesn’t depend on …
Reuben Walker aka mobileatom
WordPress finally gets the security features a third of the Internet deserves
ZDNet - Catalin Cimpanu
WordPress 5.2 released with support for cryptographically-signed updates, a modern cryptographic library. The WordPress content management system …
Reuben Walker aka mobileatom
9 Projects for 2019: A Look at WordPress’ Priorities for the New Year
torquemag.io - Tom Rankin
The WordPress community is many things, but one’s for certain – there’s never a lack of productivity. The past 12 months are the perfect example. …
Reuben Walker aka mobileatom
Web Design
Five reasons why Web Components could complement JavaScript frameworks
medium.com - Chris Kitson
So it be said, that “web components are the future”…. but yes, we have heard these murmurings since 2011 when they were first introduced — and that …
Reuben Walker aka mobileatom
Type in the digital era is a mess
Fast Company - By marcin wichary
Laying out text used to be fairly straightforward. Then computers came along and ruined everything. It’s easy to overlook one of the most important elements of UI design: text. It hides everywhere – tucked
Reuben Walker aka mobileatom
Site Health Check in 5.2
wordpress.org
WordPress 5.2 will include two new pages in the admin interface to help end users to self-service their site through common configuration issues and …
Reuben Walker aka mobileatom
Design Palette updated to version 1.7 | Design Palette Pro
genesisdesignpro.com
Design Palette Pro 1.7 introduces the Font Manager which integrates with our Google Web Fonts add-on to give you access to 900+ Google fonts. The …
Reuben Walker aka mobileatom
Programming languages: JavaScript developers reveal their favorite frameworks, platforms, and tools
TechRepublic - Nick Heath
The preferences of JavaScript developers are detailed in the latest npm survey. JavaScript may be the world's most widely used programming language, …
Reuben Walker aka mobileatom
Introducing Atlassian for VS Code
bitbucket.org
Developers spend most of their day in three places: chat, their IDE, and a code repository platform like Bitbucket. In between, a lot of hours are …
Reuben Walker aka mobileatom
How WordPress Licensing Works (And Its Role In the Platform’s Success)
torquemag.io - Tom Rankin
Most people with an interest in WordPress know about the GNU Public License (GPL). However, few understand exactly what it means and why it matters. …
Reuben Walker aka mobileatom
Split
adactio.com - Jeremy Keith
When I talk about evaluating technology for front-end development, I like to draw a distinction between two categories of technology. On the one hand, …
Reuben Walker aka mobileatom
Web Design
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
frontendmasters.com
Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses This is a guide that everyone can use to …
Reuben Walker aka mobileatom
How to design with CSS shapes: An introduction
creativebloq.com - Mark Shufflebottom, Web Designer
The basis of every website is to sub-divide the page down into smaller elements that have content. The big problem with this for designers is that …
Reuben Walker aka mobileatom
icon-star
css-tricks.com - Chris Coyier
HelloSign: Everything IT requires and Developers love Direct Link → Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the …
Reuben Walker aka mobileatom
Encryption: A cheat sheet
TechRepublic - Brandon Vigliarolo
There's a lot to know about encryption, and the ins and outs can get confusing. Here's a rundown of what professionals need to know about this …