ajmalafif

/** extracted page creation functionality into smaller functions **/ 

const path = require('path');

function createBlogPostsPages(result, createPage) {

  const blogPostTemplate = path.join(__dirname, `../src/templates/blog-post.js`);
  const blogPosts = result.data.blogs.edges;
  blogPosts.forEach((post, index) => {
    const previous = index === blogPosts.length - 1 ? null : blogPosts[index + 1].node;

ajmalafif

{
  "name": "sqip-cache-tryout",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "stefan judis <stefanjudis@gmail.com>",

ajmalafif

Framer.Device.Devices["my-device"] =
	name: "My Device"
	deviceType: "mobile"
	deviceImage: "my-device.png"
	deviceImageWidth: 472
	deviceImageHeight: 806
	screenWidth: 320
	screenHeight: 400 

ajmalafif

# Insomnia Configuration
## Run the test query
{
  shop {
    id
    name
  }
}

# Query Structure Examples

ajmalafif

/**
 * Awesome helper function from Marc Schipperheyn
 * https://github.com/mschipperheyn 👌
 *
 */

export function fontFace(
  name,
  src,
  fontWeight = 'normal',

ajmalafif

// There's two ways to use Tachyons together with styled-components
// Both are valid, which one you use depends if you want to always apply a tachyons class when a certain component
// is rendered or if you want to apply it for specific instances.

// 1. Use .attrs to define classNames that should always be applied to a styled component
//    Whenever you use <Component /> now it'll have both the styled-components as well as the Tachyons class
//    See the docs for more info: https://www.styled-components.com/docs/basics#attaching-additional-props
const Component = styled.div.attrs({
  className: 'bw0-l',
})`

ajmalafif

Pagination 101

Article by Faruk Ateş, [originally on KuraFire.net][original] which is currently down

One of the most commonly overlooked and under-refined elements of a website is its pagination controls. In many cases, these are treated as an afterthought. I rarely come across a website that has decent pagination, and it always makes me wonder why so few manage to get it right. After all, I'd say that pagination is pretty easy to get right. Alas, that doesn't seem the case, so after encouragement from Chris Messina on Flickr I decided to write my Pagination 101, hopefully it'll give you some clues as to what makes good pagination.

Before going into analyzing good and bad pagination, I want to explain just what I consider to be pagination: Pagination is any kind of control system that lets the user browse through pages of search results, archives, or any other kind of continued content. Search results are the o

ajmalafif

import React from 'react';
import styles from './DashedBox.css';

const DashedBox = () => (
  <div className={styles.container}>
    <p className={styles.content}>Get started with CSS Modules style</p>
  </div>
);

export default DashedBox;

ajmalafif

.DottedBox {
  margin: 40px;
  border: 5px dotted pink;
}

.DottedBox_content {
  font-size: 15px;
  text-align: center;
}

ajmalafif

#DIV_1 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(4, 4, 2);
    cursor: default;
    display: flex;
    height: 646.75px;
    left: 0px;
    min-height: auto;
    min-width: auto;