BLog
Want to Learn About Marketing?
Design Resource Sites
Sometimes when you’re designing something, you need little helping hands. Perhaps a nice stock photo. Perhaps a happy little color palette. Perhaps a bleep or bloop sound. Perhaps the perfect icon.
There are tons and tons of sites that do those things. There are fewer sites that curate these design resource sites into manageable, high-quality groups. So allow me to abstract that yet another step and provide a selected list of those types of sites.
This is the …
Design Resource Sites is a post from CSS-Tricks
Ultimate UX Design Guide to SaaS On-Boarding, Part 1: Sign-Up Forms
SaaS Customer On-boarding is the process that users have to experience while initiating their journey as a customer on a company’s software application. Customer on-boarding initiates from the experience that employees previously had to undergo while joining a firm. The on-boarding process sets the tone for a good user experience. Long story short, special emphasis […]
15 Best Brackets Extensions For A Smooth Coding Experience
Different coders prefer different code editors. But, when it comes to front-end design, there’s only one code editor that beats all the rest. That is Brackets. Brackets is the…
The post 15 Best Brackets Extensions For A Smooth Coding Experience appeared first on Onextrapixel.
Do you put anything in your code specifically for “Find in Project”?
During a having a team meeting the other day, a code formatting idea came up that I thought was super interesting. It had to do with formatting code in a such a way that made it easier to find what you were looking for later with any code editors “Find in Project” feature.
Here’s what it was.
When declaring a function in JavaScript, put a space after the function name and before the opening parenthesis, like…
function doSomething () {
…
Do you put anything in your code specifically for “Find in Project”? is a post from CSS-Tricks
Because Size Matters: 2 Million Free Icons From Iconshock
Icons are one of the most characteristic elements in many designs; they’re also one of the most readily available resources to be found online, with free icon packs all over the web. Free icons give designers and developers the tools for creating visually appealing demos, user interfaces, apps, and everything in between. Enter the team […]
HTML Templates via JavaScript Template Literals
You know those super cool backticks-for-strings in new JavaScript?
let emotion = `happy`;
let sentence = `Chris is feeling ${emotion}`;
Besides the variable interpolation in there being mighty handy, the do multi-line strings wonderfully, making them great for chunks of HTML:
const some_html = `
<div class="module>
<h2>${data.title}</h2>
<p>${data.content}</p>
</div>
`;
That doesn’t look overly different than JSX does it?! Maybe we’d do something like that as a React component:
class MyModule extends React.Component {…
render() {
return
<div class="module">
HTML Templates via JavaScript Template Literals is a post from CSS-Tricks