Giorgi Bagdavadze notgiorgi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

ჯანსაღი ქომუნითის წესები:

სანამ კითხვას დასვამთ, ცოტა ხანი (15 წუთი მაინც) ეცადეთ მოძებნოთ პასუხი თქვენივე ძალებით.
- არ იქნება სამართლიანი, რომ ვიღაცას დაეზაროს და მის მაგივრად სხვამ ხარჯოს დრო/ენერგია, ეს თქვენც არ გესიამოვნებათ. მოძებნისთვის შეგილიათ გამოიყენოთ სხვადასხვა ონლაინ საძიებო სისტემები როგორიცაა მაგალითად გუგლი.
კითხვა გასაგებად ჩამოაყალბეთ, ჩანდეს რომ თქვენ უკვე ეცადეთ თქვენით გარკვევა და დაიცავით პირველი წესი. ახლა მართლა გჭირდებათ ქომუნითსგან დახმარების მიღება და თქვენ ამას იმსახურებთ!
- კოდის გაზიარებისთვის გამოიყენეთ ისეთი პლატფორმები როგორებიცაა Gist, codesandbox, jsfiddle, codepen და მისთანები.
- არ გააზიაროთ კოდის სკრინშოტი, რადგან რთულია ასეთ ფორმატში კოდის წაკითხვა და გარჩევა, მითუმეტეს თუ მთელი ეკრანის სქრინშოტია
- ეცადეთ მაგალითი გაამარტივოთ და მთელი აპლიცაკიის კოდის მაგივრად, კოდის ის ნაწილი გააშეაროთ, რომელიც კერძოდ ამ პრობლემასთან არის დაკავშირებული
წერეთ ქართულად ი

	import React, { Component, PropTypes } from 'react'
	import { Table, Menu, Icon, Segment, Input } from 'semantic-ui-react'

	class TableElement extends React.Component {
	constructor(props) {
	super(props);
	this.data = props.data
	this.renderRow = props.renderBodyRow \|\| this.defaultRenderBodyRow
	this.headerRow = props.headers \|\| Object.keys(this.data.pop());
	this.currentIndex = 0


	import * as React from 'react';
	import * as hash from 'object-hash';
	import {
	TableProps,
	Table,
	TableBody,
	TableCell,
	TableFooter,
	TableHeaderCell,

	PROGRAMMING WITH EFFECTS
	Graham Hutton, January 2015

	Shall we be pure or impure?

	The functional programming community divides into two camps:

	o "Pure" languages, such as Haskell, are based directly
	upon the mathematical notion of a function as a
	mapping from arguments to results.

	var gulp = require('gulp');

	var browserify = require('browserify');
	var babelify = require('babelify');
	var source = require('vinyl-source-stream');
	var buffer = require('vinyl-buffer');
	var uglify = require('gulp-uglify');
	var sourcemaps = require('gulp-sourcemaps');
	var livereload = require('gulp-livereload');

	import React, { Component } from 'react'
	import { View, Image, StyleSheet, ScrollView, Text, Animated, StatusBar } from 'react-native'
	import Icon from 'react-native-vector-icons/MaterialIcons'

	const IMG_SRC = { uri: "https://pulsations.files.wordpress.com/2010/05/randomdog.jpg" }
	const IMG_HEIGHT = 200
	const NAVBAR_HEIGHT = 64

	class Twitter extends Component {
	constructor(props) {