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...