Podcasts about codekit

In today's episode, I talk about whether or not you need build tools as a web developer. Links GulpJS: https://gulpjs.com/ My GulpJS Boilerplate: https://github.com/cferdinandi/gulp-boilerplate/ My Build Tool Boilerplate: https://github.com/cferdinandi/build-tool-boilerplate Hugo: https://gohugo.io/ Rollup.js: http://rollupjs.org/guide/en/ terser: https://terser.org/ Sass: https://sass-lang.com/ SVGO: https://github.com/svg/svgo Babel: https://babeljs.io/ Typescript: https://www.typescriptlang.org/ CodeKit: https://codekitapp.com/ Prepros: https://prepros.io/

RESOURCESFree Web Designer Starter Kit CourseEpisode PageJesse’s WebsiteJesse’s YouTube ChannelAdobe XDFigmaSketchNotionVS CodeVue JSCodekit

A few weeks ago, I shared some reasons why I don't like CSS-in-JS. Today, I'm talking about alternatives to it. Links Inlining Critical CSS: https://gomakethings.com/inlining-critical-css-for-better-web-performance/ OOCSS: https://github.com/stubbornella/oocss/wiki BEM: http://getbem.com/ Third-Party JS Plugins: https://vanillajstoolkit.com/plugins/ Gulp: https://gulpjs.com/ Prepos: https://prepros.io/ CodeKit: https://codekitapp.com/ Cutting the Mustard: http://responsivenews.co.uk/post/18948466399/cutting-the-mustard LoadJS: https://github.com/filamentgroup/loadJS Polyfills: https://vanillajstoolkit.com/polyfills/ Polyfill.io: https://polyfill.io

Heute sprechen wir kurz über die Idee wie man sich in einem Projekt seine Vorgehensweisen dokumentieren kann und Best Practises festhalten kann. Ausserdem kurz etwas zum UI Pairing mit Dennis. Shownotes & Links Pairing

Heute sprechen wir über ein kleines Tool, welches das im Code designen ein wenig einfacher macht: Codekit. Alternativen gibt es einige (s.u.) und es ist ein guter Einstieg ins Arbeiten mit Dingen wie Preprozessoren und Browsersync, ohne dies als Designer alles von einem Entwickler aufsetzten lassen zu müssen. Shownotes & Links Codekit Prepros Koala

Descripcion del programa Hoy es un programa muy especial, por un lado porque por fin puedo presentar dos iniciativas que se están realizando en la Madrid, la primera es un Meetup,OpenSource Weekends que se realiza mensualmente un sábado al mes de 10:30h a 14:30h y la segunda es la apertura del Call for Papers de una conferencia que estamos organizando y que tendrá lugar en Campus Madrid el 18 de febrero de 2017 llamada FrontFest. Hoy como invitado traigo a una persona que conocí en un Meetup de los múltiples que se realizan en Madrid y que nos ayudará a entender el ecosistema de herramientas que usamos día a día y para que sirven. Hablaremos de task runners, de transpiladores y gestores de dependencias entre otros. ¡Como siempre esperamos que lo disfrutéis! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Eventos en Madrid OpenSource Weekends FrontFest Recomendaciones Preguntas rápidas: Luis de Dios Quién me ha inspirado: Linus Torvalds Recomiéndanos un recurso: Sitepoint Recomiéndanos un recurso: Genbeta Dev Recomiéndanos a un invitado: Ilya Grigorik ¿Qué tema te gustaría que tratásemos?: Otros lenguajes de programación para el Frontend ¿Qué tema te gustaría que tratásemos?: Web Asambly Contacta con: Luis de Dios Twitter Github Links del programa How JavaScript package managers work Yarn a new package manager JS frontend pagckage managers Package managers comparison Yarn benchmarks Charla de automatización en el frontend ECMAScript 2016 compatibility table Bower NPM Yarn JSPM Broccoli Gulp Grunt Babel Webpack Codekit WebAssembly elm Clojurescript Scala Recomendaciones de Nacho Repositorio de ejemplo de Grunt/Gulp Crea tu workflow front-end con Gulp.js Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

