Monday, April 4, 2016

Animating With Snap.svg (Web Design)

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

SVG is a powerful way to create vector-based graphics that resize flawlessly. In this course, you will learn how to use the Snap.svg JavaScript framework to create, control, and animate your SVGs with ease.

What You'll Learn

  • How to create shapes with Snap.svg, starting with basic squares and circles and moving on to more complex shapes.
  • Some of the attributes you can use to style your graphics.
  • How to group shapes and apply transformations.
  • Create basic animations, with callbacks and easing.
  • Add some interactivity to your animations.
  • Get detailed instructions on completing a project with Snap.svg: an animated clock.

About the Instructor

Craig Campbell is a web designer who has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.



from ThemeForest new items http://ift.tt/1qmpLfO
via IFTTT

Introduction to Brackets (Web Design)

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

Brackets is an open source code editor specifically for web designers and front-end developers. It has very handy features including CSS code hinting and live HTML development, which allow you to code and see the changes take place instantly without having to save or reload the page. In this course, instructor Craig Campbell will teach you how to use Brackets in your web design projects, starting with the basics.

What You'll Learn

  • A guide to the main features of Brackets, including live code editing and the Quick Edit feature for CSS and JavaScript.
  • The best Brackets extensions and how to use them.
  • Create a sample project using Brackets to get some hands-on practice.
  • Complete a range of styling and coding tasks while completing the project, so that you learn all the different features of Brackets.

About the Instructor

Craig Campbell is a web designer who has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.



from ThemeForest new items http://ift.tt/1q2hnkO
via IFTTT

Node.js From Scratch (Code)

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

Node.js is an amazing platform. It is the V8 JavaScript that Google Chrome uses on the front end running on a server. As a developer who loves JavaScript in the browser, I find it amazing to be able to write web servers and other programs in the very same language. As you'll see, it's similar to JavaScript in the browser; however, it isn't all the same. There are many new patterns and features that we'll cover in this course.

What You'll Learn

  • How to use Node.js to build web applications and other programs.
  • The principles of Node.js, including scope, modules, and asynchronous coding.
  • How to work with the Node.js API, including lessons on EventEmitter, utilities, path tools, and streams.
  • Taking it further with NPM and third-party modules.

About the Instructor

Andrew Burgess is a connoisseur of all things programming. He's from near Toronto, Canada, and is finishing up a computer science degree. He's been writing tutorials and producing screencasts for Envato Tuts+ since 2009, and he has also written some ebooks. You can find him on his website or on Twitter or GitHub.



from ThemeForest new items http://ift.tt/1qmpIk7
via IFTTT

12 Weeks Marathon UI Kit (Sketch Templates)

12 weeks marathon UI Kit is a high layered template for mobile applications made in sketch. Includes popular categories that may be required in the process of design and engineering. Each screen is highly customizable and is carefully assembled in Sketch 3. You can easily make your own application design or a beautiful prototype. Forget about half-pixels! All Ink components are extremely clean and neat.

2ndpreview

If you still don't have your app design, 12 weeks marathon UI Kit will help you.



from ThemeForest new items http://ift.tt/1UQ26RA
via IFTTT

The Spectre - Agency Business Template (Sketch Templates)

Main Features

  • Spectre Page include:

    • Home Page
    • About Us
    • Blog v.1
    • Blog v.2
    • Article
    • Contacts
    • Services
    • Portfolio v.1
    • Portfolio v.2
    • Portfolio v.3
    • Portfolio Detail
    • Careers Page v.1
    • Careers Page v.2
    • Career Request Page
    • Events Page
    • Main Banners 5 Layouts

    • Materials Page include:

      • Home Page Icon Set
      • About Us Icon Set
      • Font Names and Styles
      • Document Colors

    • Bootstrap (12 colum 1170px)
    • Adaptive
    • 38 UI Elements
    • Well Organized Layers and Properly Named
    • Pixel Perfect
    • Creative and Useful

    Please Note: The images you see in the screenshots are used for demo purposes only, they are not incuded in the download package.

    Credits and Sources

    Fonts:



from ThemeForest new items http://ift.tt/1S26o19
via IFTTT

Wednesday, March 30, 2016

PHP OWASP Security (Code)

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

The OWASP Top Ten is a list of the ten most critical web application security flaws that researchers have found in the wild, ranked by level of threat. This list has been compiled by security experts from all around the world.

The OWASP Top Ten is a resource that web developers use to look for known vulnerabilities, exploits and counter-measures. PHP has its own unique set of exploits, but it also has built-in functions and methods to deal with those exploits.

In this course, Envato Tuts+ instructor Michael Soileau will demonstrate examples of the attacks in the OWASP Top Ten, and will teach you how to harden your site and defend against each one of them.

What You'll Learn

  • How different features of an app can be attacked and secured from attack.
  • Protecting against injection attacks using a variety of different tools and methods.
  • How to make PHP authentication more secure.
  • Using SSL and other cryptography standards to protect sensitive data.
  • Dealing with a range of other problems, such as cross-site request forgery (CSRF) attacks, unvalidated redirects, and brute-force attacks.

About the Instructor

Michael Soileau started making websites with Ruby on Rails and WordPress before moving on to full-stack development with LAMP, Node, and front-end JavaScript. He also teaches web development and hosts meetups about web development in his spare time. You can find him on GitHub or LinkedIn.



from ThemeForest new items http://ift.tt/1WYBH1p
via IFTTT

Comparing Front-End Frameworks (Code)

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

There are so many amazing front-end JavaScript frameworks out there, and sometimes it can be hard to figure out which one to use! Each framework has its adherents who will tell you how great it is, but how can we choose between them? To make an informed choice, we need to experiment with each framework: to get a feel for how it works and to begin to decide whether it is best suited to our own project needs or style of programming.

During the course, we're going to build an address book application with four different front-end frameworks: Backbone, Angular, React and Ember. We'll get a feeling for how they all work, and how they stack up against one another.

What You'll Learn

  • A detailed, step-by-step walkthrough of creating an address book application using four different front-end frameworks: Backbone, Angular, React, and Ember.
  • In each case, you'll go through the application setup, create the model, build the router, and create the necessary views.
  • At the end, you'll understand how the frameworks operate, the differences between them, and the strengths and weaknesses of each.

About the Instructor

Andrew Burgess is a connoisseur of all things programming. He's from near Toronto, Canada, and is finishing up a computer science degree. He's been writing tutorials and producing screencasts for Envato Tuts+ since 2009, and he has also written some ebooks. You can find him on his website or on Twitter or GitHub.



from ThemeForest new items http://ift.tt/1TjjeNR
via IFTTT