├── .gitignore ├── Gruntfile.js ├── Makefile ├── README.md ├── config.json ├── contents ├── de │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── en │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── es │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── fr │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── he │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── jp │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── nl │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── pl │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── pt │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ │ ├── addy-osmani.md │ │ ├── alex-sexton.md │ │ ├── angelina-fabbro.md │ │ ├── axel-rauschmayer.md │ │ ├── brad-frost.md │ │ ├── cody-lindley.md │ │ ├── lea-verou.md │ │ ├── paul-irish.md │ │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md └── zh │ ├── best-sources.md │ ├── conferences.md │ ├── cool-people.md │ ├── index.md │ ├── last-update.md │ ├── mentions │ ├── addy-osmani.md │ ├── alex-sexton.md │ ├── angelina-fabbro.md │ ├── axel-rauschmayer.md │ ├── brad-frost.md │ ├── cody-lindley.md │ ├── lea-verou.md │ ├── paul-irish.md │ └── shane-hudson.md │ ├── navigation.md │ ├── own-sources.md │ ├── summary.md │ ├── team.md │ ├── thanks.md │ └── title.md ├── data ├── blogs.json ├── conferences.json ├── cool-people.json ├── podcasts.json └── weekly.json ├── languages.json ├── package-lock.json ├── package.json ├── src ├── assets │ ├── attend.png │ ├── border-wave-footer.png │ ├── border-wave.png │ ├── chef.png │ ├── favicon.ico │ ├── find-sources-misc.png │ ├── find-sources.png │ ├── follow-arrow.png │ ├── follow.png │ ├── footer-triangle.png │ ├── generic-triangle.png │ ├── kitchen.png │ ├── no-image.png │ ├── own-sources.png │ └── the-recipe-text.png └── css │ ├── base.css │ ├── data-uri.css │ ├── how.css │ └── normalize.css ├── templates ├── attend-conferences.jade ├── best-sources.jade ├── cool-people.jade ├── footer.jade ├── head.jade ├── header.jade ├── index.jade ├── languages.jade ├── last-update.jade ├── navigation.jade ├── scripts.jade ├── social-plugins.jade ├── summary.jade ├── thank-you.jade ├── who-we-are.jade └── your-own-sources.jade └── watch.js /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | build 4 | temp 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var languages = require('./languages.json'); 4 | var moment = require('moment'); 5 | 6 | module.exports = function(grunt) { 7 | var lang = grunt.option('lang') || 'en', 8 | config = grunt.file.readJSON('config.json'); 9 | 10 | config.locals.languages = languages; 11 | config.locals.lang = lang; 12 | config.contents = './contents/' + lang; 13 | 14 | moment.locale(lang); 15 | config.locals.lastupdate = moment().format('LL'); 16 | 17 | grunt.file.write('config-' + lang + '.json', JSON.stringify(config)); 18 | 19 | function moveIndex() { 20 | var file = {'src': 'temp/index.html', 'dest': 'build/index.html'} 21 | if (lang !== 'en') { 22 | file.dest = 'build/' + lang + '/index.html'; 23 | } 24 | return file; 25 | } 26 | 27 | 28 | // Project configuration. 29 | grunt.initConfig({ 30 | 'pkg': grunt.file.readJSON('package.json'), 31 | 32 | 'wintersmith_compile': { 33 | 'build': { 34 | 'options': { 35 | 'config': './config-' + lang + '.json', 36 | 'output': './temp/' 37 | } 38 | } 39 | }, 40 | 41 | 'cssmin': { 42 | 'options': { 43 | 'keepSpecialComments': 0 44 | }, 45 | 46 | 'css': { 47 | 'src': ['src/css/normalize.css', 'src/css/base.css', 'src/css/how.css'], 48 | 'dest': 'build/src/css/styles.min.css' 49 | }, 50 | 51 | 'uri': { 52 | 'src': ['src/css/data-uri.css'], 53 | 'dest': 'build/src/css/data-uri.css' 54 | } 55 | }, 56 | 57 | 'copy': { 58 | 'assets': { 59 | 'files': [ 60 | {'src': ['src/assets/no-image.png'], 'dest': 'build/'}, 61 | {'src': ['src/assets/favicon.ico'], 'dest': 'build/favicon.ico'} 62 | ] 63 | }, 64 | 65 | 'index': { 66 | 'files': [moveIndex()] 67 | } 68 | }, 69 | 70 | 'htmlmin': { 71 | 'dist': { 72 | 'options': { 73 | 'collapseWhitespace': true 74 | }, 75 | 'files': [ 76 | { 'expand': true, 'cwd': 'build/', 'src': ['**/*.html'], 'dest': 'build/' } 77 | ] 78 | } 79 | }, 80 | 81 | 'clean': ['config-' + lang + '.json', './temp'] 82 | }); 83 | 84 | // Load plugins 85 | grunt.loadNpmTasks('grunt-wintersmith-compile'); 86 | grunt.loadNpmTasks('grunt-contrib-cssmin'); 87 | grunt.loadNpmTasks('grunt-contrib-copy'); 88 | grunt.loadNpmTasks('grunt-contrib-clean'); 89 | grunt.loadNpmTasks('grunt-contrib-htmlmin'); 90 | 91 | // Resgister task(s). 92 | grunt.registerTask('default', ['build']); 93 | grunt.registerTask('build', ['wintersmith_compile', 'cssmin', 'htmlmin', 'copy', 'clean']); 94 | }; 95 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | # Build 2 | build: 3 | node_modules/.bin/grunt build && \ 4 | node_modules/.bin/grunt build --lang=de && \ 5 | node_modules/.bin/grunt build --lang=nl && \ 6 | node_modules/.bin/grunt build --lang=es && \ 7 | node_modules/.bin/grunt build --lang=fr && \ 8 | node_modules/.bin/grunt build --lang=he && \ 9 | node_modules/.bin/grunt build --lang=jp && \ 10 | node_modules/.bin/grunt build --lang=pl && \ 11 | node_modules/.bin/grunt build --lang=pt && \ 12 | node_modules/.bin/grunt build --lang=zh 13 | 14 | .PHONY: build 15 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # How to keep up to date on Front-end Technologies? 2 | 3 | The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows. 4 | Hundreds of blog posts and articles are published every day, but there is no way you can read all of them. We think you should have a strategy to keep up to date, so we have created this recipe. 5 | 6 | If you want to contribute to improve this recipe, please, you should [read our wiki](https://github.com/frontend-rescue/keep-up-to-date/wiki). 7 | 8 | ## Made by devs, for devs 9 | 10 | #### Guille Paz 11 | - Twitter: [@pazguille](http://twitter.com/pazguille) 12 | - Web: [http://pazguille.me](http://pazguille.me) 13 | 14 | #### Hernan Mammana 15 | - Twitter: [@hmammana](http://twitter.com/hmammana) 16 | - Web: [http://mammana.me](http://mammana.me) 17 | 18 | #### Lean Linares 19 | - Twitter: [@lean8086](http://twitter.com/lean8086) 20 | - Web: [http://leanlinares.me](http://leanlinares.me) 21 | 22 | ## Designer Star 23 | #### Fer Adorneti 24 | - E-mail: [ferador@gmail.com](mailto:ferador@gmail.com) 25 | - Twitter: [@cavemandg](https://twitter.com/cavemandg) 26 | 27 | ## Thank you 28 | 29 | #### Alex Sexton 30 | - Twitter: [@SlexAxton](https://twitter.com/SlexAxton) 31 | - Web: [http://alexsexton.com](http://alexsexton.com) 32 | 33 | #### Angelina Fabbro 34 | - Twitter: [@hopefulcyborg](https://twitter.com/hopefulcyborg) 35 | - Web: [http://realityhacking.net](http://realityhacking.net) 36 | 37 | #### Axel Rauschmayer 38 | - Twitter: [@rauschma](https://twitter.com/rauschma) 39 | - Web: [http://rauschma.de](http://rauschma.de) 40 | 41 | #### Brad Frost 42 | - Twitter: [@brad_frost](https://twitter.com/brad_frost) 43 | - Web: [http://bradfrostweb.com](http://bradfrostweb.com) 44 | 45 | #### Cody Lindley 46 | - Twitter: [@codylindley](https://twitter.com/codylindley) 47 | - Web: [http://codylindley.com](http://codylindley.com) 48 | 49 | #### Lea Verou 50 | - Twitter: [@LeaVerou](https://twitter.com/LeaVerou) 51 | - Web: [http://lea.verou.me](http://lea.verou.me) 52 | 53 | #### Nati Devalle 54 | - Twitter: [@Taly](https://twitter.com/Taly) 55 | - Web: [http://taly.me](http://taly.me) 56 | 57 | #### Paul Irish 58 | - Twitter: [@paul_irish](https://twitter.com/paul_irish) 59 | - Web: [http://paulirish.com](http://paulirish.com) 60 | 61 | ## License 62 | ### The MIT License 63 | Copyright (c) 2013 [@pazguille](http://twitter.com/pazguille) 64 | 65 | Permission is hereby granted, free of charge, to any person obtaining a copy 66 | of this software and associated documentation files (the "Software"), to deal 67 | in the Software without restriction, including without limitation the rights 68 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 69 | copies of the Software, and to permit persons to whom the Software is 70 | furnished to do so, subject to the following conditions: 71 | 72 | The above copyright notice and this permission notice shall be included in 73 | all copies or substantial portions of the Software. 74 | 75 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 76 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 77 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 78 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 79 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 80 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 81 | THE SOFTWARE. 82 | -------------------------------------------------------------------------------- /config.json: -------------------------------------------------------------------------------- 1 | { 2 | "locals":{ 3 | "url": "http://localhost:8080" 4 | }, 5 | 6 | "jade": {"pretty":true}, 7 | 8 | "require": { 9 | "people": "./data/cool-people.json", 10 | "blogs": "./data/blogs.json", 11 | "weekly": "./data/weekly.json", 12 | "podcasts": "./data/podcasts.json", 13 | "confs": "./data/conferences.json" 14 | } 15 | } -------------------------------------------------------------------------------- /contents/de/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Finde die besten 3 | subtitle: quellen 4 | weekly: Wöchentliche News 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: Komplette Liste ansehen 8 | --- 9 | 10 | Im Netz gibt es viele nützliche Informationen über Front-End Neuigkeiten und Trends. Aber manchmal ist es schwer sie zu finden und alle zu lesen. Es ist ein großes Durcheinander und du wirst durchdrehen! 11 | 12 | Deshalb haben wir die besten Quellen für News und Trends aus der Front-End Welt zusammengestellt. -------------------------------------------------------------------------------- /contents/de/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Nimm an 3 | subtitle: Konferenzen teil 4 | footer: Komplette Liste ansehen 5 | --- 6 | 7 | Tausende Entwickler nehmen an Konferenzen teil um die neuesten Technologien zu promoten, Ideen, Gedanken oder Erfahrungen zu teilen und von anderen zu lernen. Sie diskutieren optimale Vorgehensweisen, Standards und Trends. 8 | Du solltest teilnehmen um tolle Leute und Organisationen zu treffen die das tun was du tust. -------------------------------------------------------------------------------- /contents/de/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Folge 3 | subtitle: coolen leuten 4 | footer: Komplette Liste ansehen 5 | --- 6 | 7 | Die führenden Front-End Entwickler helfen dir auf dem Laufenden über relevante News und Trends zu bleiben. Sie wissen Bescheid und arbeiten an einem bestimmten Thema. 8 | 9 | Twitter kann ein guter Ort sein um Leute zu finden, die Bescheid wissen. -------------------------------------------------------------------------------- /contents/de/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/de/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Zuletzt geändert am 3 | --- 4 | -------------------------------------------------------------------------------- /contents/de/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | These days I find myself heavily relying on Twitter lists and G+ circles to keep up to date with what's happening on the front-end. 8 | 9 | If there are tools or libraries I regularly use, I try to keep an eye on what the developers working on them might have to say because that's how you find out insights, tips/tricks and information about what's coming next. 10 | 11 | It's also a great idea to follow those kind souls working on our behalf in the web standards space. More often these days drafts of potential specs are posted early on social networks meaning you have a chance to both review and if you're interested, contribute to what the web platform might look like in a few years. -------------------------------------------------------------------------------- /contents/de/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | The only way that I've found that I'm able to stay up to date is by creating. I follow a well-curated list of people on twitter, and read blogs and programming news sites, but when it comes down to it, the only time I'm ever really *learning* is when I'm *doing*. 8 | 9 | When I want to learn something, I'll just start a project with it, and along the way I'll figure out the other tools I need to be successful. After a few failed attempts, normally I can create something meaningful (that I usually throw away anyways) that allows me to understand core concepts and/or make quick uninformed jabs about things that I don't like or understand. -------------------------------------------------------------------------------- /contents/de/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | I follow people on Twitter who produce new things. Some people like to follow just blogs, but I like to see what the people who make things recommend. My Twitter feed has sort of replaced my old RSS feed to some extent - I am way more likely to read an article recommended by someone who I see posting their repos alongside it. That kind of behavior tells me that the person is both an active developer and someone who thinks about their craft in most cases. 8 | 9 | I'm trying to spend more time on various W3C working group and specification mailing lists. There is a lot that goes over my head about the specific implementations of features that as a web developer I would take for granted every day. Sometimes keeping up is challenging, but I like a good challenge and as I stick around I learn more and more so I can ideally contribute more to the discussion in the future. 10 | 11 | There is a saying that goes around: "If you feel like you are the smartest person in the room, you're in the wrong room." Surround yourself with people who are intelligent but not cocky about it. -------------------------------------------------------------------------------- /contents/de/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | I recommend three resources for staying up to date on front end technologies. 8 | 9 | First, Twitter is invaluable. Start with famous JavaScript people you know (e.g. the creator of your framework of choice) and continue from there – sooner or later you will come across interesting retweets, recommendations on who to follow, etc. 10 | 11 | Second, [Echo JS](http://www.echojs.com/) is a JavaScript news site in the tradition of Hacker News. 12 | 13 | Third, the Cooper Press [email newsletters](https://cooperpress.com/) are a convenient weekly source of information (disclaimer: I edit JavaScript Weekly). -------------------------------------------------------------------------------- /contents/de/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | I live on Twitter. I depend on it to give me an idea of what's popular and upcoming, and also what problems people are dealing with. This influences the way I think and the projects I take on. 8 | 9 | I also still read web-related RSS feeds, books, magazines and more when I travel. 10 | 11 | The other big thing that I find essential for keeping up to date on new technology is to experiment. Find some time outside of your normal job to tinker with a project, contribute to someone else's, or play around with a new bit of technology. Play, fail, succeed, share, repeat. -------------------------------------------------------------------------------- /contents/de/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | I keep up with front-end technologies religiously. As part of my daily activities, I spend 20 to 30 minutes reviewing twitter and RSS feeds, investigating anything that sparks my interest. 8 | 9 | I am also regularly reading (books), watching (videos), or writing about my practice. From time to time I pick a coding, or writing, project and focus all of my spare time in this area. When I tire of writing words or code I simply spend time reading code. 10 | 11 | When I'm feeling burnt out I'll attend a conference so that I can be inspired by ideas and people. And when I am really bored I start looking into practices that cross over into my area of expertise. 12 | 13 | The secret to keeping up is not to view it as an extra chore, but instead as part of the job I've chosen. -------------------------------------------------------------------------------- /contents/de/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. I have several feeds I read almost daily 8 | 2. I follow lots of people involved in web standards or browser development or are just very good developers 9 | 3. I actually read specifications from time to time, some of them are easy to understand and they are first-hand sources. W3C mailing lists also help: You learn about web technologies at the moment of their creation and can even influence them! 10 | 4. Conferences, both for the discussions and the sessions -------------------------------------------------------------------------------- /contents/de/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | and knowing the people behind all significant projects :) -------------------------------------------------------------------------------- /contents/de/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Everybody knows that Twitter is the best place to find information such as tutorials or blog posts about a new technology. But who writes them? Where do they get their information from? 8 | 9 | At some point you need to go right to the core... the mailing lists, specifications and even source code. By getting used to reading the specifications and participating in some mailing list conversations and understanding some of the source code, you will naturally become a better developer and understand it all much more. -------------------------------------------------------------------------------- /contents/de/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## Folge diesen einfachen Schritten 6 | 1. [Folge coolen Leuten](#follow-cool-people) 7 | 2. [Finde die besten Quellen](#find-the-best-sources) 8 | 3. [Nimm an Konferenzen teil](#attend-conferences) 9 | 4. [Hole dir deine eigenen Quellen](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/de/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Hole dir deine eigenen 3 | subtitle: Quellen 4 | --- 5 | 6 | Es ist wirklich wichtig, dass du deinen eigenen Weg findest um auf dem Laufenden zu bleiben. Sieh dir an wie diese großartigen Entwickler vorgehen! -------------------------------------------------------------------------------- /contents/de/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Das Rezept 3 | --- 4 | 5 | Das Web ist ein sich rasch entwickelndes Universum. Ein wichtiger Teil unserer Arbeit als Front-End Entwickler ist es, auf dem Laufenden zu bleiben und nah an neuen Tools, Trends und Workflows zu sein. 6 | 7 | Hunderte von Blogposts und Artikeln werden jeden Tag veröffentlicht, aber es ist unmöglich sie alle zu lesen. Wir denken du solltest eine Strategie haben um auf dem aktuellen Stand zu bleiben, also haben wir dieses Rezept erstellt. -------------------------------------------------------------------------------- /contents/de/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Das Team 3 | --- -------------------------------------------------------------------------------- /contents/de/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Danke 3 | --- -------------------------------------------------------------------------------- /contents/de/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Auf dem Laufenden bleiben über 3 | main: Front-End Technologien 4 | --- -------------------------------------------------------------------------------- /contents/en/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Find the best 3 | subtitle: sources 4 | weekly: Weekly News 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: See full list 8 | --- 9 | 10 | Around the web there is lots of useful information about front-end news and trends, but sometimes it's too hard to find and read all of them. It's a mess and you will go crazy! 11 | 12 | Therefore, we have put together the best sources about news and trends in the front-end world. -------------------------------------------------------------------------------- /contents/en/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Attend 3 | subtitle: conferences 4 | footer: See full list 5 | --- 6 | 7 | Thousands of developers attend conferences to promote the latest technologies, share ideas, thoughts or experiences and learn from others. They discuss the best practices, standards and trends. 8 | You should participate in order to meet awesome people and organizations who do what you do. -------------------------------------------------------------------------------- /contents/en/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Follow 3 | subtitle: cool people 4 | footer: See full list 5 | --- 6 | 7 | Front-end leaders help you to stay on top of relevant news and trends. They are in-the-know and they work on a specific topic. 8 | 9 | Twitter can be a great place to find people who are in-the-know. -------------------------------------------------------------------------------- /contents/en/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/en/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Last modified on 3 | --- 4 | -------------------------------------------------------------------------------- /contents/en/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | These days I find myself heavily relying on Twitter lists and G+ circles to keep up to date with what's happening on the front-end. 8 | 9 | If there are tools or libraries I regularly use, I try to keep an eye on what the developers working on them might have to say because that's how you find out insights, tips/tricks and information about what's coming next. 10 | 11 | It's also a great idea to follow those kind souls working on our behalf in the web standards space. More often these days drafts of potential specs are posted early on social networks meaning you have a chance to both review and if you're interested, contribute to what the web platform might look like in a few years. -------------------------------------------------------------------------------- /contents/en/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | The only way that I've found that I'm able to stay up to date is by creating. I follow a well-curated list of people on twitter, and read blogs and programming news sites, but when it comes down to it, the only time I'm ever really *learning* is when I'm *doing*. 8 | 9 | When I want to learn something, I'll just start a project with it, and along the way I'll figure out the other tools I need to be successful. After a few failed attempts, normally I can create something meaningful (that I usually throw away anyways) that allows me to understand core concepts and/or make quick uninformed jabs about things that I don't like or understand. -------------------------------------------------------------------------------- /contents/en/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | I follow people on Twitter who produce new things. Some people like to follow just blogs, but I like to see what the people who make things recommend. My Twitter feed has sort of replaced my old RSS feed to some extent - I am way more likely to read an article recommended by someone who I see posting their repos alongside it. That kind of behavior tells me that the person is both an active developer and someone who thinks about their craft in most cases. 8 | 9 | I'm trying to spend more time on various W3C working group and specification mailing lists. There is a lot that goes over my head about the specific implementations of features that as a web developer I would take for granted every day. Sometimes keeping up is challenging, but I like a good challenge and as I stick around I learn more and more so I can ideally contribute more to the discussion in the future. 10 | 11 | There is a saying that goes around: "If you feel like you are the smartest person in the room, you're in the wrong room." Surround yourself with people who are intelligent but not cocky about it. -------------------------------------------------------------------------------- /contents/en/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | I recommend three resources for staying up to date on front end technologies. 8 | 9 | First, Twitter is invaluable. Start with famous JavaScript people you know (e.g. the creator of your framework of choice) and continue from there – sooner or later you will come across interesting retweets, recommendations on who to follow, etc. 10 | 11 | Second, [Echo JS](http://www.echojs.com/) is a JavaScript news site in the tradition of Hacker News. 12 | 13 | Third, the Cooper Press [email newsletters](https://cooperpress.com/) are a convenient weekly source of information (disclaimer: I edit JavaScript Weekly). -------------------------------------------------------------------------------- /contents/en/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | I live on Twitter. I depend on it to give me an idea of what's popular and upcoming, and also what problems people are dealing with. This influences the way I think and the projects I take on. 8 | 9 | I also still read web-related RSS feeds, books, magazines and more when I travel. 10 | 11 | The other big thing that I find essential for keeping up to date on new technology is to experiment. Find some time outside of your normal job to tinker with a project, contribute to someone else's, or play around with a new bit of technology. Play, fail, succeed, share, repeat. -------------------------------------------------------------------------------- /contents/en/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | I keep up with front-end technologies religiously. As part of my daily activities, I spend 20 to 30 minutes reviewing twitter and RSS feeds, investigating anything that sparks my interest. 8 | 9 | I am also regularly reading (books), watching (videos), or writing about my practice. From time to time I pick a coding, or writing, project and focus all of my spare time in this area. When I tire of writing words or code I simply spend time reading code. 10 | 11 | When I'm feeling burnt out I'll attend a conference so that I can be inspired by ideas and people. And when I am really bored I start looking into practices that cross over into my area of expertise. 12 | 13 | The secret to keeping up is not to view it as an extra chore, but instead as part of the job I've chosen. -------------------------------------------------------------------------------- /contents/en/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. I have several feeds I read almost daily 8 | 2. I follow lots of people involved in web standards or browser development or are just very good developers 9 | 3. I actually read specifications from time to time, some of them are easy to understand and they are first-hand sources. W3C mailing lists also help: You learn about web technologies at the moment of their creation and can even influence them! 10 | 4. Conferences, both for the discussions and the sessions -------------------------------------------------------------------------------- /contents/en/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | and knowing the people behind all significant projects :) -------------------------------------------------------------------------------- /contents/en/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Everybody knows that Twitter is the best place to find information such as tutorials or blog posts about a new technology. But who writes them? Where do they get their information from? 8 | 9 | At some point you need to go right to the core... the mailing lists, specifications and even source code. By getting used to reading the specifications and participating in some mailing list conversations and understanding some of the source code, you will naturally become a better developer and understand it all much more. -------------------------------------------------------------------------------- /contents/en/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## Follow these simple steps 6 | 1. [Follow cool people](#follow-cool-people) 7 | 2. [Find the best sources](#find-the-best-sources) 8 | 3. [Attend conferences](#attend-conferences) 9 | 4. [Get your own sources](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/en/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Get Your Own 3 | subtitle: Sources 4 | --- 5 | 6 | It's really important that you find your own, unique way to be up to date. Take a look at how these great developers are doing it! -------------------------------------------------------------------------------- /contents/en/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: The recipe 3 | --- 4 | 5 | The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows. 6 | 7 | Hundreds of blog posts and articles are published every day, but there is no way you can read all of them. We think you should have a strategy to keep up to date, so we have created this recipe. -------------------------------------------------------------------------------- /contents/en/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: The Team 3 | --- -------------------------------------------------------------------------------- /contents/en/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Thanks 3 | --- -------------------------------------------------------------------------------- /contents/en/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: How to keep up to date on 3 | main: Front-End Technologies 4 | --- -------------------------------------------------------------------------------- /contents/es/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Encuentra las mejores 3 | subtitle: fuentes 4 | weekly: Novedades Semanales 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: Ver la lista completa 8 | --- 9 | 10 | Alrededor de la web hay un montón de información útil sobre novedades y tendencias de front-end, pero a veces es muy difícil encontrar y leer todas. ¡Es complicado y te volverás loco! 11 | 12 | Por eso, agrupamos las mejores fuentes sobre novedades y tendencias del mundo del front-end. -------------------------------------------------------------------------------- /contents/es/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Asiste a 3 | subtitle: conferencias 4 | footer: Ver la lista completa 5 | --- 6 | 7 | Miles de desarrolladores asisten a conferencias para promover las últimas tecnologías, compartir ideas, pensamientos o experiencias y aprender de otros. Ellos discuten de las buenas prácticas, estándares y tendencias. 8 | Deberías participar y encontrar gente impresionante y otras personas que hacen lo mismo que tú. -------------------------------------------------------------------------------- /contents/es/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Sigue 3 | subtitle: gente cool 4 | footer: Ver la lista completa 5 | --- 6 | 7 | Los referentes de front-end te ayudan a estar cerca de las noticias y tendencias relevantes. 8 | 9 | Twitter puede ser un gran lugar para encontrar personas que saben. -------------------------------------------------------------------------------- /contents/es/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/es/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Ultima modificacion el 3 | --- 4 | -------------------------------------------------------------------------------- /contents/es/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | En estos días me encuentro en gran medida basándose en listas de Twitter y círculos G+ para mantenerme al día con lo que esta pasando en front-end. 8 | 9 | Si hay herramientas que estoy usando regularmente, intento poner un ojo en lo que los desarrolladores están trabajando o que ellos pueden tener para decir porque así es como te enteras de ideas, consejos / trucos e información sobre lo que esta por venir. 10 | 11 | Es además una buena idea seguir esas almas caritativas que trabajan en nuestro nombre por estándares web. Cada vez más en estos días borradores de especificaciones son publicados tempranamente en las redes sociales lo que significa que tienes la oportunidad de comentar si te interesa, contribuir a lo que la plataforma web puede llegar a ser en unos próximos años. -------------------------------------------------------------------------------- /contents/es/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | La única forma que encontré para estar actualizado es creando. Sigo una lista de personas bien armada en Twitter, y leo blogs y sitios de noticias de programación, pero todo se reduce a que el único momento en el que realmente *aprendo* es cuando *hago*. 8 | 9 | Cuando quiero aprender algo, simplemente comienzo un proyecto con eso, y en el recorrido, voy averiguando las otras herramientas que necesito para concretarlo. Luego de unos pocos intentos fallidos, normalmente puedo crear algo importante (que de todas formas generalmente termino tirando) que me permite entender conceptos básicos y/o hacer rápidos intentos sin toda la información y desinformados intentos sobre cosas que no me gustan o no entiendo. -------------------------------------------------------------------------------- /contents/es/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | Sigo gente en Twitter que produce cosas nuevas. A algunas personas les gusta seguir sólamente blogs, pero a mi me gusta ver que es lo que la gente que hace cosas recomienda. Hasta cierto punto, mi feed de Twitter ha sustituido mi viejo RSS. Es más probable que lea un artículo recomendado por alguien si también veo que postea sus repos. Este tipo de comportamiento me indica que la persona es tanto un desarrollador activo como alguien que casi siempre reflexiona sobre su especialidad. 8 | 9 | Estoy tratando de pasar más tiempo en varios grupos de trabajo de la W3C y listas de correo de especificaciones. Hay mucho de todo eso que entiendo sobre las implementaciones de funcionalidades que, como desarrolladora web, doy por sentado todos los días. A veces mantener el ritmo es dificil, pero me gusta tener un buen desafío y por permanecer, aprendo más y más para idealmente poder contribuir mejor a la discusión en el futuro. 10 | 11 | Hay un refrán que dice todo: "Si crees que eres el más inteligente de la habitación, entonces estas en la habitación equivocada." Rodéate con gente que es inteligente pero no arrogante. -------------------------------------------------------------------------------- /contents/es/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | Recomiendo 3 fuentes para mantenerse al día con las tecnologías de front end. 8 | 9 | En primer lugar, Twitter tiene un valor incalculable. Comienza con las personas reconocidas de JavaScript (por ejemplo, el creador de tu herramienta preferida) y continúa desde ahí - tarde o temprano llegarás a través de retweets, recomendaciones de a quién seguir, etc. 10 | 11 | Segundo, [Echo JS](http://www.echojs.com/) es un sitio de novedades de JavaScript en la tradición de Noticias Hackers. 12 | 13 | Tercero, los [boletines](https://cooperpress.com/) de Cooper Press son una útil fuente semanal de información (aviso: yo edito JavaScript Weekly). -------------------------------------------------------------------------------- /contents/es/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Vivo en Twitter. Dependo de él para darme una idea de qué es lo más popular y lo que se viene, y además con qué problemas la gente se está encontrando. Esto influencia la forma en la que pienso y los proyectos que tomo. 8 | 9 | Además, sigo leyendo feeds de RSS, libros y revistas y más cuando viajo. 10 | 11 | Otra actividad que me parece esencial para mantenerse al día con las nuevas tecnologías es experimentar. Encontrar algún tiempo fuera del trabajo formal para meter las manos en algún proyecto, contribuir con algún proyecto de otro, o jugar con un poco de tecnología. Jugar, fallar, tener éxito, compartir, repetir. -------------------------------------------------------------------------------- /contents/es/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | Yo me mantengo actualizado con las tecnologías de front end religiosamente. Como parte de mis actividades diarias, tomo 20 o 30 minutos para revisar Twitter y feeds de RSS, investigando cualquier cosa que me interesa. 8 | 9 | Además regularmente leo (libros), miro (videos), o escribo sobre mi práctica. De vez en cuando, tomo un código, texto, o proyecto y centro todo mi tiempo libre en eso. Cuando me canso de escribir palabras o código, simplemente paso tiempo leyendo código. 10 | 11 | Cuando me siento quemado, asisto a una conferencia ya que ahí puedo ser inspirado por ideas y gente. Y cuando estoy realmente aburrido comienzo a averiguar prácticas que aparecen en mi área de especialización. El secreto de mantenerse al día es no verlo como un trabajo extra, sino como una parte del trabajo que he elegido. -------------------------------------------------------------------------------- /contents/es/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. Tengo varios feeds que leo como mínimo una vez al día. 8 | 2. Sigo mucha gente que está metida en los estándares web o en el desarrollo de navegadores o que simplemente son muy buenos desarrolladores. 9 | 3. De hecho, leo especificaciones de vez en cuando, algunas de éstas son fáciles de entender y son la primera fuente. Las listas de correo del W3C también ayudan: aprendes sobre tecnologías web en el momento de la creación y además puedes influenciarla! 10 | 4. Conferencias, para discutir y ver las sesiones. -------------------------------------------------------------------------------- /contents/es/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | y conocer la gente que está involucrada en los proyectos :) -------------------------------------------------------------------------------- /contents/es/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Everybody knows that Twitter is the best place to find information such as tutorials or blog posts about a new technology. But who writes them? Where do they get their information from? 8 | 9 | At some point you need to go right to the core... the mailing lists, specifications and even source code. By getting used to reading the specifications and participating in some mailing list conversations and understanding some of the source code, you will naturally become a better developer and understand it all much more. -------------------------------------------------------------------------------- /contents/es/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## Simplemente sigue estos pasos 6 | 1. [Sigue gente cool](#follow-cool-people) 7 | 2. [Encuentra las mejores fuentes](#find-the-best-sources) 8 | 3. [Asiste a conferencias](#attend-conferences) 9 | 4. [Consigue tus propias fuentes](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/es/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Consigue tus propias 3 | subtitle: fuentes 4 | --- 5 | 6 | Es realmente importante que tengas tu forma de estar al día, así que mira como lo están haciendo estos grandes desarrolladores. -------------------------------------------------------------------------------- /contents/es/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: La Receta 3 | --- 4 | 5 | La web es un universo que evoluciona extremadamente rápido. Una parte importante de nuestro trabajo como desarrolladores front-end es mantenerse actualizado y estar en contacto con las nuevas herramientas, las tendencias y los flujos de trabajo. 6 | 7 | Cientos de artículos son publicados todos los días, pero es imposible que puedas leer cada uno de ellos. Creemos que deberías tener una estrategia, por eso creamos esta receta. -------------------------------------------------------------------------------- /contents/es/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: El Equipo 3 | --- -------------------------------------------------------------------------------- /contents/es/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Gracias 3 | --- -------------------------------------------------------------------------------- /contents/es/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Cómo estar al día con las 3 | main: tecnologías de Front-End 4 | --- -------------------------------------------------------------------------------- /contents/fr/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Trouver les meilleures informations 3 | subtitle: sources 4 | weekly: Nouveautés hebdomadaires 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: Voir la liste complète 8 | --- 9 | 10 | Il y a une profusion d'informations utiles sur les nouveautés et les tendances du "front-end". Par contre, il est difficile de s'y retrouver et de tout lire. Un vrai bazar, de quoi devenir fou ! 11 | 12 | Pour cette raison, nous avons regroupés les meilleures ressources sur les nouveautés de notre discipline. 13 | -------------------------------------------------------------------------------- /contents/fr/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Assister 3 | subtitle: à des conférences 4 | footer: Voir la liste complète 5 | --- 6 | 7 | Des milliers de développeurs assistent à des conférences pour promouvoir les dernières technologies, partager des idées, pensées ou expériences et pour apprendre des autres. Ils y discutent des meilleures pratiques, standards et tendances. 8 | Vous devriez vraiment y participer : vous y rencontrerez des organisations et des gens formidables qui ont le même métier que vous. 9 | -------------------------------------------------------------------------------- /contents/fr/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Suivre 3 | subtitle: des gens cools 4 | footer: Voir la liste complète 5 | --- 6 | 7 | Les leaders "Front-end" vous aident à rester au top en matière de nouvelles pertinentes et de tendances. Ils sont très informés et travaillent sur un domaine spécifique. 8 | 9 | Twitter peut aussi être d'une grande aide pour vous aider à trouver les spécialistes qui sont à la page. 10 | -------------------------------------------------------------------------------- /contents/fr/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/fr/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Dernière modification le 3 | --- 4 | -------------------------------------------------------------------------------- /contents/fr/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | Ces derniers temps, je m'aperçois que j'utilise fortement les listes Twitter et les cercles G+ pour me tenir à jour de ce qui se passe dans le domaine du "front-end". 8 | 9 | S'il y a des outils ou des bibliothèques que j'utilise régulièrement, j'essaye de garder un oeil sur ce que les développeurs qui travaillent dessus ont peut-être à dire car c'est souvent de cette manière que vous trouvez des visions, des trucs et astuces et d'autres informations sur ce qui va prochainement arriver. 10 | 11 | C'est aussi une bonne idée de suivre les "bonnes âmes" qui travaillent sur les standards web. Assez souvent de nos jours, des versions préliminaires de spécifications potentielles sont postées de manière anticipée sur les réseaux sociaux, ce qui signifie que vous avez une chance de les analyser et si vous êtes intéressés, vous pourrez contribuer à ce que sera peut-être le web dans quelques années. 12 | -------------------------------------------------------------------------------- /contents/fr/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | La seule manière que j'ai trouvé de me tenir à jour est de créer. Je suis une liste bien affinée de gens sur Twitter, et je lis des blogs et des sites sur les nouveautés en matière de programmation, mais quand il s'agit de vraiment allez au bout, la seule façon que j'ai trouvé pour vraiment *apprendre* est quand je *fais*. 8 | 9 | Quand je veux apprendre quelque chose, je commence juste un projet avec, et au fil du temps, je trouve les autres outils dont j'ai besoin pour obtenir des résultats. Après quelques tentatives, je peux normalement créer quelque chose d'utile (que je jette la plupart du temps de toute manière) qui me permet de comprendre les concepts de base et/ou de me faire un avis sur les choses que je n'aime pas ou ne comprend pas. 10 | -------------------------------------------------------------------------------- /contents/fr/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | Je suis des gens sur Twitter qui produisent des choses nouvelles. Certaines personnes aiment suivre seulement des blogs, mais j'aime voir ce que les gens qui construisent des choses recommandent. Mon flux Twitter a plus ou moins remplacé mon vieux flux RSS - Je suis plus encline à lire un article recommandé par quelqu'un dont je vois qu'il accompagne son message référençant un dépôt de code avec. Ce type de comportement me montre que cette personne est à la fois un développeur actif et quelqu'un qui pense à la manière de concevoir dans la plupart des cas. 8 | 9 | J'essaye de passer plus de temps sur les listes de diffusion des groupes de travail et de spécifications du W3C. Il y a beaucoup de choses qui me passent au dessus en matière de spécificités des implémentations des fonctionnalités qu'en tant que développeur web, je prend pour acquis chque jour. Quelquefois, se tenir à jour est un vrai challenge mais j'aime ce type de défis. Ainsi, comme je m'accroche, j'apprend de plus en plus et je peux, idéalement, mieux contribuer aux discussions à venir. 10 | 11 | Il y a un dicton très répandu qui dit: "Si vous avez l'impression d'être le plus malin des gens de la pièce, vous êtes dans la mauvaise pièce." Entourez-vous de gens qui sont intelligents mais pas trop imbus d'eux même. 12 | -------------------------------------------------------------------------------- /contents/fr/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | Je recommande trois sources pour se tenir à jour sur les technologies "front end". 8 | 9 | En premier, Twitter est inestimable. Commencez avec les gens les plus connus dans le domaine du JavaScript que vous connaissez (par exemple, le créateur de votre bibliothèque préférée) et continuez à a partir de là. Plus ou moins tard, vous allez commencer à tomber sur des retweets intéressants, des recommandations sur qui suivre, etc. 10 | 11 | En deuxième, [Echo JS](http://www.echojs.com/) est un site d'informations sur JavaScript dans la tradition de "Hacker News". 12 | 13 | En troisième, [la lettre d'informations par mail](https://cooperpress.com/) de Cooper Press est une manière plutôt pratique d'avoir une un source hebdomadaire d'informations (Attention: je modifier le JavaScript Weekly). 14 | -------------------------------------------------------------------------------- /contents/fr/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Je vis sur Twitter. Je dépend de celui-ci pour avoir une idée de ce qui est populaire et à venir, et aussi pour savoir à quels problèmes les gens sont confrontés. Cela influence la manière dont je pense et les projets sur lesquels je suis engagé. 8 | 9 | Je lis toujours des flus RSS liés au web, des livres et des magazines et d'autres choses encore quand je voyage. 10 | 11 | L'autre chose essentielle pour se tenir à jour sur une technologie nouvelle est d'expérimenter. Trouvez un peu de temps en dehors de votre travail habituel pour bricoler avec un projet, contribuer à celui de quelqu'un d'autre, ou jouer avec un nouvelle technologie. Jouez, échouez, réussissez, partagez, répétez. 12 | -------------------------------------------------------------------------------- /contents/fr/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | Je me tiens à jour sur les technologies "front-end" religieusement. Une de mes activités quotidiennes consiste à passer 20 à 30 minutes à revoir Twitter et des flux RSS, approfondissant tout ce qui éveille mon intérêt. 8 | 9 | Je lis aussi régulièrement (des livres), regarde des vidéos, ou j'écris sur mes pratiques. De temps à autre, je m'attèle à un projet pour coder ou écrire et je concentre tout mon temps libre sur ce domaine. Quand j'en ai assez d'écrire des mots ou du code, je passe simplement du temps à lire du code. 10 | 11 | Quand je me sens épuisé , j'assiste à une conférence ainsi je peux m'inspirer d'idées et de gens. Et quand je commence vraiment à en avoir assez, je regarde des pratiques qui concerne mon domaine d'expertise. 12 | 13 | Le secret pour pouvoir se tenir à jour dans la durée est de pas voir cela comme une corvée supplémentaire, mais à la place de considérer cette pratique comme faisant parti du travail que j'ai choisi. 14 | -------------------------------------------------------------------------------- /contents/fr/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. J'ai plusieurs flux que je lis presque quotidiennement 8 | 2. Je suis de nombreux gens impliqués dans les standards du web ou le développement des navigateurs ou qui sont tout simplement de très bons développeurs 9 | 3. Je lis vraiment des spécifications de temps à autre, certaines sont faciles à comprendre et sont des sources d'informations de premier ordre. Les listes de diffusion du W3C peuvent aussi aider: vous apprenez des technologies web dès leur émergence et vous pouvez même les influencer! 10 | 4. Les conférences, à la fois pour les discussions et les présentations 11 | -------------------------------------------------------------------------------- /contents/fr/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | et en connaissant les gens qui sont derrière tous ces importants projets :) 21 | -------------------------------------------------------------------------------- /contents/fr/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Tous le monde sait que Twitter est le meilleur lieu pour trouver des informations comme des tutoriels ou des billets de blog sur une nouvelle technologie. Mais qui les écrit? D'où proviennent ces informations? 8 | 9 | A un moment donné, vous devez revenir à la base... les listes de diffusion, les spécifications ou même le code source. En vous habituant à lire des spécifications et à participer à des conversations sur certaines listes de diffusion et comprenant quelques bouts du code source, vous deviendrez naturellement un meilleur développeur et comprendrez bien plus de choses. 10 | -------------------------------------------------------------------------------- /contents/fr/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## Suivre ces étapes simples 6 | 1. [Suivre les gens cools](#follow-cool-people) 7 | 2. [Trouver les meilleures sources](#find-the-best-sources) 8 | 3. [Participer à des conférences](#attend-conferences) 9 | 4. [Trouver vos propres sources](#get-your-own-sources) 10 | -------------------------------------------------------------------------------- /contents/fr/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Trouvez vos propres 3 | subtitle: sources 4 | --- 5 | 6 | Il est vraiment important de que vous trouviez votre propre et unique manière de vous tenir à jour. Inspirez vous, ci-dessous des astuces de développeurs de référence. 7 | -------------------------------------------------------------------------------- /contents/fr/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: La recette 3 | --- 4 | 5 | Le web est un univers en rapide évolution. Une part importante de notre travail en tant que développeur "front-end" / intégrateur / webdesigner est de se tenir à jour et de rester proche des nouveaux outils, des nouvelles tendances et nouvelles manières de travailler. 6 | 7 | Des centaines de billets de blog et d'articles sont publiés chaque jour, mais il n'est pas possible de tout lire. Nous sommes convaincus qu'il faut avoir une stratégie pour se tenir à jour et nous avons donc créé cette recette. 8 | -------------------------------------------------------------------------------- /contents/fr/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: The Team 3 | --- -------------------------------------------------------------------------------- /contents/fr/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Remerciements 3 | --- 4 | -------------------------------------------------------------------------------- /contents/fr/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Comment se tenir informé des 3 | main: technologies "Front-End" 4 | --- 5 | -------------------------------------------------------------------------------- /contents/he/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: מצא את הטוב ביותר 3 | subtitle: מקורות שווים ברחבי הרשת 4 | weekly: חדשות שבועיות 5 | blogs: בלוגים 6 | podcasts: פודקאסטים 7 | footer: ראש את כל הרשימה 8 | --- 9 | 10 | ברחבי האינטרנט יש המון מידע שימושי על פיתוח לדפדפנים (אתרים ואפליקציות רשת), אבל לפעמים זה קשה מדי למצוא, לעקוב ולקרוא את כולם. זה בלגן ואתה תשתגע! לא טוב, נכון? לכן, בפרוייקט זה אנו מנסים להרכיב את המקורות הטובים ביותר על חדשות ומגמות בעולם הפיתוח לאינטרנט. -------------------------------------------------------------------------------- /contents/he/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: מקומות ששווה להגיע אליהם 3 | subtitle: כנסים 4 | footer: לרישמה המלאה 5 | --- 6 | 7 | אלפי מפתחים מגיעים לכנסים על מנת לקדם את הטכנולוגיות החדישות ביותר, לחלוק רעיונות, מחשבות או חוויות וללמוד מאחרים. הם דנים בפרקטיקות, התקנים והמגמות הטובות ביותר. את/ה צריך/כה להשתתף כדי לפגוש אנשים מדהים וארגונים שיעשו את מה שאתה עושה. זו דרך נהדרת לשמור על רמה גבוהה עם מה שקורה בחזית הטכנולוגיה -------------------------------------------------------------------------------- /contents/he/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: אנשים חזקים 3 | subtitle: למעקב 4 | footer: לרשימה המלאה 5 | --- 6 | 7 | מנהיגים ומפתחים חזקים בקהילה עוזרים לך להישאר מעודכן עם כל החדשות ומגמות רלוונטיות. הם נמצאים בחזית ובדרך כלל דוחפים אותה קדימה. טוויטר יכול להיות מקום מצוין למצוא אנשים חזקים בנושא מסויים שיקר ללבך. 8 | -------------------------------------------------------------------------------- /contents/he/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/he/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: שונה לאחרונה ב 3 | --- 4 | -------------------------------------------------------------------------------- /contents/he/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: אדי אוסמי 4 | twitter: addyosmani 5 | --- 6 | 7 | בימים אלה אני מוצא את עצמי מסתמך בעיקר על רשימות טוויטר וחוגי G+ כדי לשמור מעודכן עם מה שקורה בקצה הטכנולוגי של פיתוח לווב. 8 | 9 | אם יש כלים או ספריות שאני משתמש באופן קבוע, אני מנסה לפקוח עין על מה שהמפתחים עובדים עליהם משום שזו דרך מעולה לגלות תובנות, טיפים / טריקים ומידע על מה שהולך לקרות בעתיד הקרוב. 10 | 11 | זה גם רעיון נהדר לעקוב אחר מפתחים שמקדמים בשמנו את התקנים באינטרנט. לעתים קרובות יותר בימים אלה, אפשר לראות טיוטות של מפרט פוטנציאלי ולהגיב עם ביקורת בונה, ואם אתה מעוניין, זה מאוד תורם לפלטפורמת האינטרנט ועיצובה לשנים הבאות. -------------------------------------------------------------------------------- /contents/he/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: אלכס סקטון 4 | twitter: SlexAxton 5 | --- 6 | 7 | 8 | הדרך היחידה שאני מצאתי שאני מסוגל להישאר מעודכן היא על ידי יצירת. אני עוקב אחרי רשימה אצרה היטב של אנשים בטוויטר, ולקרוא בלוגים ואתרי חדשות בתכנות, אבל כשזה מגיע לזה, בפעם היחידה שאני אי פעם באמת * למידה היא כשאני * עושה *. 9 | 10 | כשאני רוצה ללמוד משהו, אני פשוט להתחיל פרויקט עם זה, ובדרך אני להבין את הכלים האחרים שאני צריך כדי להצליח. אחרי כמה ניסיונות כושלים, בדרך כלל אני יכול ליצור משהו משמעותי (כי אני בדרך כלל זורק בכל מקרה) שמאפשר לי להבין את מושגי ליבה ו / או לבצע דקירות חסרי ידע מהירים על דברים שאני לא אוהב או מבין. -------------------------------------------------------------------------------- /contents/he/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: אנגלינה פאברו 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | אני עוקב אחרי אנשים בטוויטר שמייצרים דברים חדשים. יש אנשים שאוהבים לעקוב רק בלוגים, אבל אני רוצה לראות מה האנשים שעושים דברים ממליצים. הטוויטר שלי החליף את הסוג של הזנת RSS הישנה שלי במידה מסוימת - אני בדרך סבירה יותר לקרוא את המאמר המומלץ על ידי מישהו שאני רואה את פרסום עסקות הרכש החוזר שלהם לצדו. סוג זה של התנהגות אומר לי שהאדם הוא גם יזם ומישהו שחושב על אומנותם ברוב המקרים פעילים. 8 | 9 | אני מנסה לבלות זמן רב יותר ברשימות שונות של W3C קבוצת העבודה ומפרט דיוור. יש הרבה שהולך על הראש שלי על היישומים הספציפיים של תכונות שכמפתח אינטרנט אני לוקח כמובן מאליו כל יום. לפעמים השמירה היא מאתגרת, אבל אני אוהב אתגר טוב וכמו שאני אשאר בסביבה שאני לומד יותר ויותר ולכן אני באופן אידיאלי יכול לתרום יותר לדיון בעתיד. 10 | 11 | יש משפט שאומר מסביב: ". אם אתה מרגיש שאתה האדם החכם ביותר בחדר, אתה בחדר הלא נכון" הקף את עצמך עם אנשים שהם אינטליגנטיים, אבל לא שחצן על זה. -------------------------------------------------------------------------------- /contents/he/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: אלכס ראוסכימר 4 | twitter: rauschma 5 | --- 6 | 7 | אני ממליץ על שלושה משאבים להישאר מעודכן בטכנולוגיות קצה קדמיות. 8 | 9 | ראשית, טוויטר הוא לא יסולא בפז. התחל עם אנשים מפורסמים JavaScript אתה יודע (למשל היוצר של המסגרת לבחירתך) ולהמשיך משם - במוקדם או במאוחר אתה נתקל retweets המעניין, המלצות על מי לעקוב, וכו ' 10 | 11 | שנית, 12 | [Echo JS](http://www.echojs.com/) is a JavaScript news site in the tradition of Hacker News. 13 | 14 | שלישית, 15 | 16 | the Cooper Press [email newsletters](https://cooperpress.com/) are a convenient weekly source of information (disclaimer: I edit JavaScript Weekly). -------------------------------------------------------------------------------- /contents/he/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: בראד פורסט 4 | twitter: brad_frost 5 | --- 6 | 7 | אני גר בטוויטר. אני תלוי בו כדי לתת לי מושג על מה פופולרי וקרוב, וגם מה בעיות אנשים עם התמודדות. זה משפיע על הדרך בה אני חושב ואת הפרויקטים שאני לוקח על. 8 | 9 | אני גם עדיין RSS הקשורים לאינטרנט לקרוא הזנות, ספרים, מגזינים ועוד כאשר אני נוסע. 10 | 11 | הדבר הגדול האחר שאני מוצא חיוני לשמירה מעודכנת בטכנולוגיה חדשה הוא להתנסות. מצא קצת זמן מחוץ לעבודת הרגילה שלכם להתעסק עם פרויקט, תתרום למישהו אחר, או לשחק עם חתיכה חדשה של טכנולוגיה. לשחק, להיכשל, להצליח, לשתף, חזור. -------------------------------------------------------------------------------- /contents/he/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: קודי לינדלי 4 | twitter: codylindley 5 | --- 6 | 7 | אני שומר על קשר עם טכנולוגיות באדיקות. כחלק מהפעילות היומית שלי, אני מבלה 20-30 דקות סקירת טוויטר ו-RSS, חוקר כל דבר שניצוצות העניין שלי. אני גם קורא באופן קבוע (ספרים), צפייה (קטעי וידאו), או כתיבה על התרגול שלי. מהעת לעת אני בוחר קידוד, או כתיבה, פרויקט ולמקד את כל הזמן הפנוי שלי בתחום זה. כשאני מתעייף ממילות בכתב או קוד אני פשוט מבלה זמן בקריאת קוד. כשאני מרגיש שרוף אני אוהב להשתתף בכנסים. וכשאני ממש משועמם אני מתחיל להסתכל לתוך מנהגים שעוברים לתחום התמחות שלי. הסוד לשמירה עליו שלא להציג את זה כמטלה נוספת, אך במקום זאת, כחלק מהעבודה שבחרתי. 8 | -------------------------------------------------------------------------------- /contents/he/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: לאה לאוור 4 | twitter: leaverou 5 | --- 6 | 7 | 1. יש לי כמה עדכונים שאני קוראת כמעט מדי יום 8 | 2. אני עוקבת אחרי הרבה אנשים מעורבים בתקני אינטרנט או פיתוח דפדפן או מפתחים פשוט מאוד טובים 9 | 3. אני ממש צוללת למפרטים מהעת לעת, חלק מהם הם קל להבנה והם מקורות מהמקור ראשון. רשימות תפוצה של ה-W3C גם יכולה לעזור: אתה לומד על טכנולוגיות אינטרנט ברגע בריאתם ואפילו יכול להשפיע עליהם! 10 | 4. כנסים, הן עבור הדיונים והמפגשים 11 | -------------------------------------------------------------------------------- /contents/he/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: פול יאריש 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | לעקוב אחר כל האנשים שמאחורי הקוד והפרוייקטים הללו :) 21 | -------------------------------------------------------------------------------- /contents/he/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: שאון הדסון 4 | twitter: ShaneHudson 5 | --- 6 | 7 | כולם יודע שטוויטר הוא המקום הטוב ביותר למצוא מידע כגון הדרכות או פוסטים על טכנולוגיה חדשה. אבל מי כותב אותם? מאיפה הם מקבלים את המידע שלהם ? 8 | 9 | בשלב מסוים אתה צריך ללכת ישר לליבה ... רשימות דיוור, המפרטים וקוד מקור אפילו. כדאי להתרגל לקריאת המפרטים והשתתפות בכמה שיחות לרשימת תפוצה והבנת חלק מקוד המקור, אתה באופן טבעי הופך להיות יזם טוב יותר ולהבין את כל זה הרבה יותר. -------------------------------------------------------------------------------- /contents/he/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: ניווט 3 | --- 4 | 5 | ## עקוב אחריהם 6 | 1. [אנשים חזקים למעקב](#follow-cool-people) 7 | 2. [המקורות הטובים ביותר](#find-the-best-sources) 8 | 3. [כנסים להשתתף בהם](#attend-conferences) 9 | 4. [רכוש מקורות חדשים](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/he/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: מקורות חדשים 3 | subtitle: שווים במיוחד 4 | --- 5 | 6 | זה ממש חשוב לך למצוא את הדרך שלך, הייחודית. דרך טובה לעשות זאת היא תסתכל איך המפתחים הגדולים האלה עושים את זה! 7 | -------------------------------------------------------------------------------- /contents/he/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: המתכון 3 | --- 4 | 5 | 6 | האינטרנט הוא יקום המתפתח במהירות.חלק חשוב בעבודה שלנו כמפתחים הוא להישאר מעודכן וקרוב לכלים חדשים, מגמות ותהליכי עבודה. מאות הודעות בלוג ומאמרים מתפרסמים כל יום, אבל אין שום דרך שאתה יכול לקרוא את כולם. אנחנו חושבים שצריכה להיות לך אסטרטגיה כדי לשמור על קשר עד היום, כך שיצרנו את המתכון הזה. 7 | -------------------------------------------------------------------------------- /contents/he/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: הצוות 3 | --- -------------------------------------------------------------------------------- /contents/he/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: תודות 3 | --- -------------------------------------------------------------------------------- /contents/he/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: כיצד להישאר מעודכן 3 | main: טכנולוגיות פיתוח לאינטרנט 4 | --- -------------------------------------------------------------------------------- /contents/jp/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 人気の情報源を 3 | subtitle: チェックしてみる 4 | weekly: 毎週配信されるニュース 5 | blogs: ブログ 6 | podcasts: ポッドキャスト 7 | footer: もっと見る 8 | --- 9 | 10 | ウェブにはフロントエンドに関するニュースやトレンドについての情報がたくさんあります。ただ、それら全てを拾い読みすることが難しい事もあるでしょう。散らばり方が大変で、手を付けられないなんて事もありますよね！ 11 | 12 | そんなあなたの為に、私達はフロントエンド界のニュースやトレンドを見つけ出せる人気の情報源を集めてみました。 -------------------------------------------------------------------------------- /contents/jp/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: カンファレンスに 3 | subtitle: 参加してみる 4 | footer: もっと見る 5 | --- 6 | 7 | 最新の技術を広めたり、アイデアや思い、経験を共有したり、他の人から学んだりする為に何千にも登る開発者がカンファレンスに参加します。理想的な取り組み方や基準となるべきもの、トレンドなども話し合われます。あなたと同じ事に取り組んでいる素晴らしい人や企業に出会うためにも、カンファレンスに参加してみましょう。 -------------------------------------------------------------------------------- /contents/jp/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 素晴らしい開発者を 3 | subtitle: フォローしてみる 4 | footer: もっと見る 5 | --- 6 | 7 | フロントエンド界を牽引している開発者達は、あなたが知りたいと思っている事に関連したニュースやトレンドを提供してくれます。彼らには、問題や解決策が見えていますし、トピックを掘り下げていってくれます。 8 | 9 | Twitterは、そんな彼らを見つけるのに大変有効な場所です。 -------------------------------------------------------------------------------- /contents/jp/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/jp/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: 最終の修正します 3 | --- 4 | -------------------------------------------------------------------------------- /contents/jp/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | 最近では、TwitterのリストとGoogle+のサークルをチェックして、フロントエンドの最新情報を得ることが多いですね。 8 | 9 | ツールやライブラリなんかで自分がよく使うものに関しては、それらの開発者が伝えようとしている事に注意を払ったりしていますね。なぜなら、そこには現在の見通しやヒント、トリック、そして今後の見通しなども隠れていたりするからです。 10 | 11 | それから、我々に代わってWebの標準化に携わる献身的な開発者をフォローしてみるのも良いことです。今日、新しいWebのスペックの草案は、ソーシャルメディアに早い段階で投稿される事が多いのです。それは、あなたでも草案をレビュー出来る上、その気になれば近い将来のWebのプラットフォームに影響を与えられることを意味しているからです。 12 | -------------------------------------------------------------------------------- /contents/jp/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | 最新の技術や知識を得る為に、私が見つけてこれた唯一の方法は、作り続けるということです。Twitterやブログなどで人々を厳選して情報収集してきましたが、結局の所、自分が本当に学んでいたと言える瞬間は、自分が開発していた瞬間のみだったのです。 8 | 9 | 私は何かを学びたい時、プロジェクトを立ち上げます。そしてそのプロジェクトを遂行していく内に、それを完遂するのに求められる他の技術も学んでいきます。最終的に幾つかの失敗を通して、コアなコンセプトを理解させてくれたり、逆に好きになることも理解することも出来ないサプライズをくれたりする、何か意味のあるものが出来上がります（結局は後でスクラップしてしまいますが）。 -------------------------------------------------------------------------------- /contents/jp/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | 私は、新しいものを生み出す人たちをTwitterでフォローしています。ブログを読んで終わりの人達もいますが、私は新しいものを生み出す人達を追いかけて、彼らのお薦めを拾い上げていくことが好きます。私のTwitterのタイムラインは、既にブログのRSSフィードに取って代わっているといってもよいでしょう　ー　リポジトリーにアップロードした自分の成果と共に発信している記事を読むことがずっとずっと多くなりました。その様な行動を取る人は、活動的なディベロッパーであるだけでなく、自分の成果物について真面目に捉える人だと考えられます。 8 | 9 | 様々なW3Cのワーキング・グループや規格のメーリングリストを読んでいます。ウェブ・ディベロッパーとして毎日当たり前の様に使っている機能が幾つもありますが、その実装について、自分の知らない所で多くの話が進められている事を学びます。付いていくことが大変な事もありますが、為になるチャレンジは好きですし、付いて行けば行くほど、多くを学ぶことができ、それが将来のより良い貢献に繋がります。 10 | 11 | こんな格言があります。「もし自分がその場で最も賢い人物だと感じられるなら、もうその場にいる必要はない」、という言葉です。聡明だがそれに自惚れない人達。その中に身を置くと良いでしょう。 -------------------------------------------------------------------------------- /contents/jp/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | フロントエンド技術の最新情報を得るのに良い、3つのリソースがあります。 8 | 9 | まず、Twitterです。大変貴重です。JavaScript界で有名な人々、例えばあなたのお気に入りのフレームワークの開発者をフォローする事から始めてみましょう。そうすれば、遅かれ早かれ、興味深いリツイートやフォローすべき人々などに出会える様になるでしょう。 10 | 11 | 次に勧めるのが、[Echo JS](http://www.echojs.com/)です。ハッカーニュース風のJavaScriptのニュース・サイトです。 12 | 13 | 最後に勧めるのが、[Cooper Press](https://cooperpress.com/)です。週刊ニュースレターを配信していて、便利な情報源となるでしょう。(私自身、ここが配信するJavaScript Weeklyの編集に携わっています。) -------------------------------------------------------------------------------- /contents/jp/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Twitterが生活の場となっています。そこでは、今何に人気があって、何がこれから話題を呼びそうで、何の問題に人々が直面しているかなどについて、考えるヒントを与えてくれます。Twitterが私の考え方やプロジェクトの選択に影響を与えているわけです。 8 | 9 | 旅をしている最中は、ウェブに関するRSSフィードや本、雑誌を読むことが多いです。 10 | 11 | 後もう一つ、最新のトレンドを身に付けるのに欠かせない重要な事といえば、実験してみることです。プライベートで時間を見つけては、何かのプロジェクトについて思いを巡らせてみたり、誰かのプロジェクトを手伝ってみたり、新しい技術でちょっと遊んでみるのです。試してみて、失敗して、成功して、共有する。それを繰り返しやってみてください。 -------------------------------------------------------------------------------- /contents/jp/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | フロントエンドの技術を追いかけていますが、それはまさに宗教的と言えるでしょう。毎日の活動の一環として、20〜30分をTwitterやRSSフィードのチェックに時間を費やします。その中で興味が湧くものがあれば、調査もします。 8 | 9 | 頻繁に本を読むこともありますし、ビデオも見ることもありますし、自分が実践している事についての記事を書く事もあります。時間を見つけては、コーディングのプロジェクトや書き物のプロジェクトを用意し、集中して取り組みます。それらに疲れてしまった時には、ただコードを読むだけにしたりします。 10 | 11 | 燃え尽きたと感じた時には、カンファレンスに参加して、他の人からインスピレーションを貰います。本当に退屈だと感じた時には、自分の専門分野外の人が実践している事で、自分の実践に取り入れられそうなことを探したりします。 12 | 13 | これらを行っていく秘訣としては、これらをやらされるものとして捉えるのではなく、自分で選んだ役目として捉えることです。 -------------------------------------------------------------------------------- /contents/jp/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. 毎日読んでいるフィードが幾つかあります。 8 | 2. Webの標準化やブラウザの開発に関わっている多くの人達、とにかく素晴らしい開発者である多くの人達をフォローしています。 9 | 3. 時々、仕様を読むこともします。その内の幾つかは簡単に読めるものでありますし、作成者自身から貰えるものでもあったりもします。W3Cのメーリングリストは良いですね。最新のウェブの技術について学べますし、それに影響を与えることだって出来るのです！ 10 | 4. カンファレンスで行われる討論やセッションにも参加します。 -------------------------------------------------------------------------------- /contents/jp/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | そして重要なプロジェクトを動かしている人達と知り合うことです。 :) -------------------------------------------------------------------------------- /contents/jp/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | 最新技術のチュートリアルやブログ記事を探すなら、Twitterが一番、ということは誰でも知っています。しかし、一体誰がそれらを書いているのでしょうか。そしてどこから情報を得ているのでしょうか？ 8 | 9 | 開発者として、誰でもキャリアのある時点でコアな部分に入っていく必要が出てきます。コアな部分、つまりメーリングリストや仕様、ソースコードといった物です。メーリングリストの議論への参加やソースコードの理解に慣れる事によって、自然とより良い開発者としてと成長し、全てをより深く理解できるようになるでしょう。 -------------------------------------------------------------------------------- /contents/jp/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## 4つの簡単なステップ 6 | 1. [素晴らしい開発者をフォローしてみる](#follow-cool-people) 7 | 2. [人気の情報源をチェックしてみる](#find-the-best-sources) 8 | 3. [カンファレンスに参加する](#attend-conferences) 9 | 4. [あなたにピッタリの方法を見極める](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/jp/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: あなたにピッタリの方法を 3 | subtitle: 見極める 4 | --- 5 | 6 | 最新の技術や情報を得る為に、あなたにピッタリの方法を見極めていく事が、大変重要になります。素晴らしい開発者達がどのような方法を確立してきたか、ちょっと覗いてみましょう！ -------------------------------------------------------------------------------- /contents/jp/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: レシピ 3 | --- 4 | 5 | ウェブは、急激なスピードで発展して来ています。最新の情報や技術を身につけ、新しいツールやトレンド、ワークフローに注意を払っている事が、フロントエンド・ディベロッパーに求められています。 6 | 7 | 毎日何百というブログ投稿や記事が発生しますが、全てに目を通すのは大変です。皆さんが最新の情報や技術を上手に得る方法を確立する事が大事だと、私達は考えました。そこで生み出されたのが、このレシピです。 -------------------------------------------------------------------------------- /contents/jp/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: サイト運営チーム 3 | --- -------------------------------------------------------------------------------- /contents/jp/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 協力してくれた仲間達 3 | --- -------------------------------------------------------------------------------- /contents/jp/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: これで安心 3 | main: フロントエンド テクノロジー 4 | --- -------------------------------------------------------------------------------- /contents/nl/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Vind de beste 3 | subtitle: bronnen 4 | weekly: Wekelijks nieuws 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: Bekijk alles 8 | --- 9 | 10 | Op het web is veel nuttige informatie te vinden over ontwikkelingen op het front-end gebied. Alleen is het moeilijk om alle goede bronnen te vinden en te lezen. Het is zoeken naar een speld in een hooiberg! 11 | 12 | Daarom hebben we de beste bronnen over ontwikkelingen en trends in de front-end wereld samengevoegd. -------------------------------------------------------------------------------- /contents/nl/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Bezoek 3 | subtitle: conferenties 4 | footer: Bekijk alles 5 | --- 6 | 7 | Duizenden ontwikkelaars bezoeken conferenties om de nieuwste ontwikkelingen aan te prijzen, ideeën, gedachtes en ervaringen uit te wisselen en om te leren van elkaar. Ze bespreken praktijkvoorbeelden, standaarden en trends. 8 | Je zou mee moeten doen om geweldige mensen en bedrijven te ontmoeten die in hetzelfde gebied werkzaam zijn. -------------------------------------------------------------------------------- /contents/nl/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Volg 3 | subtitle: slimme mensen 4 | footer: Bekijk alles 5 | --- 6 | 7 | Front-end helden zorgen dat je bovenop de meest relevante ontwikkelingen en trends zit. Ze zijn goed geïnformeerd op een specifiek onderdeel van de front-end ontwikkelingen. 8 | 9 | Twitter is een goede plek om mensen te volgen die goed geïnformeerd zijn. -------------------------------------------------------------------------------- /contents/nl/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/nl/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Laatst gewijzigd op 3 | --- 4 | -------------------------------------------------------------------------------- /contents/nl/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | Ik gebruik Twitterlijsten en Google+ cirkels om mezelf op de hoogte te houden van wat er gebeurt front-end gebied. 8 | 9 | Van alle tools en libraries die ik gebruik volg ik de ontwikkelaars om te kijken wat ze te vertellen hebben. Zo blijf je op de hoogte van nieuwe inzichten, tips & trucs en informatie over wat er komen gaat. 10 | 11 | Het is ook een goed idee om de vriendelijke vrienden die aan webstandaarden werken te volgen. Er worden steeds vaker concepten van potentiële specificaties gepubliceerd op social media. Dit geeft je de kans om iets van te vinden en als je wil zelfs bij te dragen aan hoe het web platform er over 2 jaar uit ziet. -------------------------------------------------------------------------------- /contents/nl/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | De enige manier die voor mij werkt om bij te blijven is door zelf dingen te maken. Ik volg een goed samengestelde lijst van mensen op twitter en lees blogs en websites over programmeernieuws, maar als het er op aan komt *leer* ik echt wanneer ik iets *doe*. 8 | 9 | Als ik iets wil leren, dan begin ik een project en onderweg ontdek ik welke gereedschappen ik nodig hem om het tot een succes te maken. Na een aantal mislukte pogingen kan ik over het algemeen iets nuttigs creeëren (wat ik meestal toch weggooi), wat me instaat stelt om de basisprincipes te begrijpen en/of met korte slagen te mikken op delen die ik nog niet begrijp. -------------------------------------------------------------------------------- /contents/nl/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | Ik volg mensen op twitter die nieuwe dingen creëren. Sommige mensen volgen liever alleen blogs, maar ik zie liever wat de makers aanraden. Mijn Twitter feed heeft deels mijn oude RSS feed vervangen; Ik ben eerder geneigd een artikel te lezen van iemand die zijn broncode erbij plaatst. Dat vertelt me dat diegene zowel een actieve ontwikkelaar is als iemand die over zijn vak nadenkt. 8 | 9 | Ik probeer meer tijd te besteden aan de verschillende W3C werkgroepen en e-maillijsten. Er is veel dat boven mijn pet gaat op het gebied van de specifieke implementatie van functionaliteiten die ik als ontwikkelaar dagelijks voor waar aanneem. Soms is het een uitdaging om bij te blijven, maar ik houd van een mooie uitdaging en als ik het blijf volgen dat leer ik meer en meer zodat ik in de toekomst zelfs een bijdrage kan leveren aan de discussie. 10 | 11 | Er is een bekende uitspraak die zeg: "Als je voelt dat je de slimste in de kamer bent, dan ben je in de verkeerde kamer". Omring jezelf met mensen die intelligent zijn maar niet daardoor naast hun schoenen gaan lopen. -------------------------------------------------------------------------------- /contents/nl/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | Ik raad drie bronnen aan om bij te blijven op het gebied van front-end technieken. 8 | 9 | Ten eerste, Twitter is onbetaalbaar. Begin bij de bekende JavaScript mensen die je kent (bv. de makers van je favoriete script) en ga van daaruit verder. Je komt vanzelf interessante retweets en aanbevelingen tegen over wie nog meer te volgen. 10 | 11 | Ten tweede, [Echo JS](http://www.echojs.com/) is een JavaScript nieuwssite in de traditie van Hacker News. 12 | 13 | Tot slot, zijn de Cooper Press [e-mailnieuwsbrieven](https://cooperpress.com/) een aangename wekelijkse bron van informatie. (ontkenning: Ik bewerk JavaScript Weekly). -------------------------------------------------------------------------------- /contents/nl/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Ik woon op Twitter. Ik ben er van afhankelijk om me een idee te geven wat er populair is en gaat worden en ook om te zien met welke problemen mensen worstelen. Dit beïnvloed de manier waarop ik denk en de projecten waar ik aan werk. 8 | 9 | Ik lees ook nog steeds RSS feeds, boeken en tijdschriften e.d. over het web als ik op reis ben. 10 | 11 | Het andere punt wat ik essentieel vind om bij te blijven met nieuwe technieken is experimenteren. Vind tijd buiten je normale werk om te knutselen aan een project, mee te helpen met het project van iemand anders of om te spelen met nieuwe technieken. Speel, misluk, slaag, deel, herhaal. -------------------------------------------------------------------------------- /contents/nl/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | Ik blijf trouw bij met de nieuwste front-end technieken. Als onderdeel van mijn dagelijkse activiteiten, besteed ik 20 tot 30 minuten aan het besturderen van twitter en RSS feeds, waarbij ik alles onderzoek dat mijn interesse kan wekken. 8 | 9 | I am also regularly reading (books), watching (videos), or writing about my practice. From timeIk lees (boeken), bekijk (video's) of schrijf ook regelmatig over mijn kennisgebied. Af en toe pak ik een programmeer- of schrijfproject op en richt al mijn vrije tijd hierop. Als ik het schrijven van woorden of code zat ben, dan ga ik over op het lezen van code. 10 | 11 | Als ik me overwerkt voel bezoek ik een conferentie zodat ik geïnspireerd kan worden door ideeën en mensen en als ik me verveel dan kijk ik naar werkzaamheden die raakvlakken hebben met mijn werkgebied. 12 | 13 | Het geheim om bij te blijven is om het niet te zien als een extra verantwoordelijkheid, maar als onderdeel van het werk waarvoor je hebt gekozen. -------------------------------------------------------------------------------- /contents/nl/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. Ik heb verschillende feeds, die ik bijna dagelijks lees 8 | 2. Ik volg vele mensen die betrokken zijn bij web standaarden of de ontwikkeling van brosers of die gewoon erg goede ontwikkelaars zijn 9 | 3. Ik lees daadwerkelijk ook af en toe specificaties, sommige zijn eenvoudig te lezen en zijn primaire bronnen. De mailinglijsten van het W3C kunnen ook helpen: Je leert over webtechnieken op het moment dat ze bedacht worden en je kan er zelfs invloed op uitoefenen! 10 | 4. Conferenties, zowel voor de discussies als de verschillende sessies -------------------------------------------------------------------------------- /contents/nl/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura op G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [mijn collectie van RSS feed (beschikbaar in OPML-formaat)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Wekelijkse samenvatting van het Open Web Platform](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [Wekelijks HTML5 nieuws](http://html5weekly.com/) 17 | - [Wekelijks JavaScript nieuws](http://javascriptweekly.com/) 18 | - [Wekelijks Web Design nieuws](http://web-design-weekly.com/) 19 | 20 | en het kennen van de mensen achter al deze belangrijke projecten :) -------------------------------------------------------------------------------- /contents/nl/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Iedereen weet dat Twitter de beste plek is om informatie als tutorials en blogs over technologie te vinden. Maar wie schrijft het? Waar halen zij hun informatie vandaan? 8 | 9 | Soms moet je bij de kern zijn... mailinglijsten, specificaties en zelfs de bron code. Terwijl je gewend raakt aan het lezen van specificaties, meedoet in conversatings in mailinglijsten en de code begint te begrijpen word je vanzelf een betere ontwikkelaar en begrijp je het allemaal steeds meer. -------------------------------------------------------------------------------- /contents/nl/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigatie 3 | --- 4 | 5 | ## Volg deze eenvoudige stappen 6 | 1. [Volg slimme mensen](#follow-cool-people) 7 | 2. [Vind de beste bronnen](#find-the-best-sources) 8 | 3. [Bezoek conferenties](#attend-conferences) 9 | 4. [Zoek je eigen bronnen](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/nl/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Zoek je eigen 3 | subtitle: Bronnen 4 | --- 5 | 6 | Het is belangrijk om je eigen, unieke manier te vinden om op de hoogte te blijven. Kijk naar hoe deze geweldige ontwikkelaars het doen! -------------------------------------------------------------------------------- /contents/nl/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Het Recept 3 | --- 4 | 5 | Het web is een wereld die razendsnel veranderd. Een belangrijk deel van ons werk als front-end ontwikkelaars bestaat uit het bijblijven met de laatste gereedschappen, trends en werkwijzes. 6 | 7 | Honderden blogs en artikelen worden elke dag geschreven, terwijl het onmogelijk is om deze allemaal te lezen. Wij denken dat je een plan nodig hebt om bij te blijven met al deze ontwikkelingen en daarom hebben wij dit recept geschreven. -------------------------------------------------------------------------------- /contents/nl/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Het Team 3 | --- -------------------------------------------------------------------------------- /contents/nl/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Met dank aan 3 | --- -------------------------------------------------------------------------------- /contents/nl/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Hoe blijf je bij met de laatste 3 | main: Front-End ontwikkelingen 4 | --- -------------------------------------------------------------------------------- /contents/pl/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Znajdź najlepsze 3 | subtitle: źródła 4 | weekly: Tygodniowe nowości 5 | blogs: Blogi 6 | podcasts: Podcasty 7 | footer: Zobacz pełną listę 8 | --- 9 | 10 | W sieci jest wiele cennych i użytecznych informacji o nowościach i trendach z zakresu front-end, ale czasami jest zbyt ciężko znaleźć i przeczytać je wszystkie. To jeden wielki bałagan, aż można zwariować! 11 | 12 | Dlatego postanowiliśmy zebrać w jedno miejsce najlepsze źródła o nowościach i trendach w świecie front-endu. 13 | -------------------------------------------------------------------------------- /contents/pl/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Bierz udział 3 | subtitle: w konferencjach 4 | footer: Zobacz pełną listę 5 | --- 6 | 7 | Tysiące deweloperów uczestniczą w konferencjach, by promować najnowsze technologie, dzielić się pomysłami, doświadczeniem i uczyć się od innych. Omawiają najlepsze praktyki, standardy i trendy. 8 | Powinieneś brać udział w konferencjach, by poznawać nowych ludzi i organizacje, które robią to samo, co Ty. 9 | -------------------------------------------------------------------------------- /contents/pl/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Śledź 3 | subtitle: ciekawych ludzi 4 | footer: Zobacz pełną listę 5 | --- 6 | 7 | Liderzy z zakresu front-end pomagają Ci pozostać na bieżąco z istotnymi nowościami i trendami. Posiadają wiedzę i pracują nad danym tematem. 8 | 9 | Twitter może być świetnym miejscem do znalezienia ludzi, którzy znają się na tym, co robią. -------------------------------------------------------------------------------- /contents/pl/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/pl/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Ostatnio zmodyfikowano 3 | --- 4 | -------------------------------------------------------------------------------- /contents/pl/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | W te dni w dużym stopniu polegam na listach z Twitter i środowisk G+ aby być na bieżąco z tym, co dzieje się w świecie front-end. 8 | 9 | Jeśli istnieją narzędzia lub biblioteki które regularnie używam, staram się mieć oko na to, co deweloperzy pracujący na nich mają do powiedzenia, bo to w taki sposób znajdujesz spostrzeżenia, porady/sztuczki i informacje o tym, co będzie dalej. 10 | 11 | Świetnym pomysłem jest także śledzenie dusz które pracują nad web standardami. O wiele częściej teraz pierwsze potencjalne szkice ze specyfikacjami są wcześnie umieszczane na portalach społecznościowych co znaczy że masz szanse zarówno przeglądu i jeśli jesteś zainteresowany, przyczynić się do tego, jak platforma internetowa może wyglądać za kilka lat. -------------------------------------------------------------------------------- /contents/pl/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | Jedyną drogą jaką znalazłem by być na bieżąco jest przez kreowanie. Śledzę solidną listę ludzi na Twitterze i czytam blogi i strony o nowościach z programowaniem, ale tak naprawdę, jedyny czas kiedy naprawdę się uczę jest kiedy to robię. 8 | 9 | Kiedy chcę się czegoś nauczyć, po prostu zacznę pracować nad projektem i w trakcie pracy nad nim, znajdę i poznam inne narzędzia którę potrzebuję żeby być dobry. Za kilkoma nieudanymi próbami, normalnie jestem w stanie zrobić coś sensownego (co i tak potem wyrzucę) co daje mi możliwość do zrozumienia podstaw i/lub podjęcia kilku nieświadomych krokòw o rzeczach których nie lubię lub nie rozumiem. 10 | -------------------------------------------------------------------------------- /contents/pl/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | Śledzę ludzi na Twitterze którzy tworzą nowe rzeczy. Niektórzy ludzie lubią śledzić tylko blogi, ale ja lubię widzieć co inni ludzie którzy tworzą nowe rzeczy polecają. Mój feed na Twiterze w pewnym sensie zastąpił mój stary RSS do pewnego stopnia - jestem bardziej skłonna przeczytać artykuł zarekomendowany przez kogoś kto postuje także razem jego repozytoria. Tego typu zachowanie mówi mi że w większości przypadków ta osoba jest aktywnym deweloperem a także o tym że myśli o swoim fachu i projektach. 8 | 9 | Staram się spędzać więcej czasu na różnych workshopach grupy W3C i na listach mailingowych ze specifikacjami. Jest dużo rzeczy które chodzą po mojej głowie ze specyficznymi implementacjami narzędzi i rzeczy które jako web deweloper mógłym użyć. 10 | Czasami bycie na bierząco jest dość dużym wyzwaniem, ale ja lubię wyzwania i dotrzymuję kroku i uczę się więcej i więcej więc mogę lepiej przyczynić się do dyskusji w przyszłości. 11 | 12 | Jest takie powiedzenie: "Jeśli czujesz że jesteś najbystrzejszą osobą w pomieszczeniu, jesteś w złym pomieszczeniu." 13 | Otaczaj siebie z ludźmi którzy są inteligentni ale nie nie zarozumiali. -------------------------------------------------------------------------------- /contents/pl/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | Polecam 3 źródła do bycia na bieżąco z front-end. 8 | 9 | Pierwsze - Twitter jest nieoceniony. Zacznij z popularnymi ludźmi JavaScript którymi znasz (np. autor Twojego ulubionego framework) i idź z tego punktu - prędzej czy później znajdziesz ciekawe retweety, rekomendacje kogo śledzić etc. 10 | 11 | Drugie, [Echo JS](http://www.echojs.com/) jest stroną z nowościami o JavaScript, coś jak tradycyjny Hacker News. 12 | 13 | Trzecie, the Cooper Press [email newsletters](https://cooperpress.com/) jest dobrym tygodniowym źródłem informacji (Uwaga: edytować JavaScript Weekly). 14 | -------------------------------------------------------------------------------- /contents/pl/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Ja mieszkam w Twitterze. Od niego dowiaduję się co jest popularne i nadchodzące, a także z jakimi problemami zmierzają sie ludzie. To wpływa na to jak myślę i projekty nad którymi pracuję. 8 | 9 | Także nadal czytuję powiązane z siecią RSS feeds, książki, magazyny i więcej kiedy podróżuję. 10 | 11 | Inną rzeczą jaką znajduję ważną do bycia na bieżąco z nowymi technologiami jest eksperymentowanie. Znaleźć dodatkowy czas poza codzienną pracą i pracować nad swoim projektem, pomagać nad czyimś projektem, czy bawić się nową technologią. 12 | Baw się, nie uda, uda, podziel się, powtórz. 13 | -------------------------------------------------------------------------------- /contents/pl/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | Ja jestem na bieżąco z technologiami front-end prawie religijnie. Jako część moich codziennych zadań, spędzam 20 do 30 minut na przegląniu Twitter i RSS feed, badając lepiej cokolwiek co wzbudzi moje zainteresowanie. 8 | 9 | Także regularnie czytam książki, oglądam wideo lub piszę o moich praktykach. Od czasu do czasu zabieram się do kodowania czy pisania, koncentrując cały wolny czas w tej dziedzinie. Kiedy jestem zmęczony pisaniem słów czy kodowaniem, po prostu spędzam czas na czytaniu kodu. 10 | 11 | Kiedy czuję że się spalam, uczęszczam konferencje więc mogę być zainspirowany przez nowe pomysły i ludzi. I kiedy jestem naprawdę znudzony, zaczynam zaglądać do praktyk które krzyżują się z moimi obszarami wiedzy. 12 | 13 | Sekretem do bycia na bieżąco nie jest traktowanie tego jako dodatkowy obowiązek ale jako część pracy którą wybrałem. 14 | 15 | -------------------------------------------------------------------------------- /contents/pl/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. Mam kilka feedów które czytam prawie codziennie 8 | 2. Śledzę dużo ludzi którzy są zaangażowani w standardy sieci czy rozwój przeglądarek czy po prostu są bardzo dobrymi deweloperami 9 | 3. Czytam specyfikację od czasu do czasu, niektóre z nich są łatwe do zrozumienia i są źródłami z pierwszej ręki. Lista mailingowa W3C także pomaga: uczysz się o technologiach sieci w momencie ich kreowania i możesz nawet mieć na nie wpływ! 10 | 4. Konferencje, zarówno dyskucje jak i sesje -------------------------------------------------------------------------------- /contents/pl/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | i wiedzieć ludzi za kurtynami wszystkich znaczących projektów :) -------------------------------------------------------------------------------- /contents/pl/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Wszyscy wiedzą że Twitter jest najlepszym źródłem do znajdywania informacji takich jak tutoriale czy posty o nowych technologiach. Ale kto je pisze? Skąd oni biorą te wszystkie informacje? 8 | 9 | W pewnych momentach musisz iść prosto do źródła... list mailingowych, specyfikacji czy nawet kodu źródłowego. Przez przyzwyczajanie się do czytania tych specyfikacji i uczestniczenia w niektórych dyskusjach z list mailingowych i rozumienia niektórych części kodu, naturalnie staniesz się lepszym deweloperem i będziesz rozumieć o wiele więcej. -------------------------------------------------------------------------------- /contents/pl/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Nawigacja 3 | --- 4 | 5 | ## Wykonaj następujące czynności 6 | 1. [Śledź ciekawych ludzi](#follow-cool-people) 7 | 2. [Znajdź najlepsze źródła](#find-the-best-sources) 8 | 3. [Uczestnicz w konferencjach](#attend-conferences) 9 | 4. [Zdobądź własne źródła](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/pl/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Zdobądź własne 3 | subtitle: źródła 4 | --- 5 | 6 | To bardzo ważne, żebyś znalazł własną, unikalną drogę do bycia na bieżąco. Zobacz jak robią to ci wspaniali deweloperzy! 7 | 8 | -------------------------------------------------------------------------------- /contents/pl/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Przepis 3 | --- 4 | 5 | Sieć jest nieustannie zmieniającym się światem. Ważnym zadaniem w pracy front-end dewelopera jest bycie na bieżąco z nowymi narzędziami, trendami i sposobami zarządzania pracą. 6 | 7 | Setki postów i artykułów publikowanych jest każdego dnia, ale niemożliwym jest, byś mógł przeczytać je wszystkie. Uważamy, że powinieneś mieć plan na to, by być na bieżąco, dlatego postanowiliśmy stworzyć ten przepis. -------------------------------------------------------------------------------- /contents/pl/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Zespół 3 | --- -------------------------------------------------------------------------------- /contents/pl/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Podziękowania 3 | --- 4 | -------------------------------------------------------------------------------- /contents/pl/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Jak być na bieżąco 3 | main: z technologiami Front-Endowymi 4 | --- -------------------------------------------------------------------------------- /contents/pt/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Encontre as melhores 3 | subtitle: fontes 4 | weekly: Novidades Semanais 5 | blogs: Blogs 6 | podcasts: Podcasts 7 | footer: Ver lista completa 8 | --- 9 | 10 | Na web existem muitas informações úteis, novidades e tendências de front-end. Mas, as vezes é muito difícil de encontrar e ler todas elas. É uma bagunça e você pode acabar ficando louco! 11 | 12 | Por isso, nós reunimos as melhores referências no mundo front-end. -------------------------------------------------------------------------------- /contents/pt/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Assista 3 | subtitle: palestras 4 | footer: Ver lista completa 5 | --- 6 | 7 | Milhares de desenvolvedores vão à conferências para promover as últimas tecnologias, compartilhar idéias, pensamentos ou experiênicas e aprender com os outros. Eles discutem as melhores práticas, padrões e tendências. 8 | Você deve participar, a fim de conhecer pessoas incríveis e organizações que fazem o que você faz. -------------------------------------------------------------------------------- /contents/pt/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Siga 3 | subtitle: pessoas legais 4 | footer: Ver lista completa 5 | --- 6 | 7 | Os líderes de Front-End ajudarão você a ficar informado sobre notícias relevantes e que estão em tendência. 8 | 9 | O twitter pode ser um ótimo lugar para encontrar pessoas que são informadas. -------------------------------------------------------------------------------- /contents/pt/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/pt/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: Última modificação em 3 | --- 4 | -------------------------------------------------------------------------------- /contents/pt/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | Ultimamente eu me encontro bastante dependente de listas do Twitter e círculos do G+ para ficar atualizado com o que está acontecendo no front-end. 8 | 9 | Se existem ferramentas ou bibliotecas que uso regularmente, tento ficar de olho no que os desenvolvedores que estão trabalhando nela tem a dizer, porque é assim que você consegue descobrir dicas/truques e informações sobre o que está por vir. 10 | 11 | Também é uma ótima idéia acompanhar as almas gentis que estão trabalhando em nosso nome no universo de padrões web. Mais frequentemente nos dias de hoje, rascunhos de possíveis especificações são postadas em redes sociais, onde você consegue ter a oportunidade de fazer uma crítica, ou se tiver interessado, contribuir para a o que a plataforma web possa parecer daqui há alguns anos. 12 | -------------------------------------------------------------------------------- /contents/pt/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | A única maneira que eu encontrei de me manter atualizado é criando. Eu sigo uma lista de pessoas curadores no twitter, leio blogs e sites de novidades de programação, mas quando se trata de entender pra valer, a única hora que eu realmente aprendo é quando estou fazendo. 8 | 9 | Quando eu quero aprender algo, eu simplesmente começo um projeto com isso, e durante o caminho eu descubro as outras ferramentas que eu preciso para ter sucesso. Após algumas tentativas falhas, normalmente eu posso criar algo com significado (que eu geralmente jogo fora de qualquer maneira) que me permite entender os conceitos do núcleo e/ou fazer trabalhos rápidos sobre coisas que eu não gosto ou não entenda. -------------------------------------------------------------------------------- /contents/pt/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | Eu sigo pessoas no Twitter que produzem coisas novas. Algumas pessoas gosto de seguir apenas nos blogs, mas eu gosto de ver o que as pessoas que fazem as coisas recomendam. Meu Twitter tem uma espécie feed que serve para substituir o meu feed RSS velho, até certo ponto - Eu sou muito mais propensa a ler um artigo recomendado por alguém que eu vejo postando seus repos ao lado dele. Esse tipo de comportamento me diz que a pessoa é ao mesmo tempo um desenvolvedor ativo e alguém que pensa sobre seu ofício, na maioria dos casos. 8 | 9 | Eu estou tentando passar mais tempo em vários grupos de trabalho do W3C e nas listas de discussão de especificação. Há muito que se passa na minha cabeça sobre as implementações específicas de recursos que, como um desenvolvedor web eu gostaria de ter adquirido no dia-a-dia. Às vezes, ficar em constante atualização é um desafio, mas eu gosto de um bom desafio e, como eu ficar por aqui eu aprendo mais e mais para que eu possa, idealmente, contribuir mais para a discussão no futuro. 10 | 11 | Há um ditado que dizem por aí: "Se você sente que você é a pessoa mais inteligente da sala, você está no lugar errado." Cerque-se de pessoas que são inteligentes, mas não seja arrogante sobre isso. -------------------------------------------------------------------------------- /contents/pt/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | Eu recomendo três maneiras para ficar atualizado com as tecnologias front-end. 8 | 9 | Primeiro, Twitter é indispensável. Inicie com pessoas famosas de Javascript que você conhece (ex. o criador de um framework que você usa) e continue assim - cedo ou mais tarde você verá interessantes retweets, recomendações de quem seguir, etc. 10 | 11 | Segundo, [Echo JS](http://www.echojs.com/) é um site de notícias de JavaScript com a tradição do Hacker News. 12 | 13 | Terceiro, a newsletter por [e-mail semanal](https://cooperpress.com/) do Cooper Press, que é uma ótima fonte de informação (aviso: eu edito JavaScript Weekly). 14 | -------------------------------------------------------------------------------- /contents/pt/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | Eu vivo no Twitter. Eu dependo disso para me dar uma ideia do que é popular, o que está acontecendo e também o quais problemas as pessoas estão enfrentando. Isto influencia a maneira que eu penso e os projetos que eu assumo. 8 | 9 | Também continuo lendo feeds RSS relacionados à web, livros, revistas e etc quando viajo. 10 | 11 | Uma outra coisa que eu acredito ser essencial para ficar atualizado em novas tecnologias é fazer experimentos. Procure criar um tempo por fora do seu trabalho para pensar em um projeto, contribuir com alguém, ou se aventurar um pouquinho em alguma coisa nova. Crie, falhe, realize com sucesso, compartilhe, repita. -------------------------------------------------------------------------------- /contents/pt/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | Me mantenho religiosamente ativo com as tecnologias front-end. Como parte de minhas atividades diárias, eu gasto 20 a 30 minutos revendo Twitter e feeds RSS, investigando tudo o que desperta meu interesse. 8 | 9 | Eu também estou lendo regularmente (livros), assistindo (vídeos), ou escrevendo sobre a minha prática. De vez em quando eu pego uma codificação, ou escrita, projeto e concentro todo o meu tempo livre com isso. Quando eu canso de escrever palavras ou código eu simplesmente passo o tempo lendo esses códigos. 10 | 11 | Quando me sinto desatualizado procuro participar de conferências para que eu possa ficar inspirado por idéias e pessoas. E quando fico realmente entediado começo a olhar para as práticas que se cruzam na minha área de especialização. 12 | 13 | O segredo para manter-se atualizado não é ver isso como uma tarefa extra, mas sim como uma parte do trabalho que eu escolhi. 14 | -------------------------------------------------------------------------------- /contents/pt/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. Tenho vários feeds que leio diariamente. 8 | 2. Sigo muitas pessoas envolvidas em padrões web ou desenvolvedores de browsers ou são simplesmente desenvolvedores muito bons. 9 | 3. Atualmente leio especificações de tempo em tempo, algumas delas fáceis de entender e elas são minhas fontes de primeira mão. A lista de discussão do W3C também ajuda: Você aprende sobre tecnologias web do momento, desde a criação e até pode influenciar elas! 10 | 4. Conferências, ambas para a discussão e sessão. -------------------------------------------------------------------------------- /contents/pt/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | e conhecendo as pessoas por trás de todos projetos significantes :) -------------------------------------------------------------------------------- /contents/pt/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | Todo mundo sabe que o Twitter é o melhor lugar para encontrar informação como tutoriais ou posts sobre uma nova tecnologia. Mas quem o escreve? De onde eles tiram essa informação? 8 | 9 | Em algum momento, você precisa ir para a direita do núcleo... as listas de discussões, especificações e mesmo código-fonte. Ao se acostumar a ler as especificações e participar de algumas conversas em listas de discussões e entendendo algumas coisas do código fonte, você naturalmente se tornará um melhor desenvolvedor e entenderá muito mais. 10 | -------------------------------------------------------------------------------- /contents/pt/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## Siga estes simples passos 6 | 1. [Siga pessoas legais](#follow-cool-people) 7 | 2. [Encontre as melhores fontes](#find-the-best-sources) 8 | 3. [Assista palestras](#attend-conferences) 9 | 4. [Tenha suas próprias fontes](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/pt/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tenha suas próprias 3 | subtitle: Fontes 4 | --- 5 | 6 | É muito importante que você encontre seu próprio jeito de manter-se atualizado. Dê uma olhada como estes excelentes desenvolvedores estão fazendo isso! -------------------------------------------------------------------------------- /contents/pt/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: A receita 3 | --- 4 | 5 | A web é um universo em rápida evolução. Um aspecto importante do nosso trabalho como desenvolvedores front-end é manter-se atualizado e perto de novas ferramentas, tendências e fluxos de trabalho. 6 | 7 | Centenas de posts em blogs e artigos são publicados diariamente, mas não há uma maneira de ler todos eles. Pensamos que você deveria ter uma estratégia para manter-se atualizado, então decidimos criar esta "receita". -------------------------------------------------------------------------------- /contents/pt/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: A Equipe 3 | --- -------------------------------------------------------------------------------- /contents/pt/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Agradecimentos 3 | --- -------------------------------------------------------------------------------- /contents/pt/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: Como manter-se atualizado nas 3 | main: Tecnologias Front-End 4 | --- -------------------------------------------------------------------------------- /contents/zh/best-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 看最好的 3 | subtitle: 资讯 4 | weekly: 每周一封资讯邮件 5 | blogs: 博客 6 | podcasts: 播客 7 | footer: 看全列表 8 | --- 9 | 10 | 以下是一些很棒的前端开发相关站 -------------------------------------------------------------------------------- /contents/zh/conferences.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 参加 3 | subtitle: 会议 4 | footer: 看全列表 5 | --- 6 | 7 | 无数的开发者参加各种会议来推广最新的技术, 分享他们的看法和经验, 同时也从其他人身上互相学习. 8 | 你也应该参加这些会议来认识些牛人. -------------------------------------------------------------------------------- /contents/zh/cool-people.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 关注 3 | subtitle: 大牛 4 | footer: 看全列表 5 | --- 6 | 7 | 前端界的牛人们会讨论最新的方向和各类东西. 8 | 9 | 推特也可以成为了解最新前端方向的好地方 10 | -------------------------------------------------------------------------------- /contents/zh/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | template: index.jade 3 | --- -------------------------------------------------------------------------------- /contents/zh/last-update.md: -------------------------------------------------------------------------------- 1 | --- 2 | label: 最后修改 3 | --- 4 | -------------------------------------------------------------------------------- /contents/zh/mentions/addy-osmani.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: addy-osmani 3 | name: Addy Osmani 4 | twitter: addyosmani 5 | --- 6 | 7 | 为了知道前端界都在发生些什么, 我经常刷推特和 G+. 8 | 9 | 对于那些我经常使用的工具和库, 我会关注下作者的最新情况, 这样才能知道接下来会有什么发展. 10 | 11 | 关注下那些制定网络标准的人也很有好处, 这样你才能知道接下来的几年会有什么发展. 12 | -------------------------------------------------------------------------------- /contents/zh/mentions/alex-sexton.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: alex-sexton 3 | name: Alex Sexton 4 | twitter: SlexAxton 5 | --- 6 | 7 | 我发现对我来说, 只有不断实践才能跟上最新发展. 8 | 9 | 我在推特上关注了很多前端界的人, 也读博客和编程界新闻, 但我发现实践比纯读更能学到东西. 10 | 11 | 当我想学一样东西的时候, 我就直接开始做项目, 然后从中不断学习, 理解核心概念. 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /contents/zh/mentions/angelina-fabbro.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: angelina-fabbro 3 | name: Angelina Fabbro 4 | twitter: hopefulcyborg 5 | --- 6 | 7 | I follow people on Twitter who produce new things. Some people like to follow just blogs, but I like to see what the people who make things recommend. My Twitter feed has sort of replaced my old RSS feed to some extent - I am way more likely to read an article recommended by someone who I see posting their repos alongside it. That kind of behavior tells me that the person is both an active developer and someone who thinks about their craft in most cases. 8 | 9 | I'm trying to spend more time on various W3C working group and specification mailing lists. There is a lot that goes over my head about the specific implementations of features that as a web developer I would take for granted every day. Sometimes keeping up is challenging, but I like a good challenge and as I stick around I learn more and more so I can ideally contribute more to the discussion in the future. 10 | 11 | There is a saying that goes around: "If you feel like you are the smartest person in the room, you're in the wrong room." Surround yourself with people who are intelligent but not cocky about it. -------------------------------------------------------------------------------- /contents/zh/mentions/axel-rauschmayer.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: axel-rauschmayer 3 | name: Axel Rauschmayer 4 | twitter: rauschma 5 | --- 6 | 7 | 我推荐读以下3个资源来跟上最新发展. 8 | 9 | 一, 推特. 先关注些你认识的知名前端开发者, 比如你经常用的某个库的作者. 10 | 然后从他的关注列表里面去挖掘, 迟早你会看到一些有用的推特. 11 | 12 | 二, [Echo JS](http://www.echojs.com/) 是个 JavaScript 新闻站. 它的布局和 [Hacker News](https://news.ycombinator.com/) 类似. 13 | 14 | 三, 关注这些 [每周邮件](https://cooperpress.com/) (那啥: 我是 JavaScript 每周新闻的编辑). -------------------------------------------------------------------------------- /contents/zh/mentions/brad-frost.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: brad-frost 3 | name: Brad Frost 4 | twitter: brad_frost 5 | --- 6 | 7 | 我很依赖于看推特来了解最新方向, 知道接下来会流行什么, 以及他们在面临什么问题. 8 | 9 | 我旅行的时候也读 Web 相关的 RSS, 书还有杂志等等. 10 | 11 | 还有我认为实践很重要, 找点业余时间自己做个小项目, 或是给别人的项目贡献代码, 或是试下最新的工具或技术. 12 | 尝试, 失败, 成功, 分享, 重复这个流程. 13 | -------------------------------------------------------------------------------- /contents/zh/mentions/cody-lindley.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: cody-lindley 3 | name: Cody Lindley 4 | twitter: codylindley 5 | --- 6 | 7 | I keep up with front-end technologies religiously. As part of my daily activities, I spend 20 to 30 minutes reviewing twitter and RSS feeds, investigating anything that sparks my interest. 8 | 9 | I am also regularly reading (books), watching (videos), or writing about my practice. From time to time I pick a coding, or writing, project and focus all of my spare time in this area. When I tire of writing words or code I simply spend time reading code. 10 | 11 | When I'm feeling burnt out I'll attend a conference so that I can be inspired by ideas and people. And when I am really bored I start looking into practices that cross over into my area of expertise. 12 | 13 | The secret to keeping up is not to view it as an extra chore, but instead as part of the job I've chosen. -------------------------------------------------------------------------------- /contents/zh/mentions/lea-verou.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: lea-verou 3 | name: Lea Verou 4 | twitter: leaverou 5 | --- 6 | 7 | 1. 有几个订阅源(feeds) 我天天都读 8 | 2. 我关注了很多人, 包括 Web 标准的制定者, 以及开发浏览器的, 还有厉害的其他类别的开发者. 9 | 3. 我偶尔会阅读标准, 有些很好理解而且是一手资讯, W3C邮件列表(W3C mailing lists) 也很有帮助: 10 | 你在新技术出现的那一刻就能开始学习他们, 甚至你可以影响到这些新技术的发展! 11 | 4. 参加会议 -------------------------------------------------------------------------------- /contents/zh/mentions/paul-irish.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: paul-irish 3 | name: Paul Irish 4 | twitter: paul_irish 5 | --- 6 | 7 | - [html5rocks.com](http://html5rocks.com/) 8 | - [peter.sh](http://peter.sh/) 9 | - [masataka yakura on G+](https://plus.google.com/115203843155141445032/posts/) 10 | - [@simevidas](https://twitter.com/simevidas/) 11 | - [my RSS feed bundles (OPML is available)](http://www.paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/) 12 | - [@ebidel](https://twitter.com/ebidel) 13 | - [@chromiumdev](https://twitter.com/ChromiumDev) 14 | - [Open Web Platform Weekly Summary](https://www.google.com/search?q=%22Open+Web+Platform+Weekly+Summary%22+site%3Aw3.org) 15 | - [chromium blog](http://blog.chromium.org/) 16 | - [HTML5 Weekly](http://html5weekly.com/) 17 | - [JS Weekly](http://javascriptweekly.com/) 18 | - [Web Design Weekly](http://web-design-weekly.com/) 19 | 20 | and knowing the people behind all significant projects :) -------------------------------------------------------------------------------- /contents/zh/mentions/shane-hudson.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: shane-hudson 3 | name: Shane Hudson 4 | twitter: ShaneHudson 5 | --- 6 | 7 | 每个人都知道推特是个好地方, 人家会发有关最新技术的教程和博客之类的, 8 | 但是他们是从哪里学来的? 9 | 10 | 当你进步到某个水平... 你就得去读邮件列表了(mailing lists) 甚至是源代码. 11 | 你得习惯于阅读标准(specifications), 以及参加邮件列表的讨论, 还有理解源代码. 这样才能进步. 12 | -------------------------------------------------------------------------------- /contents/zh/navigation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Navigation 3 | --- 4 | 5 | ## 照着这些简单步骤做 6 | 1. [关注大牛](#follow-cool-people) 7 | 2. [经常看这些好网站](#find-the-best-sources) 8 | 3. [参加各种会议](#attend-conferences) 9 | 4. [总结出自己的学习方法](#get-your-own-sources) -------------------------------------------------------------------------------- /contents/zh/own-sources.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 总结出自己的 3 | subtitle: 学习方法 4 | --- 5 | 6 | 总结出一套自己的方法来跟上最新方向是很重要的. 7 | 来看看这些厉害的开发者们是怎么做的吧! -------------------------------------------------------------------------------- /contents/zh/summary.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: The recipe 3 | --- 4 | 5 | 前端开发的技术进步很快. 前端开发者的重要职责之一 6 | 是了解最新推出的工具, 最新的潮流以及开发流程. 7 | 8 | 每天都有成千上百的前端文章发布出来, 你不可能把他们全读了. 9 | 我们认为你应该用聪明的方法来跟上最新的方向, 因此我们创建了这个"食谱" -------------------------------------------------------------------------------- /contents/zh/team.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 团队 3 | --- -------------------------------------------------------------------------------- /contents/zh/thanks.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 感谢 3 | --- -------------------------------------------------------------------------------- /contents/zh/title.md: -------------------------------------------------------------------------------- 1 | --- 2 | intro: 如何跟上前端开发的最新前沿 3 | main: 前端开发 4 | --- -------------------------------------------------------------------------------- /data/conferences.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Fronteers conference", 4 | "permalink": "http://fronteers.nl/", 5 | "img": "https://pbs.twimg.com/profile_images/196594034/fronteers-125x125_200x200.gif", 6 | "description": { 7 | "en": "Conference of the Dutch non-profit trade organisation for front-end developers.", 8 | "es": "La organización comercial sin fines de lucro de desarrolladores de aplicaciones para usuario holandesess.", 9 | "pt": "Conferência Holandesa da organização comercial sem fins lucrativos para desenvolvedores front-end.", 10 | "de": "Konferenz der holländischen Non-Profit Handelsorganisation für Front-End Entwickler.", 11 | "fr": "Conférence de l'organisation professionnelle hollandaise, à but non lucratif, pour les développeurs front-end.", 12 | "pl": "Konferencja duńskiej organizacji non-profit dla front-end deweloperów.", 13 | "nl": "Conferentie georganiseerd door de Nederlandse vereniging van front-end ontwikkelaars.", 14 | "jp": "オランダ非営利通商組合による、フロントエンド・ディベロッパー向けカンファレンス" 15 | } 16 | }, 17 | 18 | { 19 | "name": "Front Trends", 20 | "permalink": "http://front-trends.com/", 21 | "img": "https://pbs.twimg.com/profile_images/798945532139995136/QB_KLK86_200x200.jpg", 22 | "description": { 23 | "en": "A gathering where front-end lovers and tech entrepreneurs discover the latest trends.", 24 | "es": "Una reunión donde los amantes del front-end y emprendedores, descubre las últimas tendencias.", 25 | "pt": "Um encontro onde os amantes de front-end e empresários de tecnologia descobrem as últimas tendências.", 26 | "de": "Ein Treffen bei dem Front-End Liebhaber und Tech-Unternehmer die neuesten Trends entdecken.", 27 | "fr": "Un lieu de rassemblement où les fans du front-end et les entrepreneurs du high-tech peuvent découvrir les dernières tendances.", 28 | "pl": "Zrzeszenie gdzie front-end deweloperzy i tech przedsiębiorcy odkrywają najnowsze trendy.", 29 | "nl": "Een bijeenkomst waar liefhebbers van front-end en technische ondernemers de laatste trends ontdekken.", 30 | "jp": "フロントエンド・ディベロッパーと技術志向の起業家が一堂に会して、最新のトレンドを追っていくミートアップ", 31 | "zh": "A gathering where front-end lovers and tech entrepreneurs discover the latest trends." 32 | } 33 | }, 34 | 35 | { 36 | "name": "HTML5DevConf", 37 | "permalink": "http://html5devconf.com/", 38 | "img": "https://pbs.twimg.com/profile_images/486237874912628736/ddsp2Mut_200x200.png", 39 | "description": { 40 | "en": "Has become the largest JavaScript and HTML5 developers conference in the world.", 41 | "es": "Se ha convertido en la conferencias más grande del mundo de desarrolladores JavaScript.", 42 | "pt": "Se tornou a maior conferência de desenvolvedores Javascript e HTML5 do mundo.", 43 | "de": "Mittlerweile die größte JavaScript- und HTML5-Konferenz der Welt.", 44 | "fr": "Est devenu la plus grosse conférence de développeurs JavaScript et HTML5 dans le monde.", 45 | "pl": "HTML5DevConf został największą światową konferencją dotyczącą JavaScript i HTML5.", 46 | "nl": "Is uitgegroeid tot de grootste JavaScript and HTML5 conferentie voor ontwikkelaars ter wereld.", 47 | "jp": "JavaScriptやHTML5のディベロッパー向けとして今や世界最大級にまで成長したカンファレンス", 48 | "zh": "Has become the largest JavaScript and HTML5 developers conference in the world." 49 | } 50 | }, 51 | 52 | { 53 | "name": "Fluent Conf JavaScript & Beyond", 54 | "permalink": "http://fluentconf.com/", 55 | "img": "https://pbs.twimg.com/profile_images/447094625912619008/SqRErcjo_200x200.png", 56 | "description": { 57 | "en": "Featuring the best in JavaScript and progressive Web development.", 58 | "es": "Destacando lo mejor de JavaScript y el desarrollo web progresivo.", 59 | "pt": "Com o melhor em Javascript e desenvolvimento web progressivo.", 60 | "de": "Das Beste aus JavaScript und Progressive Web Development.", 61 | "fr": "Démonstration de ce qui se fait de mieux dans le JavaScript et le développement web progressif.", 62 | "pl": "Przedstawia najlepsze w dziedzinie JavaScript i progresywnym web development.", 63 | "nl": "Bevat het beste in JavaScript and progressieve webontwikkeling.", 64 | "jp": "JavaScriptやプログレッシブなウェブ開発の世界で最高峰の人たちを集めるカンファレンス", 65 | "zh": "Featuring the best in JavaScript and progressive Web development." 66 | } 67 | }, 68 | 69 | { 70 | 71 | "name": "Front End Ops Conf", 72 | "permalink": "http://www.feopsconf.com/", 73 | "img": "https://pbs.twimg.com/profile_images/429436724918251520/QVTjte-t_200x200.png", 74 | "description": { 75 | "en": "A 2-day conference in San Francisco dedicated to the emerging discipline of front end operations.", 76 | "es": "Una conferencia de 2 días en San Francisco dedicada a la disciplina emergente de las operaciones de front-end.", 77 | "pt": "A conferência de dois dias em San Francisco dedicada à disciplina emergente das operações de front-end.", 78 | "de": "Ein 2-Tages-Konferenz in San Francisco zu den aufstrebenden Disziplin der Front-End-Operationen gewidmet.", 79 | "fr": "Une conférence de 2 jours à San Francisco dédié à la nouvelle discipline des «front-end ops»", 80 | "pl": "2-dniowa konferencja w San Francisco poświęcona powstającej dyscypliny operacji Zaczepy.", 81 | "nl": "Een 2-daagse conferentie in San Francisco dat zich toelegt op de opkomende discipline van de front-end activiteiten.", 82 | "jp": "二日間に渡りサンフランシスコにて行われ、フロントエンド・オペレーションの最先端が話し合われるカンファレンス", 83 | "zh": "A 2-day conference in San Francisco dedicated to the emerging discipline of front end operations." 84 | } 85 | }, 86 | 87 | { 88 | "name": "ColdFront", 89 | "permalink": "http://coldfrontconf.com/", 90 | "img": "https://pbs.twimg.com/profile_images/463385836340269056/wspCZk1e_200x200.png", 91 | "description": { 92 | "en": "ColdFront is a one-day front-end conference in Copenhagen.", 93 | "es": "Coldfront es una conferencia de front-end de un día en Copenhague.", 94 | "pt": "ColdFront é uma conferência de front-end de um dia em Copenhague.", 95 | "de": "Coldfront ist ein Ein-Tages-Front-End-Konferenz in Kopenhagen.", 96 | "fr": "ColdFront est une conférence front-end d'une journée à Copenhague.", 97 | "pl": "ColdFront jest jednodniowa czołowy konferencja w Kopenhadze.", 98 | "nl": "Coldfront is een eendaagse front-end conferentie in Kopenhagen.", 99 | "jp": "コペンハーゲンにて開催される、一日限りのフロントエンド・カンファレンス", 100 | "zh": "ColdFront is a one-day front-end conference in Copenhagen." 101 | } 102 | } 103 | ] 104 | -------------------------------------------------------------------------------- /data/cool-people.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Addy Osmani", 4 | "site": "http://addyosmani.com/", 5 | "twitter": { 6 | "user": "addyosmani", 7 | "img": "https://pbs.twimg.com/profile_images/725034709533728770/ZVaJZ_tu_200x200.jpg" 8 | }, 9 | "tags": ["JavaScript"] 10 | }, 11 | 12 | { 13 | "name": "Alex Sexton", 14 | "site": "http://alexsexton.com/", 15 | "twitter": { 16 | "user": "SlexAxton", 17 | "img": "https://pbs.twimg.com/profile_images/653393861453045760/6paq641-_200x200.jpg" 18 | }, 19 | "tags": ["CSS", "JavaScript"] 20 | }, 21 | 22 | { 23 | "name": "Angelina Fabbro", 24 | "site": "http://realityhacking.net/", 25 | "twitter": { 26 | "user": "hopefulcyborg", 27 | "img": "https://pbs.twimg.com/profile_images/599701328181465088/zXbE5ber_200x200.jpg" 28 | }, 29 | "tags": ["JavaScript"] 30 | }, 31 | 32 | { 33 | "name": "Angus Croll", 34 | "site": "http://anguscroll.com/", 35 | "twitter": { 36 | "user": "angustweets", 37 | "img": "https://pbs.twimg.com/profile_images/723525234972708864/jzL7e8fn_200x200.jpg" 38 | }, 39 | "tags": ["JavaScript"] 40 | }, 41 | 42 | { 43 | "name": "Axel Rauschmayer", 44 | "site": "http://rauschma.de/", 45 | "twitter": { 46 | "user": "rauschma", 47 | "img": "https://pbs.twimg.com/profile_images/467581434434453504/iFzELOBn_200x200.jpeg" 48 | }, 49 | "tags": ["JavaScript"] 50 | }, 51 | 52 | { 53 | "name": "Ben Alman", 54 | "site": "http://benalman.com/", 55 | "twitter": { 56 | "user": "cowboy", 57 | "img": "https://pbs.twimg.com/profile_images/607140403586998273/e9wUP6dG_200x200.jpg" 58 | }, 59 | "tags": ["JavaScript"] 60 | }, 61 | 62 | { 63 | "name": "Brad Frost", 64 | "site": "http://bradfrostweb.com/", 65 | "twitter": { 66 | "user": "brad_frost", 67 | "img": "https://pbs.twimg.com/profile_images/499941427820769281/8tYwgR5r_200x200.png" 68 | }, 69 | "tags": ["Mobile"] 70 | }, 71 | 72 | { 73 | "name": "Chris Coyier", 74 | "site": "http://css-tricks.com/", 75 | "twitter": { 76 | "user": "chriscoyier", 77 | "img": "https://pbs.twimg.com/profile_images/778921008979935232/5m0hKrUC_200x200.jpg" 78 | }, 79 | "tags": ["CSS"] 80 | }, 81 | 82 | { 83 | "name": "Christian Heilmann", 84 | "site": "http://christianheilmann.com/", 85 | "twitter": { 86 | "user": "codepo8", 87 | "img": "https://pbs.twimg.com/profile_images/1666904408/codepo8_200x200.png" 88 | }, 89 | "tags": ["JavaScript"] 90 | }, 91 | 92 | { 93 | "name": "Cody Lindley", 94 | "site": "http://www.codylindley.com/", 95 | "twitter": { 96 | "user": "codylindley", 97 | "img": "https://pbs.twimg.com/profile_images/777575410800349184/uB0xxQ9I_200x200.jpg" 98 | }, 99 | "tags": ["JavaScript"] 100 | }, 101 | 102 | { 103 | "name": "David Walsh", 104 | "site": "http://davidwalsh.name/", 105 | "twitter": { 106 | "user": "davidwalshblog", 107 | "img": "https://pbs.twimg.com/profile_images/797088046965342208/cQUzXSPm_200x200.jpg" 108 | }, 109 | "tags": ["CSS", "JavaScript"] 110 | }, 111 | 112 | { 113 | "name": "Elijah Manor", 114 | "site": "http://www.elijahmanor.com/", 115 | "twitter": { 116 | "user": "elijahmanor", 117 | "img": "https://pbs.twimg.com/profile_images/705878000538144773/R9ebC-EA_200x200.jpg" 118 | }, 119 | "tags": ["JavaScript"] 120 | }, 121 | 122 | { 123 | "name": "Eric Bidelman", 124 | "site": "https://plus.google.com/u/0/+EricBidelman/about", 125 | "twitter": { 126 | "user": "ebidel", 127 | "img": "https://pbs.twimg.com/profile_images/773680193315610624/UvQsX9TB_200x200.jpg" 128 | }, 129 | "tags": ["HTML", "CSS", "JavaScript"] 130 | }, 131 | 132 | { 133 | "name": "Estelle Weyl", 134 | "site": "http://www.standardista.com/", 135 | "twitter": { 136 | "user": "standardista", 137 | "img": "https://pbs.twimg.com/profile_images/744899510/avatar_200x200.png" 138 | }, 139 | "tags": ["HTML", "CSS"] 140 | }, 141 | 142 | { 143 | "name": "Hakim El Hattab", 144 | "site": "http://hakim.se/", 145 | "twitter": { 146 | "user": "hakimel", 147 | "img": "https://pbs.twimg.com/profile_images/778161011455041537/IuHmMJKO_200x200.jpg" 148 | }, 149 | "tags": ["HTML", "CSS", "JavaScript"] 150 | }, 151 | 152 | { 153 | "name": "Hugo Giraudel", 154 | "site": "http://hugogiraudel.com/", 155 | "twitter": { 156 | "user": "HugoGiraudel", 157 | "img": "https://pbs.twimg.com/profile_images/763380328316694528/QI6mgUbU_200x200.jpg" 158 | }, 159 | "tags": ["CSS"] 160 | }, 161 | 162 | { 163 | "name": "Ilya Grigorik", 164 | "site": "http://www.igvita.com/", 165 | "twitter": { 166 | "user": "igrigorik", 167 | "img": "https://pbs.twimg.com/profile_images/458689841186611200/SMmZLt2Y_200x200.jpeg" 168 | }, 169 | "tags": ["Performance"] 170 | }, 171 | 172 | { 173 | "name": "Jake Archibald", 174 | "site": "http://jakearchibald.com/", 175 | "twitter": { 176 | "user": "jaffathecake", 177 | "img": "https://pbs.twimg.com/profile_images/1695239906/me_200x200.jpg" 178 | }, 179 | "tags": ["HTML", "CSS", "JavaScript"] 180 | }, 181 | 182 | { 183 | "name": "John Resig", 184 | "site": "http://ejohn.org/", 185 | "twitter": { 186 | "user": "jeresig", 187 | "img": "https://pbs.twimg.com/profile_images/709460796259041281/TE5YLrp6_200x200.jpg" 188 | }, 189 | "tags": ["JavaScript"] 190 | }, 191 | 192 | { 193 | "name": "Kyle Simpson", 194 | "site": "http://getify.me/", 195 | "twitter": { 196 | "user": "getify", 197 | "img": "https://pbs.twimg.com/profile_images/797273942847209473/9tBv2Ixk_200x200.jpg" 198 | }, 199 | "tags": ["JavaScript"] 200 | }, 201 | 202 | { 203 | "name": "Lea Verou", 204 | "site": "http://lea.verou.me/", 205 | "twitter": { 206 | "user": "leaverou", 207 | "img": "https://pbs.twimg.com/profile_images/584963092120899586/TxkxQ7Y5_200x200.png" 208 | }, 209 | "tags": ["CSS", "JavaScript"] 210 | }, 211 | 212 | { 213 | "name": "Luke Wroblewski", 214 | "site": "http://www.lukew.com/", 215 | "twitter": { 216 | "user": "lukew", 217 | "img": "https://pbs.twimg.com/profile_images/477610446917103616/_cjU3_ga_200x200.png" 218 | }, 219 | "tags": ["Mobile"] 220 | }, 221 | 222 | { 223 | "name": "Mathias Bynens", 224 | "site": "https://mathiasbynens.be/", 225 | "twitter": { 226 | "user": "mathias", 227 | "img": "https://pbs.twimg.com/profile_images/1255767431/kung-fu_200x200.jpg" 228 | }, 229 | "tags": ["HTML", "CSS", "JavaScript"] 230 | }, 231 | 232 | { 233 | "name": "Nicholas C. Zakas", 234 | "site": "http://www.nczonline.net/", 235 | "twitter": { 236 | "user": "slicknet", 237 | "img": "https://pbs.twimg.com/profile_images/637638517770752000/tejK-Ehv_200x200.jpg" 238 | }, 239 | "tags": ["JavaScript"] 240 | }, 241 | 242 | { 243 | "name": "Nicolas Gallagher", 244 | "site": "http://nicolasgallagher.com/", 245 | "twitter": { 246 | "user": "necolas", 247 | "img": "https://pbs.twimg.com/profile_images/529444560179449857/eKdCJhvp_200x200.jpeg" 248 | }, 249 | "tags": ["HTML", "CSS"] 250 | }, 251 | 252 | { 253 | "name": "Nicole Sullivan", 254 | "site": "http://www.stubbornella.org/", 255 | "twitter": { 256 | "user": "stubbornella", 257 | "img": "https://pbs.twimg.com/profile_images/796069133926350848/Gk12QrZC_200x200.jpg" 258 | }, 259 | "tags": ["CSS"] 260 | }, 261 | 262 | { 263 | "name": "Paul Irish", 264 | "site": "http://paulirish.com/", 265 | "twitter": { 266 | "user": "paul_irish", 267 | "img": "https://pbs.twimg.com/profile_images/420826194083213312/CP1RmLa3_200x200.jpeg" 268 | }, 269 | "tags": ["JavaScript"] 270 | }, 271 | 272 | { 273 | "name": "Rebecca Murphey", 274 | "site": "http://rmurphey.com/", 275 | "twitter": { 276 | "user": "rmurphey", 277 | "img": "https://pbs.twimg.com/profile_images/504070124509229056/6t-MUDgL_200x200.jpeg" 278 | }, 279 | "tags": ["JavaScript"] 280 | }, 281 | 282 | { 283 | "name": "Sara Soueidan", 284 | "site": "http://sarasoueidan.com/", 285 | "twitter": { 286 | "user": "SaraSoueidan", 287 | "img": "https://pbs.twimg.com/profile_images/758342601770672128/eUKaqXK4_200x200.jpg" 288 | }, 289 | "tags": ["CSS"] 290 | }, 291 | 292 | { 293 | "name": "Sindre Sorhus", 294 | "site": "http://sindresorhus.com", 295 | "twitter": { 296 | "user": "sindresorhus", 297 | "img": "http://gravatar.com/avatar/d36a92237c75c5337c17b60d90686bf9.png?s=200" 298 | }, 299 | "tags": ["JavaScript"] 300 | }, 301 | 302 | { 303 | "name": "Steve Souders", 304 | "site": "http://stevesouders.com/", 305 | "twitter": { 306 | "user": "souders", 307 | "img": "https://pbs.twimg.com/profile_images/2029465935/4089930308-closeup-219x281_200x200.jpg" 308 | }, 309 | "tags": ["Performance"] 310 | }, 311 | 312 | { 313 | "name": "Thomas Fuchs", 314 | "site": "http://mir.aculo.us/", 315 | "twitter": { 316 | "user": "thomasfuchs", 317 | "img": "https://pbs.twimg.com/profile_images/767372427026464768/5Prq7opQ_200x200.jpg" 318 | }, 319 | "tags": ["JavaScript"] 320 | }, 321 | 322 | { 323 | "name": "Zeno Rocha", 324 | "site": "http://zenorocha.com/", 325 | "twitter": { 326 | "user": "zenorocha", 327 | "img": "https://pbs.twimg.com/profile_images/472461686071246848/NCdcpl65_200x200.jpeg" 328 | }, 329 | "tags": ["HTML", "CSS", "JavaScript"] 330 | }, 331 | 332 | { 333 | "name": "Todd Motto", 334 | "site": "http://toddmotto.com", 335 | "twitter": { 336 | "user": "toddmotto", 337 | "img": "https://www.mozio.com/images/marketing/people/todd_motto.jpg" 338 | }, 339 | "tags": ["JavaScript", "Angular", "React"] 340 | } 341 | ] 342 | -------------------------------------------------------------------------------- /data/podcasts.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Shoptalk", 4 | "permalink": "http://shoptalkshow.com/", 5 | "img": "https://pbs.twimg.com/profile_images/2528496090/0749kla567npyi53bhse_200x200.jpeg", 6 | "description": { 7 | "en": "A podcast about front end web design, development and UX.", 8 | "es": "Un podcast sobre diseño web front-end, desarrollo y Experiencia de Usuario.", 9 | "pt": "Um podcast sobre front-end e web design, desenvolvimento e UX.", 10 | "de": "Ein Podcast über Front-End Webdesign, Entwicklung und UX.", 11 | "fr": "Un podcast sur le design web front-end, le développement et l'UX (User eXperience).", 12 | "pl": "Podkast o front-end, web design, development i UX.", 13 | "nl": "Een praatprogramma over front end, webdesign, ontwikkeling en gebruikerservaringen.", 14 | "jp": "フロントエンド・ウェブ・デザイン／開発／UXに関するポッドキャスト", 15 | "zh": "A podcast about front end web design, development and UX." 16 | } 17 | }, 18 | 19 | { 20 | "name": "The Hanselminutes", 21 | "permalink": "http://hanselminutes.com/", 22 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 23 | "description": { 24 | "en": "Hanselminutes Podcast is \"Fresh Air\" for developers.", 25 | "es": "Hanselminutes Podcast es \"Aire fresco\" para desarrolladores.", 26 | "pt": "O podcast Hanselminutes é como respirar \"ar fresco\" para desenvolvedores.", 27 | "de": "Hanselminutes Podcast ist \"Frische Luft\" für Entwickler.", 28 | "fr": "Le podcast de Hanselminutes est un \"bold d'air\" pour les développeurs.", 29 | "pl": "Hanselminutes Podcast jest \"Świerzym powietrzem\" dla developerów.", 30 | "nl": "Hanselminutes praatpragramma is \"Frisse lucht\" voor ontwikkelaars.", 31 | "jp": "\"Fresh Air\"（アメリカの有名なラジオ・トーク・ショー）のディベロッパー版、と言えるポッドキャスト", 32 | "zh": "Hanselminutes Podcast is \"Fresh Air\" for developers." 33 | } 34 | }, 35 | 36 | { 37 | "name": "The Big Web Show", 38 | "permalink": "http://5by5.tv/bigwebshow", 39 | "img": "https://pbs.twimg.com/profile_images/822846090/bigwebshow_200x200.png", 40 | "description": { 41 | "en": "The award winning Big Web Show features special guests and topics. It's everything web that matters.", 42 | "es": "The award winning Big Web Show features special guests and topics. It's everything web that matters.", 43 | "pt": "The award winning Big Web Show features special guests and topics. It's everything web that matters.", 44 | "de": "The award winning Big Web Show features special guests and topics. It's everything web that matters.", 45 | "fr": "Le Big Web Show, plusieurs fois récompensés, présente des invités spéciaux et des sujets. Il aborde tout ce qui compte dans le monde du web.", 46 | "pl": "Zdobywący nagrody 'Big Web Show' przedstawia specialnych gości i tematy. Wszystko o web, co ma znaczenie.", 47 | "nl": "The award winning Big Web Show features special guests and topics. It's everything web that matters.", 48 | "jp": "受賞歴もあるBig Web Showでは、特別ゲストやトピックを通して、ウェブについて欠かせない話題が提供されます", 49 | "zh": "The award winning Big Web Show features special guests and topics. It's everything web that matters." 50 | } 51 | }, 52 | 53 | { 54 | "name": "JavaScript Jabber", 55 | "permalink": "http://javascriptjabber.com/", 56 | "img": "https://pbs.twimg.com/profile_images/466952257766825984/7UIaZgyJ_200x200.jpeg", 57 | "description": { 58 | "en": "A weekly podcast discussing the superb language JavaScript.", 59 | "es": "Un podcast semanal de discusión sobre el magnífico lenguaje JavaScript.", 60 | "pt": "Um podcast semanal que discute sobre a linguagem JavaScript.", 61 | "de": "Ein wöchentlicher Podcast, der die herrliche Sprache JavaScript diskutiert.", 62 | "fr": "Un podcast hebdomadaire à propos du superbe langage JavaScript.", 63 | "pl": "Tygodniowy podkast omawiający wspaniały język JavaScript.", 64 | "nl": "Een wekelijks praatprogramma dat de prachtige programmeertaal JavaScript bespreekt.", 65 | "jp": "優秀な言語としてのJavaScriptを話し合う、週刊ポッドキャスト", 66 | "zh": "A weekly podcast discussing the superb language JavaScript." 67 | } 68 | }, 69 | 70 | { 71 | "name": "The Web Ahead", 72 | "permalink": "http://5by5.tv/webahead", 73 | "img": "https://pbs.twimg.com/profile_images/562360218202279936/T-zphgwI_200x200.jpeg", 74 | "description": { 75 | "en": "A weekly podcast about changing technologies and the future of the web.", 76 | "es": "Un podcast semanal sobre el cambio de las tecnologías y el futuro de internet.", 77 | "pt": "Um podcast semanal sobre a adesão de tecnologias e o futuro da web.", 78 | "de": "Ein wöchentlicher Podcast über sich-verändernde Technologien und die Zukunft des Webs.", 79 | "fr": "Un podcast hebdomadaire sur les changements technologiques et le futur du web.", 80 | "pl": "Tygodniowy podkast o zmieniających się technologiach i przyszłości sieci.", 81 | "nl": "Een wekelijks praatprogramma over veranderende technieken en de toekomst van het web.", 82 | "jp": "変わりゆく技術とウェブの未来を話し合う、週刊ポッドキャスト", 83 | "zh": "A weekly podcast about changing technologies and the future of the web." 84 | } 85 | }, 86 | 87 | { 88 | "name": "Five Minutes of JS", 89 | "permalink": "https://fivejs.codeschool.com/", 90 | "img": "https://pbs.twimg.com/profile_images/378800000862825347/05g33ckG_200x200.png", 91 | "description": { 92 | "en": "The latest news in the JavaScript community.", 93 | "es": "The latest news in the JavaScript community.", 94 | "pt": "The latest news in the JavaScript community.", 95 | "de": "The latest news in the JavaScript community.", 96 | "fr": "The latest news in the JavaScript community.", 97 | "pl": "The latest news in the JavaScript community.", 98 | "nl": "The latest news in the JavaScript community.", 99 | "jp": "The latest news in the JavaScript community.", 100 | "zh": "The latest news in the JavaScript community." 101 | } 102 | }, 103 | 104 | { 105 | "name": "Responsive Web Design Podcast", 106 | "permalink": "http://responsivewebdesign.com/podcast/", 107 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 108 | "description": { 109 | "en": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 110 | "es": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 111 | "pt": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 112 | "de": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 113 | "fr": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 114 | "pl": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 115 | "nl": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 116 | "jp": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep.", 117 | "zh": "A Responsive Web Design Podcast, co-hosted by @karenmcgrane and @beep." 118 | } 119 | } 120 | ] 121 | -------------------------------------------------------------------------------- /data/weekly.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Open Web Platform Daily Digest", 4 | "permalink": "http://webplatformdaily.org/", 5 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 6 | "description": { 7 | "en": "Provides daily content about W3C, HTML, CSS, JavaScript, the Web APIs, web browsers.", 8 | "es": "Contenido diario sobre W3C, HTML, CSS, JavaScript, las APIs de internet, y navegadores de internet.", 9 | "pt": "Fornece diariamente conteúdos sobre W3C, HTML, CSS, Javascript, API's e navegadores.", 10 | "de": "Bietet täglich Inhalte über W3C, HTML, CSS, JavaScript, Web APIs, Web-Browser.", 11 | "fr": "Fournit du contenu quotidien sur le W3C, HTML, CSS, JavaScript, les API Web et les navigateurs web.", 12 | "pl": "Dostarcza dzienną dawkę informacji o W3C, HTML, CSS, JavaScript, API i przeglądarkach internetowych.", 13 | "nl": "Biedt dagelijks informatie over W3C, HTML, CSS, JavaScript, Web APIs en web browsers.", 14 | "jp": "W3C、HTML、CSS、JavaScript、Web API、ウェブ・ブラウザに関する話題を毎日配信", 15 | "zh": "Provides daily content about W3C, HTML, CSS, JavaScript, the Web APIs, web browsers." 16 | } 17 | }, 18 | 19 | { 20 | "name": "Web Design Weekly", 21 | "permalink": "http://web-design-weekly.com/", 22 | "img": "https://pbs.twimg.com/profile_images/445699433380864000/oD7qEyNB_200x200.png", 23 | "description": { 24 | "en": "Pure awesome links to the best news and articles to hit the interweb during the week.", 25 | "es": "Maravillosos vínculos a las mejores noticias y artículos para la semana.", 26 | "pt": "Excelentes links com as melhores notícias e artigos da web durante a semana.", 27 | "de": "Einfach großartige Links zu den besten News und Artikeln, die das Web über die Woche gesehen hat.", 28 | "fr": "Liens les plus intéressants sur les meilleures nouvelles et articles au cours de la semaine.", 29 | "pl": "Linki do najlepszych newsów i artykułów które pojawiły się w sieci w ciągu tygodnia.", 30 | "nl": "Te gekke links naar de beste ontwikkelingen en artikelen die wekelijks op het interweb belanden.", 31 | "jp": "目先一週間でネットで話題となるであろう、選りすぐりのニュースや記事へのリンク", 32 | "zh": "Pure awesome links to the best news and articles to hit the interweb during the week." 33 | } 34 | }, 35 | 36 | { 37 | "name": "CSS Weekly", 38 | "permalink": "http://css-weekly.com/", 39 | "img": "https://pbs.twimg.com/profile_images/452743711164612608/bj6SfALS_200x200.png", 40 | "description": { 41 | "en": "Roundup of css articles, tutorials, experiments and tools.", 42 | "es": "Resumén de artículos de CSS, tutoriales, experimentos y herramientas.", 43 | "pt": "Resumo de artigos de CSS, tutoriais, experimentos e ferramentas.", 44 | "de": "Zusammenstellung von CSS Artikeln, Anleitungen, Experimenten und Tools.", 45 | "fr": "Résumés d'articles sur les css, tutoriels, expérimentations et outils.", 46 | "pl": "Przegląd artykułów o CSS - tutoriali, eksperymentów i narzędzi.", 47 | "nl": "Collectie van css artikelen, handleidingen, experimenten en gereedschappen.", 48 | "jp": "CSSに関する記事やチュートリアル、実験、ツールのまとめ", 49 | "zh": "Roundup of css articles, tutorials, experiments and tools." 50 | } 51 | }, 52 | 53 | { 54 | "name": "FrontEnd Focus", 55 | "permalink": "http://frontendfocus.co/", 56 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 57 | "description": { 58 | "en": "Round-up of HTML5 and browser technology news and links.", 59 | "es": "Resumén de HTML5 y novedades y links de teconologías del navegador.", 60 | "pt": "Resumo de HTML5, tecnologias de navegador e links.", 61 | "de": "Zusammenstellung von Neuigkeiten und Links zu HTML5 und Browsertechnologien.", 62 | "fr": "Tour d'horizon des derniers liens et nouveautés HTML5 et navigateurs web.", 63 | "pl": "Przegląd nowości i linków o HTML5 i technologiach przeglądarek.", 64 | "nl": "Collectie van nieuws en links over HTML5 and browserontwikkelingen.", 65 | "jp": "HYTML5やブラウザ技術に関するニュースやリンク集", 66 | "zh": "Round-up of HTML5 and browser technology news and links." 67 | } 68 | }, 69 | 70 | { 71 | "name": "Responsive Design Newsletter", 72 | "permalink": "http://responsivedesignweekly.com/", 73 | "img": "https://pbs.twimg.com/profile_images/2305896960/k6ksev6zphq2cwcnk5wr_200x200.png", 74 | "description": { 75 | "en": "Round-up of responsive design articles, tools, tips, tutorials and inspirational links.", 76 | "es": "Resumen de artículos de diseño responsive, herramientas, consejos, tutoriales y vínculos inspiradores.", 77 | "pt": "Resumo de artigos sobre design responsivo, ferramentas, dicas, tutoriais e links inspiracionais.", 78 | "de": "Zusammenstellung von Artikeln, Tools, Tipps, Anleitungen und Inspirationen zu Responsive Design.", 79 | "fr": "Tour d'horizon d'articles sur le \"responsive design\", des outils, des astuces, des tutoriels et d'autres liens intéressants.", 80 | "pl": "Przegląd artykułów o płynnym designie, narzędzia, wskazówki, tutoriale i inspirujące linki.", 81 | "nl": "Collectie van 'responsive design' artikelen, gereedschappen, tips, handleidingen en inspirerende links.", 82 | "jp": "レスポンシブ・デザインに関する記事やツール、役立つ情報、チュートリアル、次へのヒントとなるリンク集", 83 | "zh": "Round-up of responsive design articles, tools, tips, tutorials and inspirational links." 84 | } 85 | }, 86 | 87 | { 88 | "name": "JavaScript Weekly", 89 | "permalink": "http://javascriptweekly.com/", 90 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 91 | "description": { 92 | "en": "A free, once–weekly e-mail round-up of JavaScript news and articles.", 93 | "es": "Un correo electrónico gratuito y semanal con un resumen de novedades y artículos de JavaScript.", 94 | "pt": "Um resumo semanal de notícias de JavaScript e artigos.", 95 | "de": "Eine kostenlose, wöchentliche Zusammenstellung per E-Mail zu JavaScript Neuigkeiten und Artikeln.", 96 | "fr": "Une compilation hebdomadaire par mail de nouvelles et d'articles sur JavaScript.", 97 | "pl": "Bezpłatny, tygodniowy email z przeglądem nowości i artykułów o JavaScript.", 98 | "nl": "Een gratis, wekelijkse e-mail, met een collectie van JavaScript nieuws en artikelen.", 99 | "jp": "JavaScriptに関するニュースや記事を週に一度配信", 100 | "zh": "A free, once–weekly e-mail round-up of JavaScript news and articles." 101 | } 102 | }, 103 | 104 | { 105 | "name": "Front-end Rapport", 106 | "permalink": "http://tinyletter.com/front-end-rapport", 107 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 108 | "description": { 109 | "en": "Weekly front-end news and updates from the Lullabot team.", 110 | "es": "Noticias front-end Semanal y actualizaciones del equipo Lullabot.", 111 | "pt": "Weekly notícias front-end e atualizações da equipe Lullabot.", 112 | "de": "Wochen Front-End- News und Updates aus dem Lullabot Team.", 113 | "fr": "De nouvelles hebdomadaire front-end et les mises à jour de l'équipe de Lullabot.", 114 | "pl": "Weekly News czołowy i aktualizacje z zespołu Lullabot.", 115 | "nl": "Wekelijkse front-end nieuws en updates van de Lullabot team.", 116 | "jp": "Lullabotが、フロントエンドに関するニュースを週に一度配信", 117 | "zh": "Weekly front-end news and updates from the Lullabot team." 118 | } 119 | }, 120 | 121 | { 122 | "name": "A Drip of JavaScript", 123 | "permalink": "http://adripofjavascript.com/", 124 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 125 | "description": { 126 | "en": "One quick JavaScript tip, delivered to your inbox every other week.", 127 | "es": "One quick JavaScript tip, delivered to your inbox every other week.", 128 | "pt": "One quick JavaScript tip, delivered to your inbox every other week.", 129 | "de": "One quick JavaScript tip, delivered to your inbox every other week.", 130 | "fr": "One quick JavaScript tip, delivered to your inbox every other week.", 131 | "pl": "One quick JavaScript tip, delivered to your inbox every other week.", 132 | "nl": "One quick JavaScript tip, delivered to your inbox every other week.", 133 | "jp": "One quick JavaScript tip, delivered to your inbox every other week.", 134 | "zh": "One quick JavaScript tip, delivered to your inbox every other week." 135 | } 136 | }, 137 | 138 | { 139 | "name": "Mobile Web Weekly", 140 | "permalink": "http://mobilewebweekly.co/", 141 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 142 | "description": { 143 | "en": "Releases, articles, and links that affect developers working on the mobile Web.", 144 | "es": "Releases, articles, and links that affect developers working on the mobile Web.", 145 | "pt": "Releases, articles, and links that affect developers working on the mobile Web.", 146 | "de": "Releases, articles, and links that affect developers working on the mobile Web.", 147 | "fr": "Releases, articles, and links that affect developers working on the mobile Web.", 148 | "pl": "Releases, articles, and links that affect developers working on the mobile Web.", 149 | "nl": "Releases, articles, and links that affect developers working on the mobile Web.", 150 | "jp": "Releases, articles, and links that affect developers working on the mobile Web.", 151 | "zh": "Releases, articles, and links that affect developers working on the mobile Web." 152 | } 153 | }, 154 | 155 | { 156 | "name": "Web Development Reading List", 157 | "permalink": "https://wdrl.info/", 158 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 159 | "description": { 160 | "en": "A handcrafted, carefully selected list of web development related resources.", 161 | "es": "A handcrafted, carefully selected list of web development related resources.", 162 | "pt": "A handcrafted, carefully selected list of web development related resources.", 163 | "de": "A handcrafted, carefully selected list of web development related resources.", 164 | "fr": "A handcrafted, carefully selected list of web development related resources.", 165 | "pl": "A handcrafted, carefully selected list of web development related resources.", 166 | "nl": "A handcrafted, carefully selected list of web development related resources.", 167 | "jp": "A handcrafted, carefully selected list of web development related resources.", 168 | "zh": "A handcrafted, carefully selected list of web development related resources." 169 | } 170 | }, 171 | 172 | { 173 | "name": "Web Operations Weekly", 174 | "permalink": "http://webopsweekly.com/", 175 | "img": "https://uptodate.pazguille.me/src/assets/no-image.png", 176 | "description": { 177 | "en": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 178 | "es": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 179 | "pt": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 180 | "de": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 181 | "fr": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 182 | "pl": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 183 | "nl": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 184 | "jp": "A weekly newsletter on Web operations, infrastructure, performance and tooling.", 185 | "zh": "A weekly newsletter on Web operations, infrastructure, performance and tooling." 186 | } 187 | }, 188 | 189 | { 190 | "name": "Web Tools Weekly", 191 | "permalink": "http://webtoolsweekly.com/", 192 | "img": "https://s-media-cache-ak0.pinimg.com/136x136/cd/55/a8/cd55a81843ee7429a94b6241d7c288ec.jpg", 193 | "description": { 194 | "en": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 195 | "es": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 196 | "pt": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 197 | "de": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 198 | "fr": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 199 | "pl": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 200 | "nl": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 201 | "jp": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools.", 202 | "zh": "Web Tools Weekly is a front-end development and web design newsletter with a focus on tools." 203 | } 204 | } 205 | 206 | ] 207 | -------------------------------------------------------------------------------- /languages.json: -------------------------------------------------------------------------------- 1 | { 2 | "en": "English", 3 | "es": "Español", 4 | "pt": "Português", 5 | "de": "Deutsch", 6 | "fr": "Français", 7 | "pl": "Polski", 8 | "nl": "Nederlands", 9 | "he": "Hebrew", 10 | "jp": "日本語", 11 | "zh": "汉语" 12 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "keep-up-to-date", 3 | "version": "2.0.0", 4 | "description": "How to keep up to date on Front-end Technologies? - The Recipe", 5 | "homepage": "http://uptodate.pazguille.me", 6 | "author": "@frontend-rescue", 7 | "contributors": [ 8 | { 9 | "name": "Guille Paz", 10 | "email": "guille87paz@gmail.com" 11 | }, 12 | { 13 | "name": "Her Mammana", 14 | "email": "hernanmammana@gmail.com" 15 | }, 16 | { 17 | "name": "Lean Linares", 18 | "email": "lean8086@gmail.com" 19 | } 20 | ], 21 | "scripts": { 22 | "dev": "npm run build && npm run server", 23 | "build": "make build", 24 | "watch": "node ./watch.js", 25 | "server": "cd build/; python -m SimpleHTTPServer 3000;" 26 | }, 27 | "repository": { 28 | "type": "git", 29 | "url": "https://github.com/frontend-rescue/keep-up-to-date" 30 | }, 31 | "devDependencies": { 32 | "chokidar": "^1.0.0-rc5", 33 | "colors": "^1.0.3", 34 | "grunt": "^0.4.5", 35 | "grunt-cli": "^1.2.0", 36 | "grunt-contrib-clean": "^0.6.0", 37 | "grunt-contrib-copy": "^0.7.0", 38 | "grunt-contrib-cssmin": "^0.10.0", 39 | "grunt-contrib-htmlmin": "^0.4.0", 40 | "grunt-wintersmith-compile": "^0.1.1", 41 | "moment": "^2.10.6", 42 | "wintersmith": "^2.1.0" 43 | }, 44 | "license": "MIT" 45 | } 46 | -------------------------------------------------------------------------------- /src/assets/attend.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/attend.png -------------------------------------------------------------------------------- /src/assets/border-wave-footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/border-wave-footer.png -------------------------------------------------------------------------------- /src/assets/border-wave.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/border-wave.png -------------------------------------------------------------------------------- /src/assets/chef.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/chef.png -------------------------------------------------------------------------------- /src/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/favicon.ico -------------------------------------------------------------------------------- /src/assets/find-sources-misc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/find-sources-misc.png -------------------------------------------------------------------------------- /src/assets/find-sources.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/find-sources.png -------------------------------------------------------------------------------- /src/assets/follow-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/follow-arrow.png -------------------------------------------------------------------------------- /src/assets/follow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/follow.png -------------------------------------------------------------------------------- /src/assets/footer-triangle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/footer-triangle.png -------------------------------------------------------------------------------- /src/assets/generic-triangle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/generic-triangle.png -------------------------------------------------------------------------------- /src/assets/kitchen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/kitchen.png -------------------------------------------------------------------------------- /src/assets/no-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/no-image.png -------------------------------------------------------------------------------- /src/assets/own-sources.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/own-sources.png -------------------------------------------------------------------------------- /src/assets/the-recipe-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-rescue/keep-up-to-date/ed358f7029e4a73309c273eb447ec867a0f781a5/src/assets/the-recipe-text.png -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Global 3 | */ 4 | 5 | body { 6 | font: 100%/1.4em "Helvetica Neue", "Helvetica", "Arial", sans-serif; 7 | color: #333333; 8 | -webkit-text-size-adjust: none; 9 | } 10 | 11 | textarea[contenteditable] { 12 | -webkit-appearance: none; 13 | } 14 | 15 | ul, 16 | ol { 17 | list-style-position: inside; 18 | margin: 0; 19 | padding: 0; 20 | } 21 | 22 | img, 23 | object, 24 | video { 25 | max-width: 100%; 26 | vertical-align: middle; 27 | } 28 | 29 | hr { 30 | border: none; 31 | border-bottom: 1px solid #CCC; 32 | } 33 | 34 | /** 35 | * Helpers 36 | */ 37 | .user-no-select { 38 | -o-user-select: none; 39 | -ms-user-select: none; 40 | -moz-user-select: none; 41 | -webkit-user-select: none; 42 | user-select: none; 43 | } 44 | 45 | .ellipsis { 46 | overflow: hidden; 47 | text-overflow: ellipsis; 48 | white-space: nowrap; 49 | } 50 | 51 | .hide { 52 | display: none; 53 | } 54 | 55 | .hidden { 56 | visibility: hidden; 57 | } 58 | 59 | .invisible { 60 | border: 0; 61 | clip: rect(0 0 0 0); 62 | height: 1px; 63 | margin: -1px; 64 | overflow: hidden; 65 | padding: 0; 66 | position: absolute; 67 | width: 1px; 68 | } 69 | /* 70 | * Anchors 71 | */ 72 | a, 73 | a:visited { 74 | color: #EB7106; 75 | text-decoration: none; 76 | } 77 | 78 | a:hover { 79 | color: #EB7106 !important; 80 | background-color: #1A171B; 81 | text-decoration: none; 82 | } 83 | 84 | a img { 85 | border: none; 86 | } 87 | 88 | /* 89 | * Paragraphs & Lists 90 | */ 91 | p, ol, ul { 92 | line-height: 1.5em; 93 | font-weight: 200; 94 | } 95 | 96 | /* 97 | * Headings 98 | */ 99 | 100 | h1, h2, h3, h4, h5, h6 { 101 | font-weight: bold; 102 | margin: 0.313em 0; 103 | line-height: 1em; 104 | } 105 | 106 | h1 { 107 | font-size: 3em; /* 48px */ 108 | } 109 | 110 | h2 { 111 | font-size: 2.188em; /* 35px */ 112 | } 113 | 114 | h3 { 115 | font-size: 1.750em; /* 28px */ 116 | } 117 | 118 | h4 { 119 | font-size: 1.313em; /* 21px */ 120 | } 121 | 122 | h5 { 123 | font-size: 1.125em; /* 18px */ 124 | } 125 | 126 | h6 { 127 | font-size: 1em; /* 16px */ 128 | } -------------------------------------------------------------------------------- /src/css/how.css: -------------------------------------------------------------------------------- 1 | a, 2 | a:visited { 3 | color: #EB7106; 4 | } 5 | 6 | a:hover { 7 | color: #EB7106 !important; 8 | background-color: #1A171B; 9 | text-decoration: none; 10 | } 11 | 12 | /* 13 | * Header 14 | */ 15 | .main-header { 16 | background-color: #E85D10; 17 | background-image: -webkit-linear-gradient(left, #E85D10 50%, #EB7106 50%); 18 | background-image: linear-gradient(90deg, #E85D10 50%, #EB7106 50%); 19 | background-size: 68px 100%; 20 | text-align: center; 21 | } 22 | 23 | /* 24 | * Logo 25 | */ 26 | .logo { 27 | text-transform: uppercase; 28 | color: #FFF; 29 | padding-top: 1em; 30 | padding-bottom: 1.2em; 31 | } 32 | 33 | .logo span { 34 | font-size: .33em; 35 | line-height: 1.5em; 36 | display: inline-block; 37 | margin-bottom: 2em; 38 | padding: 0 .75em; 39 | background-color: #1A171B; 40 | position: relative; 41 | color: #FAB800; 42 | letter-spacing: .05em; 43 | font-weight: 100; 44 | } 45 | 46 | .logo span:before, 47 | .logo span:after { 48 | content: ' '; 49 | position: absolute; 50 | top: .2em; 51 | border: .74em solid #1A171B; 52 | } 53 | 54 | .logo span:before { 55 | left: -1em; 56 | border-left-color: transparent; 57 | } 58 | 59 | .logo span:after { 60 | right: -1em; 61 | border-right-color: transparent; 62 | } 63 | 64 | .logo strong { 65 | font-size: .7em; 66 | display: block; 67 | font-weight: 400; 68 | margin: 0 auto; 69 | line-height: 1.1em; 70 | } 71 | 72 | .languages { 73 | position: absolute; 74 | top: 10px; 75 | left: 50%; 76 | width: 75px; 77 | padding: 0 10px; 78 | margin-left: -45px; 79 | z-index: 2; 80 | font-size: 0.813em; 81 | -webkit-border-radius: 3px; 82 | border-radius: 3px; 83 | letter-spacing: .5px; 84 | background: rgba(0, 0, 0, 0.2); 85 | border: 1px solid rgba(0, 0, 0, 0.1); 86 | text-align: center; 87 | } 88 | 89 | .languages-list { 90 | display: none; 91 | } 92 | 93 | .languages-list li { 94 | display: block; 95 | width: 100%; 96 | list-style: none; 97 | padding:0; 98 | margin:0; 99 | } 100 | 101 | .language-active, 102 | .languages-list li a { 103 | display: inline-block; 104 | width: 100%; 105 | height: 35px; 106 | line-height: 35px; 107 | cursor: pointer; 108 | font-weight: 200; 109 | color: #f5f5f5; 110 | } 111 | 112 | .languages-list li a:hover { 113 | background-color: rgba(0,0,0,.5); 114 | } 115 | 116 | .languages:hover { 117 | background: rgba(0,0,0,.8); 118 | padding-bottom: 5px; 119 | } 120 | 121 | .languages:hover .language-active { 122 | opacity: .5; 123 | } 124 | 125 | .languages:hover .languages-list { 126 | display: block; 127 | } 128 | 129 | /* 130 | * Shared 131 | */ 132 | .layout { 133 | width: 90%; 134 | max-width: 960px; 135 | margin: 0 auto; 136 | position: relative; 137 | } 138 | 139 | .summary, 140 | .section-step { 141 | position: relative; 142 | margin-top: -15px; 143 | border: 0; 144 | border-top: 22px solid transparent; 145 | } 146 | 147 | .section-title { 148 | padding: .5em 0; 149 | text-align: center; 150 | text-transform: uppercase; 151 | } 152 | 153 | .section-title:before { 154 | background-color: #1A171B; 155 | color: #fab800; 156 | width: 50px; 157 | height: 50px; 158 | text-align: center; 159 | display: block; 160 | font-size: 1em; 161 | font-weight: 900; 162 | line-height: 1.7em; 163 | border-radius: 100%; 164 | margin: 0 auto 15px; 165 | } 166 | 167 | .section-title span { 168 | font-weight: 200; 169 | } 170 | 171 | .box-follow { 172 | border-radius: .5em .2em .5em .2em; 173 | margin: 2em 2.5% 3em 2.5%; 174 | -moz-box-sizing: border-box; 175 | box-sizing: border-box; 176 | text-align: left; 177 | position: relative; 178 | vertical-align: top; 179 | min-height: 7em; 180 | padding: 5px 5px 5px 115px; 181 | border: solid 3px #1A171B; 182 | background-color: #fff; 183 | box-shadow: 3px 3px 0px #fab800 inset, 3px 3px 0px #fff; 184 | list-style: none; 185 | } 186 | 187 | html[dir="rtl"] .box-follow { 188 | padding: 5px 115px 5px 5px; 189 | text-align: right; 190 | } 191 | 192 | .best-blogs .box-follow { 193 | box-shadow: 3px 3px 0px #009798 inset, 3px 3px 0px #fff; 194 | } 195 | 196 | .best-weekly .box-follow { 197 | box-shadow: 3px 3px 0px #eb7108 inset, 3px 3px 0px #fff; 198 | } 199 | 200 | .best-podcasts .box-follow { 201 | box-shadow: 3px 3px 0px #FAB800 inset, 3px 3px 0px #fff; 202 | } 203 | 204 | .box-follow-medium p { 205 | font-size: 1.1em; 206 | line-height: 1.5em; 207 | } 208 | 209 | .box-follow-title { 210 | font-size: 1.2em; 211 | line-height: 1.3em; 212 | font-weight: 400; 213 | letter-spacing: .08em; 214 | overflow: hidden; 215 | text-overflow: ellipsis; 216 | white-space: nowrap; 217 | } 218 | 219 | .box-follow-avatar { 220 | display: block; 221 | position: absolute; 222 | top: -25px; 223 | left: 15px; 224 | border: solid 3px #1A171B; 225 | border-radius: .2em .7em .2em .5em; 226 | box-shadow: 3px 2px 0px #fff; 227 | padding: 3px 0 0 3px; 228 | background-color: #fff; 229 | } 230 | 231 | html[dir="rtl"] .box-follow-avatar { 232 | left: auto; 233 | right: 15px; 234 | } 235 | 236 | .box-follow-footer { 237 | position: absolute; 238 | background-color: #1A171B; 239 | bottom: -6px; 240 | right: -6px; 241 | left: 3px; 242 | padding: 0 .5em 0 8%; 243 | -moz-box-sizing: border-box; 244 | box-sizing: border-box; 245 | border-radius: 0 0 .5em .2em; 246 | color: #fff; 247 | } 248 | 249 | /* 250 | * Summary 251 | */ 252 | .recipe-ribbon { 253 | text-align: center; 254 | display: inline-block; 255 | color: #FFF; 256 | width: 90px; 257 | height: 90px; 258 | border-radius: 100%; 259 | background: #1A171B url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABRCAMAAADmdXjIAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAABrJJREFUaIG9WYmSgygQlUNAROT/v3bpU+KYYzdmu2pqEgX6eK+bhkzTZ5Jacx8O/e/i4tbi3pr/pRI7p9J1tFb6n/2ZGrfUJtI11fFVijd6GFRNW0PXtOgbs8LD5cXcfycYte5VBib0j7O+6WqTb+0uRb5tyU+VNPR12+TWgn50Gq7TfJ8mVteaocWLAye7f3YHciw3a+oaNvgP8dogmp0HuQd06s5ut2oSIiD7XAFNZgfP/J2MYA0C054mjF5AvpebS4bnfI2gyTigxbSCN/1FkUEupe9zOnG+dmhaAn0F3fTkkoPkNQWt+FbTiuAD/LAY0ILYmODTVHtgDfLk+5LYNQSwu4FGgzB1x2pEAwK4u1AReYGZ9f69x5bX8Pi/5+rOS9eu39REIxo+fyLAV2TTa5l5DYIL8wg4viEBFgAnkqanCwXI9u2hlF1KYoYh3agwQdnFZ6HFCcne2vMcnuFthFH5tabC1qIOi4Wp7lSfIulDTduIgxlggboFOsqQE9fC+6zBPJpheGiAU+mViZaH6C2jogSoCD/Ajmo+0GS4vFKaArNNzcyBwsufiJXpJX3BDQ4Aau80eUYgIkygKe8W5wP3roQJQqQ3lSGc326biYFMmFWJ0IUEGbJnTpy0obaEuIAEdSmwo09MY8m0MldTf2WZEhhZljuCB+srJxokxqnbMXPKZYlqsdTrQlll/Z9CGh6WRTQ2eTRLrxHOeeCy9kEckJ231UyuXXtNyzJPLPM+yTvHRgwL2LUNQi8uGWN6A7jKNlEFiqBBU00Qs8qvhlofCMsaLQ1GVWv5W6JnBh3BsUq0RVyapAcg4Niao1pR4PZwRP9JcUbb88zbFn5DDDdZdxLlC7ubOHtNOhQV4/MKtpqnmeZ5QeYKzlt5BvlJbopuO2FDBaFJuyrKR/WsBy1NLKUkdhb5yuXFC0xRLEA3MWgb+7bTRolJuGdJbNoQjrpJpHAMSz6CHCYpiEZhSsJo/eQpSpvMzd10SuxeMGdlXZH3s8CCLqrlbgB9lwm0wxcOI73bBXwLLqChvZ4Rhk6GF/Eoay9WxKVM6yaBCRlN+64o511/z4RCgfH4JE1H9VBN6PtGUUrsEmSGZZOKBMGpygduH+Sm3UxCYnU4DlvZZkfTIzufBS4htJ2GWkquzGMmM9pCoDAxMXC4oVFWVl4wWMpkzyY5JdwiKjUudeARxGZhhVgsVh0+k84sD4j0mqYCV9DFNlHp2JPUqpox2Q0zY9Ia3ZqUXDIRXSo8vbIlmQeW6agCQ9zZOLtXCh/ErJ/F94eKo0WefNgIJWHawkdETibc24v4rHuk0Q7FO6Lekms7d7iCpQbvYSNzhA4ubHifauMAXC3QkAUcPA7j+6mGViYU2UoHCwxWoqhGWVgkSMwoULJG6t8Bdz2Pl9P+qaiQ8VFRQIsDQzDWXc2YKm/AmGoipz/l7vangQgaa+5osBYbmlCmYYdjSQI5fVi4j5xX7U76uSpcHKyQWbIT9NpkmYpOnj8mPVfLDgqh1FZLFaUT7U0LLpUrMoRcVow0AUSI8UpiJ3TWxuW+XsNyFsFfFDFzj6pfJFgSu0L1O7da2iGXLafv4o6ZgLuB0G1Oo4kXA5hj5JL61OllRcGsfK55SBzjQ1pKkV5TzhqG+FOPM5WsU2lypRglUdRRT7wEVclutlUdvW1sj6LN0SbrRn5C7UBKTlymuVSt6PDp2VYvnEHf07q3C5FgeHmg+UKthRjierAoPTo5ZjmjZIoA+oarLNuVkjF2HLxBN3PY6+tEZGRZpTQLouXhju6PDL2yhnUdXWK9nYDbEOHzOYBZk8/LHzIe5TByVQNmWz1aRVeJ99Im1VNjC8/CaAh6UXJKEej9OBqzKep+010M1KZHM+fDt07aks8NtBBCVKwpvLh/wBi7WcIX+8Y3hv3ZKcvDbSbWeDo/5vd3s+DNrh1ID1OQcgbRetaib7hdgc8F2PHR1VEhZzBiaz92lOng0nK5gklc9nDu5zd9CMlxHqY8nLvNJV7WS9ajTdzrQ+wgsjPYN7ic9CA3ce7HN2Fz432bcuL1bZLq2fF2e+YgfiaJA4HtcX29kUXWswWjc+vLGWdN7Ih7fbnquWzlYaN6eyc0SDhdMj0TPnXL+QEltrc3aqO4jyClwO3p0ahwTc8vhPfY9FGCfiPkUP7dT1AseFXdyu9/vsPrjjf0v0WW/wcgity7fvEOcdCaPbsLu1MAov/DIdyl3t3f3yLL8y33XsnHbfXPFd37C90LRR9v21/J0vaf/qSv4v+c7n8lId/NhX8AniuY/FxBzz0AAAAASUVORK5CYII=') center center no-repeat; 260 | text-indent: -10000px; 261 | position: absolute; 262 | left: 50%; 263 | margin: 0 0 0 -50px; 264 | background-size: 70%; 265 | z-index: 1; 266 | } 267 | 268 | .summary .recipe-ribbon { 269 | top: -1.4em; 270 | } 271 | 272 | .summary .layout { 273 | margin-top: -1em; 274 | } 275 | 276 | .summary img { 277 | display: block; 278 | margin: 0 auto; 279 | } 280 | 281 | 282 | /* 283 | * Navigation 284 | */ 285 | .navigation { 286 | background-color: #009798; 287 | background-image: -webkit-linear-gradient(#FFF 1em, #FAB800 1em, #FAB800 4em, #009798 0); 288 | background-image: linear-gradient(#FFF 1em, #FAB800 1em, #FAB800 4em, #009798 0); 289 | background-repeat: no-repeat; 290 | 291 | } 292 | 293 | .navigation h2 { 294 | text-transform: uppercase; 295 | font-size: 1em; 296 | padding-top: 2em; 297 | } 298 | 299 | .navigation .layout { 300 | background: right top no-repeat; 301 | padding-bottom: 1.5em; 302 | } 303 | 304 | html[dir="rtl"] .navigation .layout { 305 | background-position: left top; 306 | } 307 | 308 | .navigation ol { 309 | margin: 2em 0 0 0; 310 | box-sizing: border-box; 311 | counter-reset: section; 312 | } 313 | 314 | .navigation li { 315 | margin: .5em 0; 316 | list-style: none; 317 | letter-spacing: .06em; 318 | font-weight: 100; 319 | } 320 | 321 | .navigation a { 322 | color: #FFF; 323 | padding: .5em; 324 | display: block; 325 | } 326 | 327 | .navigation li a:before { 328 | counter-increment:section; 329 | content: counter(section) ' '; 330 | margin-right: 5px; 331 | } 332 | 333 | .who-to-follow, 334 | .best-sources-found, 335 | .conferences { 336 | text-align: center; 337 | padding: 1em 0 6em; 338 | } 339 | 340 | .full-list { 341 | background: #1A171B; 342 | line-height: 2em; 343 | position: absolute; 344 | bottom: 50px; 345 | right: 0; 346 | padding-right: 20px; 347 | } 348 | 349 | html[dir="rtl"] .full-list { 350 | right: auto; 351 | left: 0; 352 | padding-left: 20px; 353 | padding-right: 0; 354 | } 355 | 356 | .full-list:before { 357 | content: ' '; 358 | position: absolute; 359 | top: 0; 360 | border: 1em solid #1A171B; 361 | left: -18px; 362 | border-left-color: rgba(0, 0, 0, 0); 363 | } 364 | 365 | html[dir="rtl"] .full-list:before { 366 | left: auto; 367 | right: -18px; 368 | border-left-color: #1A171B; 369 | border-right-color: rgba(0, 0, 0, 0); 370 | } 371 | 372 | .full-list a { 373 | padding-left: 20px; 374 | display: block; 375 | } 376 | 377 | html[dir="rtl"] .full-list a { 378 | padding-left: 0; 379 | padding-right: 20px; 380 | } 381 | 382 | /* 383 | * Follow cool people 384 | */ 385 | 386 | #follow-cool-people .section-title:before { 387 | content: '1'; 388 | } 389 | 390 | .who-to-follow { 391 | background-color: #fab800; 392 | } 393 | 394 | .follow-to a { 395 | padding-left: 0; 396 | } 397 | 398 | .skill { 399 | font-weight: normal; 400 | font-size: .9em; 401 | } 402 | 403 | .skill:before { 404 | content: ' / '; 405 | font-weight: 200; 406 | color: #fff; 407 | } 408 | 409 | .skill:first-child:before { 410 | content: ''; 411 | } 412 | 413 | .skill-css { 414 | color: #eb7106; 415 | } 416 | 417 | .skill-wpo { 418 | color: #fff; 419 | } 420 | 421 | .skill-mobile { 422 | color: #009797; 423 | } 424 | 425 | .skill-js { 426 | color: #f9b800; 427 | } 428 | 429 | .skill-html { 430 | color: #aaa; 431 | } 432 | 433 | /* 434 | * Find the best sources 435 | */ 436 | #find-the-best-sources .section-title:before { 437 | content: '2'; 438 | } 439 | 440 | .source-type { 441 | position: relative; 442 | padding-top: 30px; 443 | } 444 | 445 | .source-type:nth-child(2) { 446 | background-color: #009798; 447 | } 448 | 449 | .source-type:nth-child(3) { 450 | background-color: #eb7108; 451 | } 452 | 453 | .source-type:nth-child(4) { 454 | background-color: #fab800; 455 | } 456 | 457 | .source-type-title { 458 | width: 70%; 459 | background-color: #1A171B; 460 | margin: 0 auto; 461 | position: relative; 462 | color: #FFF; 463 | text-align: center; 464 | letter-spacing: .2em; 465 | font-size: 1.2em; 466 | text-transform: uppercase; 467 | line-height: 1.6em; 468 | margin-bottom: 1em; 469 | } 470 | 471 | .source-type-title:before, 472 | .source-type-title:after { 473 | content: ' '; 474 | position: absolute; 475 | top: .2em; 476 | border: .74em solid #1A171B; 477 | } 478 | 479 | .source-type-title:before { 480 | left: -20px; 481 | border-left-color: transparent; 482 | } 483 | 484 | .source-type-title:after { 485 | right: -20px; 486 | border-right-color: transparent; 487 | } 488 | 489 | /* 490 | * Attend conferences 491 | */ 492 | #attend-conferences .section-title:before { 493 | content: '3'; 494 | } 495 | 496 | .conferences { 497 | background: #FAB800; 498 | margin-top: 30px; 499 | } 500 | 501 | /* 502 | * Get your own sources 503 | */ 504 | #get-your-own-sources .section-title:before { 505 | content: '4'; 506 | } 507 | 508 | .box-mention { 509 | margin: 2em 0; 510 | box-shadow: 3px 3px 0px #FFF inset, 3px 3px 0px #FFF; 511 | padding: 1em 0 !important; 512 | 513 | } 514 | 515 | .box-mention blockquote { 516 | margin: 15px 20px 0; 517 | } 518 | 519 | .box-mention blockquote:before { 520 | content: '“'; 521 | font-family: Georgia; 522 | font-size: 10em; 523 | position: absolute; 524 | left: 15px; 525 | top: 30px; 526 | color: #EB7106; 527 | } 528 | 529 | .box-mention:nth-child(odd) blockquote:before { 530 | color: #009798; 531 | } 532 | 533 | .box-mention-author { 534 | text-align: right; 535 | } 536 | 537 | .main-footer { 538 | position: relative; 539 | background: #009798 center -2px no-repeat; 540 | padding-bottom: 200px; 541 | margin: 60px 0 0; 542 | border: 0; 543 | border-bottom: 22px solid #009798; 544 | } 545 | 546 | .main-footer .recipe-ribbon { 547 | top: -30px; 548 | } 549 | 550 | .who-we-are { 551 | margin-top: 80px; 552 | } 553 | 554 | .who-we-are ul, 555 | .thank-you ul { 556 | padding-bottom: 3em; 557 | } 558 | 559 | .who-we-are .box-follow, 560 | .thank-you .box-follow { 561 | box-shadow: 3px 3px 0px #FFF inset, 3px 3px 0px #FFF; 562 | } 563 | 564 | .social-plugins { 565 | text-align: center; 566 | margin: 1em 0; 567 | } 568 | 569 | #pin { 570 | position: relative; 571 | top: -2px; 572 | margin-right: 40px; 573 | } 574 | 575 | #twitter { 576 | margin-right: 5px; 577 | } 578 | 579 | /* 580 | * Last update 581 | */ 582 | .last-update { 583 | color: #aaa; 584 | font-size: 0.8em; 585 | padding-bottom: 1em; 586 | text-align: center; 587 | } 588 | 589 | /* Medium Screens*/ 590 | @media all and (min-width:40em) { 591 | p { 592 | font-size: 1.3em; 593 | } 594 | 595 | .logo.layout { 596 | padding-bottom: 2em; 597 | white-space: pre-line; 598 | } 599 | 600 | .logo span { 601 | font-size: .5em; 602 | } 603 | 604 | .logo strong { 605 | font-size: 1.5em; 606 | } 607 | 608 | html[lang="pt"] .logo strong { 609 | width: 525px; 610 | } 611 | 612 | html[lang="es"] .logo strong { 613 | width: 535px; 614 | } 615 | 616 | html[lang="fr"] .logo strong { 617 | width: 555px; 618 | } 619 | 620 | html[lang=pl] .logo strong { 621 | width: 665px; 622 | } 623 | 624 | .recipe-ribbon { 625 | width: 130px; 626 | height: 130px; 627 | margin-left: -65px; 628 | } 629 | 630 | .summary .recipe-ribbon { 631 | top: -2.3em; 632 | } 633 | 634 | .box-follow { 635 | width: 44%; 636 | display: inline-block; 637 | } 638 | 639 | .box-mention { 640 | width: 100%; 641 | } 642 | 643 | .summary .layout { 644 | margin-top: -3em; 645 | } 646 | 647 | .summary img { 648 | padding-left: 35px; 649 | } 650 | 651 | .navigation { 652 | padding-left: 50px; 653 | } 654 | 655 | .navigation h2 { 656 | font-size: 2em; 657 | padding-top: .7em; 658 | } 659 | 660 | .navigation a { 661 | font-size: 1.5em; 662 | display: inline-block; 663 | } 664 | 665 | .section-title { 666 | font-size: 3em; 667 | } 668 | 669 | .section-title:before { 670 | width: 127px; 671 | height: 127px; 672 | font-size: 1.5em; 673 | } 674 | 675 | .who-we-are { 676 | margin-top: 20px; 677 | } 678 | } 679 | 680 | 681 | /* Large Screens */ 682 | @media all and (min-width: 54em) { 683 | 684 | .languages { 685 | top: 25px; 686 | right: 35px; 687 | left: auto; 688 | } 689 | 690 | .layout { 691 | padding-bottom: 40px; 692 | } 693 | 694 | .box-follow-small { 695 | width: 28%; 696 | } 697 | 698 | .navigation .layout { 699 | height: 400px; 700 | } 701 | 702 | .navigation ol { 703 | margin: 50px 0 0 7%; 704 | } 705 | 706 | .section-title { 707 | text-align: left; 708 | font-size: 3.750em; 709 | } 710 | 711 | html[dir="rtl"] .section-title { 712 | text-align: right; 713 | } 714 | 715 | .section-title:before { 716 | position: absolute; 717 | line-height: 1.35em; 718 | } 719 | 720 | .section-step .layout > p { 721 | width: 50%; 722 | } 723 | 724 | #follow-cool-people .section-title { 725 | width: 320px; 726 | margin-left: 170px; 727 | padding-top: 30px; 728 | } 729 | 730 | html[dir="rtl"] #follow-cool-people .section-title { 731 | margin-left: 0; 732 | margin-right: 170px; 733 | } 734 | 735 | #follow-cool-people .section-title:before { 736 | top: 130px; 737 | left: 13px; 738 | color: #FFF; 739 | } 740 | 741 | html[dir="rtl"] #follow-cool-people .section-title:before { 742 | left: auto; 743 | right: 13px; 744 | } 745 | 746 | #follow-cool-people p { 747 | margin-left: 170px; 748 | } 749 | 750 | html[dir="rtl"] #follow-cool-people p { 751 | margin-left: 0; 752 | margin-right: 170px; 753 | } 754 | 755 | .who-to-follow, 756 | .best-sources-found, 757 | .conferences { 758 | text-align: center; 759 | padding: 0 8% 6em; 760 | } 761 | 762 | #find-the-best-sources .section-title { 763 | width: 320px; 764 | } 765 | 766 | #find-the-best-sources .section-title:before { 767 | right: 250px; 768 | } 769 | 770 | html[dir="rtl"] #find-the-best-sources .section-title:before { 771 | right: auto; 772 | left: 20px; 773 | } 774 | 775 | .source-type-title { 776 | width: 300px; 777 | margin-bottom: 60px; 778 | } 779 | 780 | #attend-conferences .section-title { 781 | width: 465px; 782 | margin: 0 auto 0 46%; 783 | padding-top: 155px; 784 | } 785 | 786 | #attend-conferences .section-title:before { 787 | top: 275px; 788 | left: 30%; 789 | } 790 | 791 | #attend-conferences .layout > p { 792 | margin: 0 3% 0 auto; 793 | } 794 | 795 | #get-your-own-sources .section-title { 796 | width: 400px; 797 | padding-top: 120px; 798 | } 799 | 800 | #get-your-own-sources .section-title:before { 801 | top: 150px; 802 | left: 50%; 803 | margin-left: -70px; 804 | } 805 | 806 | #get-your-own-sources .layout:first-child { 807 | min-height: 530px; 808 | padding-bottom: 0; 809 | } 810 | 811 | #get-your-own-sources .box-mention blockquote { 812 | margin: 15px 50px 0; 813 | } 814 | 815 | #get-your-own-sources blockquote p, 816 | #get-your-own-sources blockquote ol, 817 | #get-your-own-sources blockquote ul { 818 | font-size: 1.2em; 819 | } 820 | } 821 | 822 | html[dir="rtl"] #___plusone_0 { 823 | left: auto !important; 824 | right: -10000px !important; 825 | } 826 | -------------------------------------------------------------------------------- /src/css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v2.1.1 | MIT License | git.io/normalize */ 2 | 3 | /* ========================================================================== 4 | HTML5 display definitions 5 | ========================================================================== */ 6 | 7 | /** 8 | * Correct `block` display not defined in IE 8/9. 9 | */ 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | hgroup, 19 | main, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | 26 | /** 27 | * Correct `inline-block` display not defined in IE 8/9. 28 | */ 29 | 30 | audio, 31 | canvas, 32 | video { 33 | display: inline-block; 34 | } 35 | 36 | /** 37 | * Prevent modern browsers from displaying `audio` without controls. 38 | * Remove excess height in iOS 5 devices. 39 | */ 40 | 41 | audio:not([controls]) { 42 | display: none; 43 | height: 0; 44 | } 45 | 46 | /** 47 | * Address styling not present in IE 8/9. 48 | */ 49 | 50 | [hidden] { 51 | display: none; 52 | } 53 | 54 | /* ========================================================================== 55 | Base 56 | ========================================================================== */ 57 | 58 | /** 59 | * 1. Prevent system color scheme's background color being used in Firefox, IE, 60 | * and Opera. 61 | * 2. Prevent system color scheme's text color being used in Firefox, IE, and 62 | * Opera. 63 | * 3. Set default font family to sans-serif. 64 | * 4. Prevent iOS text size adjust after orientation change, without disabling 65 | * user zoom. 66 | */ 67 | 68 | html { 69 | background: #fff; /* 1 */ 70 | color: #000; /* 2 */ 71 | font-family: sans-serif; /* 3 */ 72 | -ms-text-size-adjust: 100%; /* 4 */ 73 | -webkit-text-size-adjust: 100%; /* 4 */ 74 | } 75 | 76 | /** 77 | * Remove default margin. 78 | */ 79 | 80 | body { 81 | margin: 0; 82 | } 83 | 84 | /* ========================================================================== 85 | Links 86 | ========================================================================== */ 87 | 88 | /** 89 | * Address `outline` inconsistency between Chrome and other browsers. 90 | */ 91 | 92 | a:focus { 93 | outline: thin dotted; 94 | } 95 | 96 | /** 97 | * Improve readability when focused and also mouse hovered in all browsers. 98 | */ 99 | 100 | a:active, 101 | a:hover { 102 | outline: 0; 103 | } 104 | 105 | /* ========================================================================== 106 | Typography 107 | ========================================================================== */ 108 | 109 | /** 110 | * Address variable `h1` font-size and margin within `section` and `article` 111 | * contexts in Firefox 4+, Safari 5, and Chrome. 112 | */ 113 | 114 | h1 { 115 | font-size: 2em; 116 | margin: 0.67em 0; 117 | } 118 | 119 | /** 120 | * Address styling not present in IE 8/9, Safari 5, and Chrome. 121 | */ 122 | 123 | abbr[title] { 124 | border-bottom: 1px dotted; 125 | } 126 | 127 | /** 128 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. 129 | */ 130 | 131 | b, 132 | strong { 133 | font-weight: bold; 134 | } 135 | 136 | /** 137 | * Address styling not present in Safari 5 and Chrome. 138 | */ 139 | 140 | dfn { 141 | font-style: italic; 142 | } 143 | 144 | /** 145 | * Address differences between Firefox and other browsers. 146 | */ 147 | 148 | hr { 149 | -moz-box-sizing: content-box; 150 | box-sizing: content-box; 151 | height: 0; 152 | } 153 | 154 | /** 155 | * Address styling not present in IE 8/9. 156 | */ 157 | 158 | mark { 159 | background: #ff0; 160 | color: #000; 161 | } 162 | 163 | /** 164 | * Correct font family set oddly in Safari 5 and Chrome. 165 | */ 166 | 167 | code, 168 | kbd, 169 | pre, 170 | samp { 171 | font-family: monospace, serif; 172 | font-size: 1em; 173 | } 174 | 175 | /** 176 | * Improve readability of pre-formatted text in all browsers. 177 | */ 178 | 179 | pre { 180 | white-space: pre-wrap; 181 | } 182 | 183 | /** 184 | * Set consistent quote types. 185 | */ 186 | 187 | q { 188 | quotes: "\201C" "\201D" "\2018" "\2019"; 189 | } 190 | 191 | /** 192 | * Address inconsistent and variable font size in all browsers. 193 | */ 194 | 195 | small { 196 | font-size: 80%; 197 | } 198 | 199 | /** 200 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 201 | */ 202 | 203 | sub, 204 | sup { 205 | font-size: 75%; 206 | line-height: 0; 207 | position: relative; 208 | vertical-align: baseline; 209 | } 210 | 211 | sup { 212 | top: -0.5em; 213 | } 214 | 215 | sub { 216 | bottom: -0.25em; 217 | } 218 | 219 | /* ========================================================================== 220 | Embedded content 221 | ========================================================================== */ 222 | 223 | /** 224 | * Remove border when inside `a` element in IE 8/9. 225 | */ 226 | 227 | img { 228 | border: 0; 229 | } 230 | 231 | /** 232 | * Correct overflow displayed oddly in IE 9. 233 | */ 234 | 235 | svg:not(:root) { 236 | overflow: hidden; 237 | } 238 | 239 | /* ========================================================================== 240 | Figures 241 | ========================================================================== */ 242 | 243 | /** 244 | * Address margin not present in IE 8/9 and Safari 5. 245 | */ 246 | 247 | figure { 248 | margin: 0; 249 | } 250 | 251 | /* ========================================================================== 252 | Forms 253 | ========================================================================== */ 254 | 255 | /** 256 | * Define consistent border, margin, and padding. 257 | */ 258 | 259 | fieldset { 260 | border: 1px solid #c0c0c0; 261 | margin: 0 2px; 262 | padding: 0.35em 0.625em 0.75em; 263 | } 264 | 265 | /** 266 | * 1. Correct `color` not being inherited in IE 8/9. 267 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 268 | */ 269 | 270 | legend { 271 | border: 0; /* 1 */ 272 | padding: 0; /* 2 */ 273 | } 274 | 275 | /** 276 | * 1. Correct font family not being inherited in all browsers. 277 | * 2. Correct font size not being inherited in all browsers. 278 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 279 | */ 280 | 281 | button, 282 | input, 283 | select, 284 | textarea { 285 | font-family: inherit; /* 1 */ 286 | font-size: 100%; /* 2 */ 287 | margin: 0; /* 3 */ 288 | } 289 | 290 | /** 291 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 292 | * the UA stylesheet. 293 | */ 294 | 295 | button, 296 | input { 297 | line-height: normal; 298 | } 299 | 300 | /** 301 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 302 | * All other form control elements do not inherit `text-transform` values. 303 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. 304 | * Correct `select` style inheritance in Firefox 4+ and Opera. 305 | */ 306 | 307 | button, 308 | select { 309 | text-transform: none; 310 | } 311 | 312 | /** 313 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 314 | * and `video` controls. 315 | * 2. Correct inability to style clickable `input` types in iOS. 316 | * 3. Improve usability and consistency of cursor style between image-type 317 | * `input` and others. 318 | */ 319 | 320 | button, 321 | html input[type="button"], /* 1 */ 322 | input[type="reset"], 323 | input[type="submit"] { 324 | -webkit-appearance: button; /* 2 */ 325 | cursor: pointer; /* 3 */ 326 | } 327 | 328 | /** 329 | * Re-set default cursor for disabled elements. 330 | */ 331 | 332 | button[disabled], 333 | html input[disabled] { 334 | cursor: default; 335 | } 336 | 337 | /** 338 | * 1. Address box sizing set to `content-box` in IE 8/9. 339 | * 2. Remove excess padding in IE 8/9. 340 | */ 341 | 342 | input[type="checkbox"], 343 | input[type="radio"] { 344 | box-sizing: border-box; /* 1 */ 345 | padding: 0; /* 2 */ 346 | } 347 | 348 | /** 349 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 350 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome 351 | * (include `-moz` to future-proof). 352 | */ 353 | 354 | input[type="search"] { 355 | -webkit-appearance: textfield; /* 1 */ 356 | -moz-box-sizing: content-box; 357 | -webkit-box-sizing: content-box; /* 2 */ 358 | box-sizing: content-box; 359 | } 360 | 361 | /** 362 | * Remove inner padding and search cancel button in Safari 5 and Chrome 363 | * on OS X. 364 | */ 365 | 366 | input[type="search"]::-webkit-search-cancel-button, 367 | input[type="search"]::-webkit-search-decoration { 368 | -webkit-appearance: none; 369 | } 370 | 371 | /** 372 | * Remove inner padding and border in Firefox 4+. 373 | */ 374 | 375 | button::-moz-focus-inner, 376 | input::-moz-focus-inner { 377 | border: 0; 378 | padding: 0; 379 | } 380 | 381 | /** 382 | * 1. Remove default vertical scrollbar in IE 8/9. 383 | * 2. Improve readability and alignment in all browsers. 384 | */ 385 | 386 | textarea { 387 | overflow: auto; /* 1 */ 388 | vertical-align: top; /* 2 */ 389 | } 390 | 391 | /* ========================================================================== 392 | Tables 393 | ========================================================================== */ 394 | 395 | /** 396 | * Remove most spacing between table cells. 397 | */ 398 | 399 | table { 400 | border-collapse: collapse; 401 | border-spacing: 0; 402 | } -------------------------------------------------------------------------------- /templates/attend-conferences.jade: -------------------------------------------------------------------------------- 1 | - var conferences = contents['conferences.md']; 2 | 3 | section#attend-conferences.section-step 4 | .layout 5 | h3.section-title 6 | span!= conferences.metadata.title 7 | | #{conferences.metadata.subtitle} 8 | 9 | != conferences.html 10 | 11 | ul.conferences 12 | each conf, i in confs 13 | li.box-follow.box-follow-medium 14 | h5.box-follow-title 15 | a(href='#{conf.permalink}') #{conf.name} 16 | a(href='#{conf.permalink}') 17 | img.box-follow-avatar(width='80', height='80', alt='#{conf.name}', data-async='#{conf.img}') 18 | p #{conf.description[locals.lang]} 19 | 20 | footer.full-list 21 | a(href='https://twitter.com/frontendrescue/lists/conferences/members', target='_blank') #{conferences.metadata.footer} -------------------------------------------------------------------------------- /templates/best-sources.jade: -------------------------------------------------------------------------------- 1 | - var bestsources = contents['best-sources.md']; 2 | 3 | section#find-the-best-sources.section-step 4 | .layout 5 | h3.section-title 6 | span!= bestsources.metadata.title 7 | | #{bestsources.metadata.subtitle} 8 | 9 | != bestsources.html 10 | 11 | article.source-type 12 | h4.source-type-title #{bestsources.metadata.blogs} 13 | ul.best-sources-found.best-blogs 14 | each blog, i in blogs 15 | li.box-follow.box-follow-medium 16 | h5.box-follow-title 17 | a(href='#{blog.permalink}') #{blog.name} 18 | a(href='#{blog.permalink}') 19 | img.box-follow-avatar(width='80', height='80', data-async='#{blog.img}') 20 | p #{blog.description[locals.lang]} 21 | 22 | footer.full-list 23 | a(href='https://twitter.com/frontendrescue/lists/best-sources/members', target='_blank') #{bestsources.metadata.footer} 24 | 25 | article.source-type 26 | h4.source-type-title #{bestsources.metadata.weekly} 27 | ul.best-sources-found.best-weekly 28 | each week, i in weekly 29 | li.box-follow.box-follow-medium 30 | h5.box-follow-title 31 | a(href='#{week.permalink}') #{week.name} 32 | a(href='#{week.permalink}') 33 | img.box-follow-avatar(width='80', height='80', data-async='#{week.img}', alt='#{week.img}') 34 | p #{week.description[locals.lang]} 35 | 36 | footer.full-list 37 | a(href='https://twitter.com/frontendrescue/lists/best-sources/members', target='_blank') #{bestsources.metadata.footer} 38 | 39 | article.source-type 40 | h4.source-type-title #{bestsources.metadata.podcasts} 41 | ul.best-sources-found.best-podcasts 42 | each podcast, i in podcasts 43 | li.box-follow.box-follow-medium 44 | h5.box-follow-title 45 | a(href='#{podcast.permalink}') #{podcast.name} 46 | a(href='#{podcast.permalink}') 47 | img.box-follow-avatar(width='80', height='80', data-async='#{podcast.img}', alt='#{podcast.name}') 48 | p #{podcast.description[locals.lang]} 49 | 50 | footer.full-list 51 | a(href='https://twitter.com/frontendrescue/lists/best-sources/members', target='_blank') #{bestsources.metadata.footer} -------------------------------------------------------------------------------- /templates/cool-people.jade: -------------------------------------------------------------------------------- 1 | - var coolpeople = contents['cool-people.md']; 2 | - var tagsMap = {'JavaScript': 'js', 'CSS': 'css', 'HTML': 'html', 'Mobile': 'mobile', 'Performance': 'wpo'}; 3 | 4 | section#follow-cool-people.section-step 5 | .layout 6 | h3.section-title 7 | span!= coolpeople.metadata.title 8 | | #{coolpeople.metadata.subtitle} 9 | 10 | != coolpeople.html 11 | 12 | ul.who-to-follow 13 | each cool, i in people 14 | li.box-follow.box-follow-small 15 | h4.box-follow-title 16 | a(href='#{cool.site}') #{cool.name} 17 | a(href='#{cool.site}') 18 | img.box-follow-avatar(width='80', height='80', alt='#{cool.name}', data-async='#{cool.twitter.img}') 19 | a(href='https://twitter.com/#{cool.twitter.user}') @#{cool.twitter.user} 20 | .box-follow-footer 21 | - each tag in cool.tags 22 | b(class="skill skill-#{tagsMap[tag]}") #{tag} 23 | 24 | footer.full-list 25 | a(href='https://twitter.com/frontendrescue/lists/cool-people/members', target='_blank') #{coolpeople.metadata.footer} -------------------------------------------------------------------------------- /templates/footer.jade: -------------------------------------------------------------------------------- 1 | footer.main-footer 2 | span.recipe-ribbon The recipe -------------------------------------------------------------------------------- /templates/head.jade: -------------------------------------------------------------------------------- 1 | head 2 | meta(charset='utf-8') 3 | title #{title.intro} #{title.main} - The Recipe 4 | meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1") 5 | meta(name="description", content="#{title.intro} #{title.main} - The Recipe") 6 | 7 | meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0") 8 | meta(http-equiv="cleartype", content="on") 9 | meta(name="HandheldFriendly", content="True") 10 | 11 | link(rel="icon", href="/favicon.ico") 12 | 13 | meta(property="og:image", content="https://secure.gravatar.com/avatar/3cfd1189e34f0057817814edd47dd292?s=420") 14 | 15 | link(rel="stylesheet", href="#{path}/css/styles.min.css") 16 | link(rel="stylesheet", data-async="#{path}/css/data-uri.css") -------------------------------------------------------------------------------- /templates/header.jade: -------------------------------------------------------------------------------- 1 | header.main-header 2 | h1.logo.layout 3 | span!= title.intro 4 | |   5 | strong!= title.main -------------------------------------------------------------------------------- /templates/index.jade: -------------------------------------------------------------------------------- 1 | - var title = contents['title.md'].metadata; 2 | - var path = (locals.lang === 'en') ? 'src' : '../src'; 3 | - var swPath = (locals.lang === 'en') ? '' : '..'; 4 | - var langDir = (locals.lang === 'he') ? 'rtl' : 'ltr'; 5 | 6 | doctype html 7 | html(lang='#{locals.lang}', dir='#{langDir}') 8 | include head 9 | 10 | body 11 | include header 12 | include languages 13 | include summary 14 | include navigation 15 | include cool-people 16 | include best-sources 17 | include attend-conferences 18 | include your-own-sources 19 | include who-we-are 20 | include thank-you 21 | include footer 22 | include social-plugins 23 | include last-update 24 | include scripts 25 | -------------------------------------------------------------------------------- /templates/languages.jade: -------------------------------------------------------------------------------- 1 | - var languages = locals.languages; 2 | - var currentLang = locals.lang; 3 | 4 | nav.languages 5 | strong(class="language-active #{currentLang}")= languages[currentLang] 6 | ul.languages-list 7 | each lang, key in languages 8 | li 9 | a(href="https://uptodate.pazguille.me/" + (key=== 'en' ? '' : key + '/'), title=lang, class=key)= lang 10 | -------------------------------------------------------------------------------- /templates/last-update.jade: -------------------------------------------------------------------------------- 1 | - var lastupdate = contents['last-update.md']; 2 | 3 | .last-update 4 | | #{lastupdate.metadata.label} #{locals.lastupdate} -------------------------------------------------------------------------------- /templates/navigation.jade: -------------------------------------------------------------------------------- 1 | nav.navigation 2 | .layout!= contents['navigation.md'].html -------------------------------------------------------------------------------- /templates/scripts.jade: -------------------------------------------------------------------------------- 1 | script. 2 | if (navigator.serviceWorker) { 3 | navigator.serviceWorker 4 | .register('#{swPath}/sw.js', { scope: '/' }) 5 | .then(function(registration) { 6 | var isUpdate = false; 7 | if (registration.active) { isUpdate = true; } 8 | registration.onupdatefound = function(eve) { 9 | console.log('A new Service Worker version has been found...'); 10 | }; 11 | registration.installing.onstatechange = function(eve) { 12 | if (this.state === 'installed') { 13 | console.log('Service Worker Installed.'); 14 | if (isUpdate) { 15 | console.log('App updated. Restart for the new version.'); 16 | } else { 17 | console.log('App ready for offline use.'); 18 | } 19 | } else { 20 | console.log('New Service Worker state: ', this.state); 21 | } 22 | }; 23 | console.log('Registration succeeded. Scope is: ' + registration.scope); 24 | }).catch(function(error) { 25 | console.log('Registration failed with: ' + error); 26 | }); 27 | }; 28 | !function(a){"use strict";function b(b){b=b||a.document.querySelectorAll("[data-async]");var e,f,c=0,d=b.length;for(c;d>c;c+=1)f=b[c],e="LINK"!==f.tagName?"src":"href",f[e]=f.getAttribute("data-async"),f.removeAttribute("data-async");return b}"function"==typeof a.define&&void 0!==a.define.amd?a.define("asyncall",[],function(){return b}):"undefined"!=typeof module&&void 0!==module.exports?module.exports=b:a.asyncall=b}(this); 29 | window.onload = function () { 30 | asyncall(); 31 | 32 | window.dataLayer = window.dataLayer || []; 33 | function gtag(){dataLayer.push(arguments);} 34 | gtag('js', new Date()); 35 | gtag('config', 'G-VP2Q47XV79', { 36 | storage: 'none', 37 | anonymize_ip: true, 38 | allow_google_signals: false, 39 | allow_ad_personalization_signals: false, 40 | }); 41 | var s = document.createElement('script'); 42 | s.src = 'https://www.googletagmanager.com/gtag/js?id=G-VP2Q47XV79'; 43 | s.async = 1; 44 | var m = document.getElementsByTagName('script')[0]; 45 | m.parentNode.insertBefore(s,m); 46 | 47 | window.___gcfg = { 48 | lang: 'en-US' 49 | }; 50 | 51 | (function(d) { 52 | var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 53 | po.src = 'https://apis.google.com/js/plusone.js'; 54 | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 55 | 56 | var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT'); 57 | p.type = 'text/javascript'; 58 | p.async = true; 59 | p.src = 'https://assets.pinterest.com/js/pinit.js'; 60 | f.parentNode.insertBefore(p, f); 61 | })(document); 62 | }; 63 | -------------------------------------------------------------------------------- /templates/social-plugins.jade: -------------------------------------------------------------------------------- 1 | .social-plugins 2 | span#pin 3 | a(href='https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fuptodate.pazguille.me%2F&media=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F3cfd1189e34f0057817814edd47dd292%3Fs%3D420%26d%3Dhttps%3A%2F%2Fa248.e.akamai.net%2Fassets.github.com%252Fimages%252Fgravatars%252Fgravatar-org-420.png&description=How%20to%20keep%20up%20to%20date%20on%20Front-End%20Technologies%20-%20The%20Recipe', data-pin-do='buttonPin', data-pin-config='beside') 4 | img(data-async='https://assets.pinterest.com/images/pidgets/pin_it_button.png') 5 | iframe(data-async='https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fuptodate.pazguille.me&send=false&layout=button_count&width=95&show_faces=false&font=trebuchet+ms&colorscheme=light&action=like&height=21&appId=311038305676190', scrolling='no', frameborder='0', width='95', height='22', style='border: none; overflow: hidden;', allowtransparency='true') 6 | iframe#twitter(allowtransparency='true', frameborder='0', width='100', height='22', scrolling='no', data-async='https://platform.twitter.com/widgets/tweet_button.html?text=How%20to%20keep%20up%20to%20date%20on%20Front-End%20Technologies%20-%20The%20Recipe&url=http%3A%2F%2Fuptodate.pazguille.me&via=frontendrescue') 7 | 8 | a(href='https://github.com/frontend-rescue/keep-up-to-date') 9 | img(style='position: absolute; top: 0; left: 0; border: 0;', data-async='https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png', width='149', height='149', alt='Fork me on GitHub') 10 | -------------------------------------------------------------------------------- /templates/thank-you.jade: -------------------------------------------------------------------------------- 1 | - var title = contents['thanks.md'].title; 2 | 3 | section.thank-you 4 | h4.source-type-title #{title} 5 | ul.best-sources-found 6 | li.box-follow.box-follow-small 7 | h4.box-follow-title 8 | a(href='https://twitter.com/cavemandg') Fer Adorneti 9 | a(href='https://twitter.com/cavemandg') 10 | img.box-follow-avatar(width='80', height='80', data-async='https://pbs.twimg.com/profile_images/378800000744607898/89cb0ebd532a6a309ba2277ea3a8233a_200x200.jpeg', alt='Fer Adorneti') 11 | a(href='https://twitter.com/cavemandg') @cavemandg 12 | 13 | li.box-follow.box-follow-small 14 | h4.box-follow-title 15 | a(href='http://taly.me/') Nati Devalle 16 | a(href='http://taly.me/') 17 | img.box-follow-avatar(width='80', height='80', data-async='https://pbs.twimg.com/profile_images/758443034942013440/v4oAggCA_200x200.jpg', alt='Nati Devalle') 18 | a(href='https://twitter.com/taly') @taly 19 | -------------------------------------------------------------------------------- /templates/who-we-are.jade: -------------------------------------------------------------------------------- 1 | - var title = contents['team.md'].title; 2 | 3 | section.who-we-are 4 | h4.source-type-title #{title} 5 | ul.best-sources-found 6 | li.box-follow.box-follow-small 7 | h4.box-follow-title 8 | a(href='http://pazguille.me/') Guille Paz 9 | a(href='http://pazguille.me/') 10 | img.box-follow-avatar(width='80', height='80', data-async='https://pbs.twimg.com/profile_images/565099829601136642/TEuXYJBf_200x200.jpeg', alt='Guille Paz') 11 | a(href='https://twitter.com/pazguille') @pazguille 12 | 13 | li.box-follow.box-follow-small 14 | h4.box-follow-title 15 | a(href='http://mammana.me/') Her Mammana 16 | a(href='http://mammana.me/') 17 | img.box-follow-avatar(width='80', height='80', data-async='https://pbs.twimg.com/profile_images/743936206161985536/y3v8RAok_200x200.jpg', alt='Her Mammana') 18 | a(href='https://twitter.com/hmammana') @hmammana 19 | 20 | li.box-follow.box-follow-small 21 | h4.box-follow-title 22 | a(href='http://leanlinares.me/') Lean Linares 23 | a(href='http://leanlinares.me/') 24 | img.box-follow-avatar(width='80', height='80', data-async='https://pbs.twimg.com/profile_images/673368944976240640/oauctwRr_200x200.jpg', alt='Lean Linares') 25 | a(href='https://twitter.com/lean8086') @lean8086 26 | -------------------------------------------------------------------------------- /templates/your-own-sources.jade: -------------------------------------------------------------------------------- 1 | - var sources = contents['own-sources.md']; 2 | - var mentions = contents.mentions; 3 | 4 | section#get-your-own-sources.section-step 5 | .layout 6 | h3.section-title 7 | span!= sources.metadata.title 8 | | #{sources.metadata.subtitle} 9 | 10 | != sources.html 11 | 12 | ul.layout 13 | each mention, i in mentions 14 | li.box-follow.box-mention(id="#{mention.metadata.id}") 15 | blockquote 16 | != mention.html 17 | footer.box-mention-author 18 | a(href='https://twitter.com/#{mention.metadata.twitter}') 19 | b #{mention.metadata.name} -------------------------------------------------------------------------------- /watch.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var colors = require('colors'); 4 | var exec = require('child_process').exec; 5 | var chokidar = require('chokidar'); 6 | 7 | var watcher = chokidar.watch([ 8 | './contents/**', 9 | './data/**', 10 | './templates/**', 11 | './src/**' 12 | ], { persistent: true }); 13 | 14 | watcher 15 | .on('ready', function(path) { console.log('Watching...'.yellow); }) 16 | .on('change', function(path, stats) { 17 | exec('npm run build', {}, function(error, stdout, stderr) { 18 | console.log('Build succeed.'.green); 19 | console.log('Watching...'.yellow); 20 | }); 21 | }); --------------------------------------------------------------------------------