254: Design Tools
Show Description
Klare and Chris talk about the design tools used at CodePen, and why we landed on the apps that we did.
Time Jumps
- 01:06 We use Figma!
- 02:33 What about Invision?
- 07:57 Our flow typically is...
- 16:31 Sponsor: WordPress
- 18:04 What is auto layout?
- 27:41 What about time?
Sponsor: WordPress.com now has SFTP and Database Access
I’m the type of developer who likes to hack on my theme! Me too, dear reader, me too. In the past, that may have been a reason not to choose to put your site on WordPress.com. No more. If you’re on the Business or eCommerce plans, you have direct access to your site’s database (via phpMyAdmin) and files (via SFTP). You can also install plugins, giving you as much control over your WordPress site as you’d likely ever need.
Show Links
- Figma
- Invision
- Sketch
- Zeplin
- Abstract
- Framer
- Klare on CodePen / Klare on Twitter
- Chris on CodePen / Chris on Twitter
CodePen Links
- CodePen Support
- CodePen on Spectrum
- CodePen Spark
- CodePen Pro
- CodePen on Twitter
- CodePen on Facebook
- CodePen on Instagram
- Sponsor an episode of CodePen Radio
- Buy a CodePen T-Shirt
The post 254: Design Tools appeared first on CodePen Blog.
Integration Gurus: Take Our Survey to Help us Understand How you Work
Scroll through the Integration Zone’s content and the headlines start to sound a bit familiar - and for a good reason. How to do something, how to integrate something, work with something, connect something – it’s the reason you come here.
With that in mind, we’d like to pick your brains for a few minutes.
5 Ways Website Design Can Affect SEO
Search Engine Optimization campaigns are essential to make a business more successful. Even though you may have a great idea to attract more people through different marketing strategies, your website’s design might be standing in the way. Having a great design might look attractive, but you need to rank higher to leave a long-lasting impression. […]
The post 5 Ways Website Design Can Affect SEO appeared first on designrfix.com.
Facebook Messenger Adds One-Time Notification API
Facebook has announced the release of a new beta API that will provide businesses with a method for offering its customers simple follow-up information. The new Messenger One-Time Notification API is designed for situations where customers may want to be notified about simple updates like price drops of merchandise or changes in the availability of products.
CSS4 is a Bad Idea
Louis Lazaris, reacting to the idea of CSS4:
The reason “CSS3” worked is because it was real. It was the successor to “CSS2.1”. Everything after CSS2.1 was considered to be under the umbrella of “CSS3”.
The gist is that CSS4 isn't real, so won't work, and we don't need it anyway. Perhaps I overestimate the power of marketing, but I'd wager Louis underestimates it a bit. When an idea takes hold, basis in truth or not, it has tremendous power and money follows. See: politics and pet rocks.
Amelia Bellamy-Royds pointed out that there is a real thing we could point to, and those are "CSS Snapshots" that the working group produces that could be marketed as yearly versions. Like we have ES2019, we could have CSS2020.
Direct Link to Article — Permalink
The post CSS4 is a Bad Idea appeared first on CSS-Tricks.
Twitter API Attack Matches Millions of Users’ Phone Numbers to Usernames
Freshly Designed Assets Modal
When you're working in the Pen Editor, you have complete access to both all the files you've uploaded (Asset Hosting is a PRO feature) as well as a slew of free design resources we make available to you.
Click that Assets button in the footer, and the Assets modal will pop up. We've just redesigned this area to be more useful and more in-line with other areas of the site, like our recently redesigned Pen Settings.
The biggest bit of feedback we were working from is that, for PRO members, it was too hard to access your own files. In fact, in some screen sizes and configurations, the Your Files section could have been totally off-screen and it wasn't obvious you could scroll to it. In this new design, Your Files is front-and-center when you open the modal, and all the other free resources are still there and easy to click over to.
Let us know if you have any feedback!
The post Freshly Designed Assets Modal appeared first on CodePen Blog.
Jaxsta Announced Music Credentials API
Jaxta is an online music credentials resource that was founded in 2015 with the aim of ensuring that music creators get the credit that they are due. The company now operates a massive database of music credits and has announced an API to expose this data for third-party use.
Endless loop in mysql function
Hello all.
I have a funtion in MYSQL to substruct days from a date.
This function seamsto work but some dates it times out.
This is my function
CREATE DEFINER=`root`@`localhost` FUNCTION `Calculater`(intrval int, req date) RETURNS date
DETERMINISTIC
BEGIN
declare calculated date;
declare added int default 0;
Lbl_Loop: Loop
IF added=intrval then
leave lbl_loop;
End IF;
set calculated = DATE_SUB(req,interval 1 day);
IF weekday(calculated)<5 then
set added= added+1;
End If;
end loop;
RETURN calculated;
END
If I do select Calculater(1,"2020-02-04"); it works, but select Calculater(1,"2020-02-02"); it runs for a few seconds and My SQL times out.
Thanks in advance.
Introduction to positionstack's Forward and Reverse Batch Geocoding REST API
Welcome to today's tutorial on apilayer's positionstack, a forward and reverse batch geocoding REST API. For those that don't know, forward geocoding translates a street address to GPS coordinates and reverse geocoding converts GPS coordinates to a street address. Batch geocoding allows you to convert a large volume of street addresses to GPS coordinates and vice versa.
The Eclipse Foundation Announces the Sparkplug Working Group
Today at the ARC Advisory Group’s 24th Annual Industry Forum, the Eclipse Foundation announced the launch of the Sparkplug Working Group, which is driving the evolution and broad adoption of the Eclipse Sparkplug Specification that enables the creation of open, interoperable, Industrial IoT (IIoT) solutions utilizing MQTT.
Convert Blog Posts to Social Media Campaigns with Missinglettr
In this article we will review Missinglettr – an easy-to-use, fully automated, content repurposing tool for social media. Given that reach of organic social media posts are just around 1-2%, it only makes sense to periodically share your existing content on these platforms. However, re-creating social media posts from the same old content is a […]
The post Convert Blog Posts to Social Media Campaigns with Missinglettr appeared first on WPExplorer.
US Court of Appeals Irreparably Damages API Economy
Last fall, after a lower court ruled that HiQ was within its rights to circumvent LinkedIn’s API program by “scraping" LinkedIn’s Web pages, a US Court of Appeals upheld the ruling and paved the way for irreparable harm to the API economy. What this means for the future of the API economy remains to be seen.
HTMLHint
Along with our recent release of using Prettier for code formatting, we've also now upgraded our HTML linter to use HTMLHint instead of html-inspector. Interestingly, they have about the same number of stars on GitHub, but html-inspector is archived and no longer maintained while HTMLHint is actively maintained.
You use it by selecting Analyze HTML from the editors actions menu.
For us, it also meant being able to send off your HTML to our own service, just like we do with all our preprocessors. We weren't doing that with html-inspector as it was meant to be injected into the DOM to run and we had a fancy little process for doing that. It's much better this way for security and consistent handling of code services on our end.
Config
This is for all Pens on the entirely of CodePen, it can't be customized on a per-Pen or per-Account basis. Here's how we have it set up:
{
'alt-require': true,
'attr-lowercase': true,
'attr-no-duplication': true,
'attr-unsafe-chars': true,
'attr-value-double-quotes': true,
'attr-value-not-empty': false,
'doctype-first': false,
'doctype-html5': false,
'empty-tag-not-self-closed': false,
'head-script-disabled': false,
'href-abs-or-rel': true,
'id-class-ad-disabled': false,
'id-class-value': false,
'id-unique': true,
'inline-script-disabled': false,
'inline-style-disabled': false,
'space-tab-mixed-disabled': 'space',
'spec-char-escape': true,
'src-not-empty': true,
'style-disabled': false,
'tag-pair': true,
'tagname-lowercase': true,
'title-require': false
}
I post this mostly because we've already had to make some small changes to it after release. For example, we had a value set for id-class-value that is meant to be an opinionated way you should name your ids and classes. That doesn't make sense on CodePen. Y'all can do whatever you like with naming. This is more about finding things in your HTML that are almost certainly a mistake or would cause a problem.
The post HTMLHint appeared first on CodePen Blog.
Admin Block Directory Prototype, Pods Framework, Block Theme Experiments, User Donations 🗞️ February 2020 WordPress News w/ CodeinWP
An Interview With Zach Leatherman: A SmashingConf Austin Speaker
An Interview With Zach Leatherman: A SmashingConf Austin Speaker
Rachel AndrewWe are so excited to be bringing SmashingConf to a new city this year. We’re bringing you SmashingConf Austin and we have a fantastic line-up of speakers.
Check out this post, where we introduce our new venue of Austin and share an interview with Miriam Suzanne. This time we have an interview with Zach Leatherman.
Zach is no stranger to the Smashing stage, and if you want to find out more about web fonts and loading strategies, you can watch his talk from SmashingConf London 2018, paired with a talk by Monica Dinculescu from SmashingConf Barcelona, “Web Fonts And Performance: SmashingConf Videos".
Also, take a look at some of the resources that Zach has made available on the subject in his archive of posts about web fonts. There is plenty to get you started, and I think you can agree that there is no-one better to help us understand the current state of font loading while we are in Austin!
Tickets Are On Sale Now!
If you want to join in the fun, tickets are on sale. Last year, we sold out three of our conferences well before the conference date, and popular workshops also fill up fast. Just saying!
How important is Website Performance: Improve Speed
We live in a world of constant and instant updates. We demand more, and if we don’t get what we want right way, we leave the website and move onto the next one that can help us. If we do this in our own time, flitting from slow websites to fast ones, then it stands […]
The post How important is Website Performance: Improve Speed appeared first on designrfix.com.