Descripcion del programa En el front-end cada seis meses aparece un nuevo framework o librería y creemos que va a camabiarlo todo. Por ello en este episodio hemos invitado a Miguel, CTO de Redradix en el que hablamos de su visión del panorama actual. Le pregunto por multitud de metodologías, tecnologías y buenas prácticas que se usan en nuestro día a día para saber que es lo mejor en cada situación y su punto de vista. Si no te asusta este contínuo cambio este es tu programa. ¡A disfrutar se ha dicho! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Recomendaciones Preguntas rápidas: Miguel Martín Quién me ha inspirado: Elon Musk Recomiéndanos un recurso: MDN Recomiéndanos a un invitado: Elías Alonso ¿Qué tema te gustaría que tratásemos?: Internet of Things Contacta con: Miguel Martín Twitter Github Contacto de Redradix Links del programa BEM SMACSS OOCSS Grid Layout Flex Layout LESS Sass Stylus Hammer CodeKit Atomic Design Bootstrap WordPress Fundation jQuery Backbone Ember Angular React ES6 (no oficial) Bluebird Flux React Redux Babel Grunt Gulp NPM Bower Browserify JSPM Jasmine Mocha Karma Sinon Chai Istanbul Nightwatch AirbnbJS Frameworks de JavaScript Recomendaciones de Nacho State of JavaScript Front-end Event Alistapart Recent Conference Talks Worth Watching Must-Watch CSS Must-Watch JavaScript Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

Topics Design Tools Editors/IDE/Compilers (sass) Tools Source Management and Tools Project Management Tool Issue Tracking & Time tracking Tools Note Taking Tools Todo Tracking Tools Other Tools Communication Tools Module of the week Views Flipped Table https://www.drupal.org/project/views_flipped_table This module provides a views table style with rows and columns flipped. This is useful for views showing few entities with many fields, such as product comparison. Resources Trying out Sketch - http://bohemiancoding.com/sketch/ Typecast! - http://typecast.com Balsamiq (wireframing) - https://balsamiq.com/ Omnigraffle: https://www.omnigroup.com/omnigraffle Coda - http://panic.com/coda/ Codekit - https://incident57.com/codekit/ PHP Storm - http://www.jetbrains.com/phpstorm/ Github - https://github.com/ Bitbucket - bitbucket.com BeanStalk - http://beanstalkapp.com/ Tower - http://www.git-tower.com/ MAMP (Mac) - http://www.mamp.info/en/ Drush - http://drush.org Freshbooks http://freshbooks.com/ Harvest - https://www.getharvest.com/ Tempo - http://www.tempoplugin.com/ Basecamp - https://basecamp.com/ Jira - https://www.atlassian.com/software/jira Evernote - http://www.evernote.com Etherpad - etherpad.mozilla.org Workflowy - https://workflowy.com/ Nozbe - http://www.nozbe.com HipChat - https://www.hipchat.com Zoom.us - http://wwww.zoom.us Guest Dani Nordim - tzk-design.com @danigrrl Hosts Stephen Cross - www.ParallaxInfoTech.com @stephencross Jason Pamental - www.hwdesignco.com @jpamental John Picozzi - www.oomphinc.com @johnpicozzi Nic Laflin - www.nLightened.net @nicxvan  

