background preloader

How to keep up to date on Front-End Technologies - The Recipe

How to keep up to date on Front-End Technologies - The Recipe

https://uptodate.frontendrescue.org/

Related:  UX UI DesignCoding for Web DevelopmentIndustry News & ResourcesSoftware Education[ SITE TUTORIALS ]

Designing Moments — Facebook Design A Deeper Dive Our team’s core principle for Moments was to make it really fast for friends to exchange photos in a way that works better than existing options. Building a simple way for groups of friends to share groups of photos became our team’s north star. One of the app’s main functions is grouping the photos in your phone’s camera roll based on when they were taken and who’s in them. This is done using the same facial recognition technology that powers tag suggestions on Facebook today.

Getting Started with Static Sites You may have heard the buzz about so-called “static” websites. In this post, I’ll tell you what they are, what’s the big deal, and what you need to know to build one. The First Static Sites In the early years of the web, when HTML was the only language for making websites, all sites were “static,” consisting of a simple hand-off of text and image files between a network server and a program on your computer. Opening a website was essentially just viewing files on someone else’s computer.

What’s new for designers, October 2013 The October edition of what’s new for web designers and developers includes new web apps, app creators, coding resources, productivity tools, testing tools, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. As always, if we’ve missed something you think should have been included, please let us know in the comments. And if you have an app or other resource you’d like to see included next month, tweet it to @cameron_chapman for consideration. Appmaker Appmaker, from Mozilla, is a drag-and-drop mobile app creator that works right in your browser.

Learn Web Development with the Ruby on Rails Tutorial Michael Hartl Contents Foreword My former company (CD Baby) was one of the first to loudly switch to Ruby on Rails, and then even more loudly switch back to PHP (Google me to read about the drama). This book by Michael Hartl came so highly recommended that I had to try it, and the Ruby on Rails Tutorial is what I used to switch back to Rails again. Though I’ve worked my way through many Rails books, this is the one that finally made me “get” it.

Learn Web Design: 50+ of the Best Online Educational Resources to Learn T0 Build Websites At Treehouse you can learn web development from scratch in a number of languages. It has over a thousand video tutorials created by expert developers, quizzes and coding challenges. On top of that, there is a thriving community where you can seek and answers and have relevant discussions. There is also a strong focus on job readiness, and it comes with a built-in job board. Deep Dives are available in: UI/UX design Agency / Firm India I am Prince Pal – UI/UX designer and Branding Expert at Think360. This presentation dedicated to whom who are UX designers / students or entrepreneurs. I tried to give minor detail about UX (User Experience) myths and mistakes with humor touch. Enjoy the presentation. Summary Article Name

Getting started with the Web - Learn web development Getting started with the Web is a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code. It's a lot of work to create a professional website, so if you're new to web development we encourage you to start small. You won't build another Facebook right away, but it's not hard to get your own simple website online, so we'll start there. By working through the articles listed below in order, you will go from nothing to getting your first webpage online. Let's go! Snippets - Web Design Weekly If the desired output of the default WordPress post thumbnail is not enough you can easily adjust the PHP to output your appropriate class. <?php the_post_thumbnail(‘post-thumbnail’, array( ‘class’ => “YOUR CLASS”)); ?> More information can be found on the codex.

Implementing a Flowchart with SVG and AngularJS Download FlowChart.zip - 305.2 KB Contents Overview This article documents the development of a small exploratory project for flowchart visualization and editing that is built upon SVG and AngularJS. It makes good use of the MVVM pattern so that UI logic can be unit-tested. Building Your First Web Page - Learn to Code HTML Lesson 1 If you can, imagine a time before the invention of the Internet. Websites didn’t exist, and books, printed on paper and tightly bound, were your primary source of information. Skip the intro, don’t skip onboarding! Have you downloaded an app recently? There appears to be an increasing trend of apps inserting marketing slides into their initial experience and calling that “onboarding”. Usually what follows next is a set of form fields to set up your account. Like the “Flash intros” of yore, this trend is completely horrible. :) Read on to find out why!

Related:  Frontend, JS