Pagepro Blog

Pagepro Blog


Recent Posts


Recent Comments


Archives


Categories


Meta


Navigation
AuthorChris Lojniewski
Chris Lojniewski

Chris Lojniewski

http://pagepro.co

Featured

Internship

Front-end Internship: Day 4

Posted on January 3rd, 2017.

I. Learn basic CSS animations. Get CSS animations course form your mentor. Check all the lessons, push the effects into your GitHub repository. II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: download here Fonts: Roboto (Google Web Fonts) Requirements Level Easy: Prepare project without...

Featured

GIT

Autocomplete Git Commands and Branch Names in terminal

Posted on December 28th, 2016.

In terminal on Mac OS X, you can use [TAB] to autocomplete file names and file paths. Wouldn’t if be nice if you could do the same with git commands and branch names? Step 1: Get git-completion script Get the git-completion.bash script and put it in your home directory: curl...

Featured

Internship

Front-end Internship: Days 2-3

Posted on December 12th, 2016.

I. Recall basics of Adobe Photoshop Using Photoshop CC for Web Design & Front End Development | Bangla Photoshop Foundations Design Course The Ultimate Developer’s Guide to Converting PSD to HTML Photoshop Extensions for Front-end Developers II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design...

Featured

Internship

Front-end Internship: Day 1

Posted on December 11th, 2016.

This is your first day of the internship program. You need to recall the basics, configure your environment and create accounts in our collaboration tools. The minimum setup: Skype or Slack account Google Account (for using Google Docs) GitHub Account Text Editor (pick one: Sublime Text, Atom, Visual Studio Code) GIT Adobe Photoshop I....

Featured

HTML

How to name your CSS components?

Posted on December 6th, 2016.

Sometimes beginners are wasting much time thinking about a good class name for specific HTML element (component). We’ve prepared a list to help with getting some fresh ideas. Wrappers Elements for wrapping general layout. .wrapper .container .inner .outer .row Main Sections Root sections of the page. .header .footer .section...

Featured

JavaScript

How to test code before pushing to the repository

Posted on November 29th, 2016.

tl;dr it is good to test the code before pushing to the repo, you can setup automatic testing with GIT Hooks, but it is complicated, there is a really easy way for testing before committing changes, it is called pre-commit, As a professional developer you need to make sure your code is working, tested and it has been written correctly:...

Featured

Links

YouTube channels for frontend developers

Posted on November 27th, 2016.

I’ve just found very useful list of front-end development video resources. List has been prepared by andrew–r and it’s avialable on his GitHub account as channels repository. English language Google Developers — tools, events recordings; funfunfunction — JavaScript, ES6, functional programming, programming practices;...

Featured

JavaScript

How to enable JavaScript Standard Style linter

Posted on November 25th, 2016.

A long time ago we’ve been using JS Lint, after few months, we’ve been using JS Hint and about one year ago we’ve switched to ES Lint. Using ES Lint was very fun and easy, but when we’ve finally found “trendy” linter we had to start looking for good configuration for it. That’s why JavaScript...

Featured

Tooling

Creating AMP boilerplate with SASS, Gulp and BrowserSync

Posted on November 22nd, 2016.

Why you need another AMP Boilerplate? Because you can find some problems when creating an AMP Project: You have to write vanilla CSS No support for preprocessors No support for linking CSS from external files there is no official SASS boilerplate for AMP. Step 1: initialize npm The project will be based on npm so let’s initialise it: npm...