The Busy Creator Podcast episode 10, with guest Web Designer Erica Heinz Erica Heinz (@ericaheinz) is a web designer in Brooklyn, NY. As a veteran freelancer, she's work for a variety of clients and sectors, lately focusing on fast development around humanitarian and public sector projects. She's also a teacher of web design, and of yoga. Together, Prescott and Erica discuss tools of the trade, best practices for web designers, how to continue to learn, and how to avoid becoming overwhelmed by systems. This episode features the most in-depth show notes to date, with a ton of links to websites, tools, and tips. Show Notes & Links Previous web designers on The Busy Creator Podcast, Niki Brown Erica does Humanitarian Work and Rapid-Responce work Occupy Sandy, built in 6 Days Peace Talks in Ireland for the Council on Foreign Relations A microsite for Richard Branson's B Team, done in 3 weeks Prototyping Prescott hates the term “Product Designer” in the realm of Web Design “Visual Designer” is a term that was fast outdated Description vs. Rank in terms of job titles Erica started in illustration, switched to design for the problem-solving Terms like “New Media” for early Internet instruction From fashion to packaging to software, Erica's freelance career Erica is an early adopter, but not bleeding edge Studiomates, bunch of smart people Using SASS to streamline a web workflow BusyCreator.com is really just the basics A Book Apart‘s books Parsons, The New School for Design ADOCHD (ADHD with OCD thrown in there) “I have CDO …” Blister pack of pills … for OCD “The Self-Licking Ice Cream Cone“ Not everything is a checkbox (I'm looking at you, Basecamp.) Getting Things Done philosophy “GitHub is the new View Source.” “HTML elements are like the alphabet.” Jen Simmons on Drupal.org Jonnie Hallman on Ruby on Rails “Do things the long, hard, stupid way.“ So-called “Hacker/Garage Culture” “A really good website lasts two years, and then it's gone.” Agile development EricaHeinz.com Tools SASS Digital Typography on the web: Adobe Typekit, @font-face, etc. HTML5 (with fallbacks) Codekit, a way to compile code locally on your Mac Coda, a text editor SublimeText, another text editor Emmet, CSS shorthand Chrome, and its extensions Safari, fewer extensions but many the same Awesome Screenshot, extensions 1Password, a Mac/iOS utility to store passwords Pinboard, social bookmarking for introverts Instapaper Dropmark, quick-saving of images, links Pocket, formerly Read It Later Stylebot, add a new CSS Bit.ly, for shortening Gimme Bar, for random stuff Browser Resize, for viewing your site in multiple sizes Pepperplate, for recipes Momentum, for new tabs Basecamp Kanban Flow Dragdis, a browser add-on to quick-save items Sprint.ly, collaboration for development Waffle.io, a Kanban board for GitHub issues TeuxDeux Multiple Inboxes for Gmail Coloured Stars add-on Pivotal Tracker (which Erica refuses to use) Slack, combines IRC and file changes, great for team communication Subversion LayerVault, version control for Photoshop Editorial.ly, collaborative writing Dropbox, with previous revisions Google Drive Skillshare Bourbon/Bourbon Neat CSS Mixins Code Academy Techniques Clarify team roles as to who does what (e.g. UX, front-end design, back-end dev.) Stay ahead of the curve to avoid headache later Use Post-Its on a wall; colour-code for different aspects Keep a postcard wall (outside of the computer) Rearrange your Top 3 on the board, use small Post-Its on top of the index cards Find a set of tools that work for you. You don't have to be up-to-date on everything. Go for 80%; let go of the compulsive tweaking of the last bit. Use three-letter client codes Use bullets to indicate time requirements (e.g. •••big effort, •not so much) Learn how to build stuff from scratch Be honest about what you should be doing in each moment Try yoga or breathing techniques Habits Systematize your projects for sharing and collaborating. Maintain the system, but not to a crippling degree. Keep email separated by inboxes Keep learning. Keep updating your workflows and skills. Erica's workflow Phase 1. Content and Site Map, Brand Erica's workflow Phase 2. Visual expression, typography, and details Erica's workflow Phase 3. Development, frameworks Comment your own HTML and CSS code (e.g. “// Trust me, keep this.”) Change your routines every once in a while Erica is a night owl, enjoys being “out of sync” Break your day into 2- or 3-hour chunks Keep “busy” work for later in the day, when your brain is tired

Endlich mal wieder eine Podcastfolge, in der nicht diese unnötigen »Themen« im Wege stehen. Daniel und Max sprechen über das schöne Wetter, Sachen, die es jetzt gibt, elektrische Zahnbürsten, »Zauberstäbe«, OCD-Gorillapods (im Ernst, besorgt euch einen Gorillapod, ihr Hobos!), Software, und … das war es dann auch schon. Max über Casper Camper Van Beethoven — Good Guys And Bad Guys Braun Stabmixer Braun Zahnbürste Philipp über Zahnbürsten Placescore Foto von Daniel mit Gorillapod Codekit Wie gesagt: Verpasst keine neue Folge, indem ihr uns auf Twitter folgt (@konferenz28) und verpasst zudem auf keinen Fall die Metafolge.

Hans und Stefan luden sich zu dieser Revision Gerrit von Aaken ein, deutsches Podcast-Urgestein und Meister der Webtypografie. Schaunotizen [00:02:44] Die Toolchain-Welt aus Designersicht Grunt, Yeoman, Jekyll, Travis und co. in allen Ehren, oft braucht man Tooling an Ort und Stelle. Gerrit erzählt uns von seinem Einstieg ins Tooling mit Codekit und wir philosophieren etwas […]

Driftlösningar för Drupal. Vi pratar om våra erfarenheter av olika servrar lösningar, system som Aegir och tjänster som Pantheon. Kristoffer har som alltid nyheter och modultips m m. Länkar till moduler, webbplatser och tjänster vi pratade om i detta avsnitt: Inledning SASS compass Anders Olssons och Fabian Sörqvists nya temavisningssystem kallas Slate, men än så länge finns ingen information online. Vi får återkomma till det i framtida poddar… Driftlösningar Aegir Pantheon DSLM for Multi-sites on steroids Building multi-sites with dbuild.py Nyheter Jobb Developer in Helsingborg | Thorn Reklambyrå PHP and Drupal developer | Lund University Drupal Association DrupalCamp Stockholm Spring 2014 Dries och Drupal 8 Two weeks in Drupal 8 Alex Pott Blogposter Gaming sites HTML5 Modultipset Making Drupal Websites “Retina Ready” 4 Social Sharing Modules for Drupal Kill the password - privacy on the web Nya Drupalsajter Djurrättsalliansen Eftersnack Wikipedia: Sleipner Entityforms CodeKit CodeKit & The Walking Dead

Assign It To Me Podcast #36 Intro Google’s Secret Barge.  Is it a… Advanced Data Centre Party Boat Retail Store Movember Articles Motorola announces Project Ara, an open source hardware project Amazing robot gymnast The making of the new Mac Pro workstation. This video is tech porn. Topic Off Line - My internet is dropping and it’s giving me the “shakes” Picks of the week: Vince: HTC EVO 3D bullet stopping feature Steven: CodeKit

Hallo, Zukunft! Hier ist Daniel vom letzten Samstag. Gibt es schon Jetpacks? In dieser Folge sprechen wir darüber, Sachen fertigzustellen, Webdesign-Workflow und die offenen Fragen bei Doctor Who. Animate.css CodeKit GitHub Folgt uns auf diesem nicht-nutzlosen Twitteraccount: @konferenz28, und taucht noch tiefer in die Vergangenheit ein, mit der neuen Metafolge.

Vi pratar om basteman, AdaptiveTheme, Omega, Zen och några till. Vad de är bra på och vilka som är våra personliga favoriter. Vi tar också upp Sass och LESS, ett bättre sätt att skriva CSS. Länkar till moduler, webbplatser och tjänster vi pratade om i detta avsnitt: DrupalSnack på iTunes DrupalSnack på Twitter Sweden på g.d.o Bastema Zen Omega Versatile mothership NineSixty (960 Grid System) AdaptiveTheme Skeleton Theme Sass och LESS Sass / Compass LESS LiveReload och CodeKit stödjer både Sass och LESS. GUI appar för Sass inkluderar Compass.app och Scout Lista med GUI appar för LESS Modultipset Webform Webform Alternate UI Form builder Drupalnytt Manually execute a rule set across large set of data = Drupal 7 + Rules + Views Bulk Operations Drupal 7.19 and 6.28 released How To Train Your Client How to Learn Drupal (without losing your mind) Övrigt TheWeeklyDrop DrupalPlanet

In our continual hunt for the best apps and tools for web designers we look at Gridlover, Codekit, Buffer and Flipboard.

There is nothing to be afraid about in this brave new world of preprocessing. Native apps make it so easy that it should be a vital part of any modern workflow. In this video we have a simple project in which we use Jade and Sass on. We use CodeKit to watch the project, which not only makes the preprocessing trivially easy, but helps in more ways like refreshing the browser, injecting styles, and optimizing images. Links from the video:… Read article “#111: Get Yourself Preprocessing in Just a Few Minutes”