-
Notifications
You must be signed in to change notification settings - Fork 0
/
rss-shoptalk.xml
8969 lines (8046 loc) · 657 KB
/
rss-shoptalk.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
xmlns:media="http://search.yahoo.com/mrss/"
>
<channel>
<title>ShopTalk</title>
<atom:link href="http://shoptalkshow.com/feed/podcast/" rel="self" type="application/rss+xml" />
<link>http://shoptalkshow.com</link>
<descript>ShopTalk is a podcast about front end web design, development and UX. Each week Chris Coyier and Dave Rupert are joined by a special guest to talk shop and answer listener submitted questions.</descript>
<lastBuildDate>Mon, 04 Aug 2014 15:25:12 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<copyright>Copyright © ShopTalk 2013 </copyright>
<managingEditor>rupato+shoptalk@gmail.com (ShopTalk)</managingEditor>
<webMaster>rupato+shoptalk@gmail.com (ShopTalk)</webMaster>
<category>Web, Design, Development, UX</category>
<ttl>1440</ttl>
<image>
<url>http://shoptalkshow.com/wp-content/uploads/2012/08/shoptalk_album-copy_sm.jpeg</url>
<title>ShopTalk</title>
<link>http://shoptalkshow.com</link>
<width>144</width>
<height>144</height>
</image>
<itunes:subtitle>A live podcast about web design and development with Chris Coyier & Dave Rupert</itunes:subtitle>
<itunes:summary>ShopTalk is a podcast about front end web design, development and UX. Each week Chris Coyier and Dave Rupert are joined by a special guest to talk shop and answer listener submitted questions.</itunes:summary>
<itunes:keywords>ShopTalkShow, frontend, webdesign, web, development, design, UX</itunes:keywords>
<itunes:category text="Technology">
<itunes:category text="Tech News" />
</itunes:category>
<itunes:category text="Technology" />
<itunes:category text="Arts">
<itunes:category text="Design" />
</itunes:category>
<itunes:author>ShopTalk</itunes:author>
<itunes:owner>
<itunes:name>ShopTalk</itunes:name>
<itunes:email>rupato+shoptalk@gmail.com</itunes:email>
</itunes:owner>
<itunes:block>no</itunes:block>
<itunes:explicit>no</itunes:explicit>
<itunes:image href="http://stscdn.paravel.netdna-cdn.com/wp-content/uploads/2012/08/shoptalk_album.jpeg" />
<item>
<title>127: With Tobias Günther</title>
<link>http://shoptalkshow.com/episodes/127-tobias-gunther/</link>
<comments>http://shoptalkshow.com/episodes/127-tobias-gunther/#comments</comments>
<pubDate>Mon, 04 Aug 2014 15:25:12 +0000</pubDate>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Git]]></category>
<category><![CDATA[Github]]></category>
<category><![CDATA[SVN]]></category>
<category><![CDATA[Tobias Gunther]]></category>
<category><![CDATA[Tower]]></category>
<category><![CDATA[Version Control]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=591</guid>
<descript><![CDATA[This week we were joined by Tobias Günther. Tobias is the founder and CEO of Fournova, the makers of Tower – the most powerful Git client for Mac. We take a deep dive into Git and version control. We talked about (roughly in order): Q & A: 16:06 I have never used git before as... <a href="http://shoptalkshow.com/episodes/127-tobias-gunther/" title="Read 127: With Tobias Günther">Read more »</a>]]></descript>
<description><![CDATA[<p>This week we were joined by Tobias Günther. Tobias is the founder and CEO of Fournova, the makers of Tower – the most powerful Git client for Mac. We take a deep dive into Git and version control.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=16:06">16:06</a> I have never used git before as a web developer/designer. Can you explain in more detail about how git works?</li>
<li><a href="#t=21:12">21:12</a> When you make a commit in a VCS like Git or Subversion, should the commit message be in the past, present or future tense?</li>
<li><a href="#t=24:44">24:44</a> I am part of a very small team prototyping a new app. We are familiar with GitHub, but the enterprise-company we’re working for requires us to work in Subversion (SVN). How would you recommend we attack the SVN dilemma?</li>
<li><a href="#t=32:32">32:32</a> We have a linux-based server where some of our clients’ websites are hosted. Someone thought of the idea of moving the entire website-folder into a Dropbox-folder thus keeping all the websites constantly backed up to the cloud, and at the same time using the Dropbox built-in version history to easily revert back to older versions of images/files or whatever when needed. Any ideas about pros/cons regarding performance and so on?</li>
<li><a href="#t=40:06">40:06</a> What license – if any – do you guys use for open source software?</li>
<li><a href="#t=45:10">45:10</a> I recently wrote and open-sourced a “framework” of sorts which deploys WordPress projects via Git/GitHub using Capistrano and WP-CLI. <a href="https://github.com/Mixd/wp-deploy">Here’s the link</a>.</li>
<li><a href="#t=52:00">52:00</a> Have you tried using Git as a project management tool? Would you recommend it?</li>
<li><a href="#t=57:05">57:05</a> Do you know of an ebook, online resource, or online course directed at Git newbies?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li><a href="#t=23:07">23:07</a> Environments for Humans – <a href="http://environmentsforhumans.com/2014/digital-biz-summit/">Digital Biz Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT).
<ul>
<li>Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for <a href="http://environmentsforhumans.com/2014/digital-biz-summit/#.U9ZhH4BdXRc">10% off your ticket</a>!</li>
</ul>
</li>
<li><a href="#t=37:21">37:21</a> <a href="http://mediatemple.net/?utm_source=shoptalkshow&utm_medium=textlink&utm_content=mt_overview_jul&utm_campaign=general">Media Temple</a> – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their new managed WordPress hosting which includes 3 WordPress installs with unlimited bandwidth!
<ul>
<li>Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to <a href="http://mediatemple.net/?utm_source=shoptalkshow&utm_medium=textlink&utm_content=mt_overview_jul&utm_campaign=general">mediatemple.net</a> and enter your promo code upon signup.</li>
</ul>
</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="https://twitter.com/tobidobi">Tobias on Twitter</a></li>
<li><a href="http://www.fournova.com/">Fournova</a></li>
<li><a href="http://www.git-tower.com/">Tower 2</a></li>
<li><a href="http://filamentgroup.com/lab/performance-rwd.html">Scott Jehl: How We Make RWD Sites Load Fast as Heck</a></li>
<li><a href="http://daverupert.com/2014/07/rwd-bloat/">Dave Rupert: RWD Bloat</a></li>
<li><a href="http://alistapart.com/article/get-started-with-git">Getting Started with Git</a></li>
<li><a href="http://www.git-tower.com/learn/">Learn Version Control with Git</a></li>
<li><a href="http://versionsapp.com/">Versions App</a></li>
<li><a href="https://www.zennaware.com/cornerstone/index.php">CornerStone App</a></li>
<li><a href="http://git-scm.com/book/en/Git-and-Other-Systems-Git-and-Subversion">Git SVN</a></li>
<li><a href="http://www.sublimetext.com/">Sublime Text</a></li>
<li><a href="http://www.wtfpl.net/">WTFPL License</a></li>
<li><a href="http://opensource.org/licenses/MIT">MIT License</a></li>
<li><a href="http://stackoverflow.com/questions/3336161/mit-gpl-dual-license-in-commercial-software">MIT/GPL Dual License</a></li>
<li><a href="https://github.com/Mixd/wp-deploy">WP Deploy</a></li>
<li><a href="http://guides.beanstalkapp.com/deployments/deploy-with-capistrano.html">Deploying with Capistrano</a></li>
<li><a href="http://www.fogcreek.com/fogbugz/">FogBugz</a></li>
<li><a href="https://try.github.io/levels/1/challenges/1">Codeschool: Try Git (free interactive online course)</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/127-tobias-gunther/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/591/0/193917-127-with-tobias-gunther.mp3" length="30836739" type="audio/mpeg" />
<itunes:duration>1:03:42</itunes:duration>
<itunes:subtitle>This week we were joined by Tobias Günther. Tobias is the founder and CEO of Fournova, the makers of Tower – the most powerful Git client for Mac. We take a deep dive into Git and version control.
We talked about (roughly in order):
Q & A:[...]</itunes:subtitle>
<itunes:summary>This week we were joined by Tobias Günther. Tobias is the founder and CEO of Fournova, the makers of Tower – the most powerful Git client for Mac. We take a deep dive into Git and version control.
We talked about (roughly in order):
Q & A:
16:06 I have never used git before as a web developer/designer. Can you explain in more detail about how git works?
21:12 When you make a commit in a VCS like Git or Subversion, should the commit message be in the past, present or future tense?
24:44 I am part of a very small team prototyping a new app. We are familiar with GitHub, but the enterprise-company we’re working for requires us to work in Subversion (SVN). How would you recommend we attack the SVN dilemma?
32:32 We have a linux-based server where some of our clients’ websites are hosted. Someone thought of the idea of moving the entire website-folder into a Dropbox-folder thus keeping all the websites constantly backed up to the cloud, and at the same time using the Dropbox built-in version history to easily revert back to older versions of images/files or whatever when needed. Any ideas about pros/cons regarding performance and so on?
40:06 What license – if any – do you guys use for open source software?
45:10 I recently wrote and open-sourced a “framework” of sorts which deploys WordPress projects via Git/GitHub using Capistrano and WP-CLI. Here’s the link.
52:00 Have you tried using Git as a project management tool? Would you recommend it?
57:05 Do you know of an ebook, online resource, or online course directed at Git newbies?
Sponsors:
23:07 Environments for Humans – Digital Biz Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT).
Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for 10% off your ticket!
37:21 Media Temple – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their new managed WordPress hosting which includes 3 WordPress installs with unlimited bandwidth!
Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to mediatemple.net and enter your promo code upon signup.
Show Links:
Tobias on Twitter
Fournova
Tower 2
Scott Jehl: How We Make RWD Sites Load Fast as Heck
Dave Rupert: RWD Bloat
Getting Started with Git
Learn Version Control with Git
Versions App
CornerStone App
Git SVN
Sublime Text
WTFPL License
MIT License
MIT/GPL Dual License
WP Deploy
Deploying with Capistrano
FogBugz
Codeschool: Try Git (free interactive online course)
</itunes:summary>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>126: With Fabio Carneiro</title>
<link>http://shoptalkshow.com/episodes/126-fabio-carneiro/</link>
<comments>http://shoptalkshow.com/episodes/126-fabio-carneiro/#comments</comments>
<pubDate>Wed, 30 Jul 2014 16:19:01 +0000</pubDate>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Email]]></category>
<category><![CDATA[Fabio Carneiro]]></category>
<category><![CDATA[HTML]]></category>
<category><![CDATA[Newsletters]]></category>
<category><![CDATA[Responsive]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=586</guid>
<descript><![CDATA[This week we were joined by Fabio Carneiro. Fabio is an Email & User Experience Designer at MailChimp, where he designs and develops versatile, responsive html emails for over 4 million users. We talked about (roughly in order): Q & A: 21:50 Are there any tools or frame works to help make responsive emails easier... <a href="http://shoptalkshow.com/episodes/126-fabio-carneiro/" title="Read 126: With Fabio Carneiro">Read more »</a>]]></descript>
<description><![CDATA[<p>This week we were joined by Fabio Carneiro. Fabio is an Email & User Experience Designer at <a href="http://mailchimp.com/">MailChimp</a>, where he designs and develops versatile, responsive html emails for over 4 million users.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=21:50">21:50</a> Are there any tools or frame works to help make responsive emails easier for me?</li>
<li><a href="#t=38:06">38:06</a> Can you describe your workflow for marking up and testing a HTML email?</li>
<li><a href="#t=44:58">44:58</a> If you were an active member in a forum, how could you describe the notification preferences of your dreams?</li>
<li><a href="#t=49:40">49:40</a> What is the easiest way of handling data without a database?</li>
<li><a href="#t=53:11">53:11</a> I’ve noticed that most registration forms don’t require the user to enter their email address twice (just like the password). Is there any best practice to make it the most comfortable for the client and securing a successful registration process?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li><a href="#t=20:20">20:20</a> Environments for Humans – <a href="http://environmentsforhumans.com/2014/digital-biz-summit/">Digital Biz Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT).</li>
<li>Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for <a href="http://environmentsforhumans.com/2014/digital-biz-summit/#.U9ZhH4BdXRc">10% off your ticket</a>!</li>
<li><a href="#t=35:32">35:32</a> <a href="http://mediatemple.net/?utm_source=shoptalkshow&utm_medium=textlink&utm_content=mt_overview_jul&utm_campaign=general">Media Temple</a> – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their New Managed WordPress Hosting which includes 3 WordPress installs with unlimited bandwidth!</li>
<li>Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to <a href="http://mediatemple.net/?utm_source=shoptalkshow&utm_medium=textlink&utm_content=mt_overview_jul&utm_campaign=general">mediatemple.net</a> and enter your promo code upon signup.</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="https://twitter.com/flcarneiro">Fabio on Twitter</a></li>
<li><a href="http://www.fabio-carneiro.com/">Fabio’s Website</a></li>
<li><a href="http://mailchimp.com/">Mailchimp</a></li>
<li><a href="http://templates.mailchimp.com/">Templates – Mailchimp</a></li>
<li><a href="http://responsiveemailpatterns.com/">Responsive Email Patterns</a></li>
<li><a href="http://zurb.com/ink/">Ink from Zurb</a></li>
<li><a href="https://litmus.com/">Litmus</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/126-fabio-carneiro/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/586/0/192833-126-with-fabio-carneiro.mp3" length="37680975" type="audio/mpeg" />
<itunes:duration>1:02:22</itunes:duration>
<itunes:subtitle>This week we were joined by Fabio Carneiro. Fabio is an Email & User Experience Designer at MailChimp, where he designs and develops versatile, responsive html emails for over 4 million users.
We talked about (roughly in order):
Q & A:
21:5[...]</itunes:subtitle>
<itunes:summary>This week we were joined by Fabio Carneiro. Fabio is an Email & User Experience Designer at MailChimp, where he designs and develops versatile, responsive html emails for over 4 million users.
We talked about (roughly in order):
Q & A:
21:50 Are there any tools or frame works to help make responsive emails easier for me?
38:06 Can you describe your workflow for marking up and testing a HTML email?
44:58 If you were an active member in a forum, how could you describe the notification preferences of your dreams?
49:40 What is the easiest way of handling data without a database?
53:11 I’ve noticed that most registration forms don’t require the user to enter their email address twice (just like the password). Is there any best practice to make it the most comfortable for the client and securing a successful registration process?
Sponsors:
20:20 Environments for Humans – Digital Biz Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT).
Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for 10% off your ticket!
35:32 Media Temple – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their New Managed WordPress Hosting which includes 3 WordPress installs with unlimited bandwidth!
Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to mediatemple.net and enter your promo code upon signup.
Show Links:
Fabio on Twitter
Fabio’s Website
Mailchimp
Templates – Mailchimp
Responsive Email Patterns
Ink from Zurb
Litmus
</itunes:summary>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>125: Rapidfire 33</title>
<link>http://shoptalkshow.com/episodes/125-rapid-fire-33/</link>
<comments>http://shoptalkshow.com/episodes/125-rapid-fire-33/#comments</comments>
<pubDate>Mon, 21 Jul 2014 15:00:01 +0000</pubDate>
<dc:creator><![CDATA[Aaron Dowd]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Rapidfires]]></category>
<category><![CDATA[Pictures]]></category>
<category><![CDATA[Rapid Fire]]></category>
<category><![CDATA[Responsive]]></category>
<category><![CDATA[SVG]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=579</guid>
<descript><![CDATA[This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard! We talked about (roughly in order): Q & A: 3:30 Do you have any rule of thumb for deciding when to use the new element (using the picturefill polyfill) vs just using CSS background images with media... <a href="http://shoptalkshow.com/episodes/125-rapid-fire-33/" title="Read 125: Rapidfire 33">Read more »</a>]]></descript>
<description><![CDATA[<p>This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard!</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=3:30">3:30</a> Do you have any rule of thumb for deciding when to use the new element (using the picturefill polyfill) vs just using CSS background images with media queries for responsive images? Is it more a question of semantics?</li>
<li><a href="#t=12:15">12:15</a> What is translateZ traditionally used for and how can it help me with my front-end style markup?</li>
<li><a href="#t=24:26">24:26</a> I love inline-block, it’s great and allows for easy simple vertical alignment. However it always adds that little bit of extras space making items wrap, e.g. a list of 4 with each set at 25%. Is there a better/cleaner way than commenting out the space? Why does it even happen?
<li><a href="#t=31:36">31:36</a> I’m trying to move stackicons.com from icon font to SVG-based. Can you reference an external style sheet in the SVG file itself and use that as a single place to change styling across all the icons?</li>
<li><a href="#t=38:45">38:45</a> In jQuery, what is the difference between the .on function and the .click function?</li>
<li><a href="#t=44:47">44:47</a> I’m curious on what your thoughts are for terminology changes across an entire project. To give you some background, I work for a company that has created a web-based software. We have come across stages in our development that we want to change the terminology for functionality in our site. How would you guys go about this?</li>
<li><a href="#t=51:44">51:44</a> Regarding performance on mobile, is it better to A) have all content on page load and then show-hide it, B) inject the markup and content dynamically or C) load that markup and content using ajax, when a tablet o desktop media query matches, so secondary content can be shown to these more capable browsers.</li>
</ul>
<p>Sponsors:</p>
<ul>
<li><a href="#t=20:19">20:19</a> <a href="http://www.adobe.com/">Adobe</a> – Check out <a href="https://projectparfait.adobe.com/">Project Parfait</a>: it’s a really nice way to extract everything you need from a PSD – in your browser!</li>
<li>Also, take a look at the <a href="https://creative.adobe.com/products/animate">Edge Animage CC updates</a>: some sweet new features like copy/paste SVG art from Illustrator.</li>
<li><a href="#t=37:05">37:05</a> <a href="http://environmentsforhumans.com/2014/frontend-summit">E4H – FrontEnd Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT).</li>
<li>Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! <a href="http://environmentsforhumans.com/2014/frontend-summit/#buytickets">Get 20% off your tickets now</a> by using coupon code “SHOPTALK”!</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="http://picture.responsiveimages.org/">Picture Element</a></li>
<li><a href="https://github.com/scottjehl/picturefill">Picturefill Polyfill</a></li>
<li><a href="http://buzzfeedminusgifs.tumblr.com/">Buzzfeed Minus Gifs</a></li>
<li><a href="http://css-tricks.com/everything-need-know-css-will-change-property/">Will-change CSS Property</a></li>
<li><a href="http://css-tricks.com/fighting-the-space-between-inline-block-elements/">Fighting the Space Between Inline-Block Elements – CSS-Tricks Blog Post</a></li>
<li><a href="http://stackicons.com/">Stackicons</a></li>
<li><a href="http://fittextjs.com/">FitText</a></li>
<li><a href="http://24ways.org/2011/conditional-loading-for-responsive-designs/">Conditional Loading for Responsive Designs</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/125-rapid-fire-33/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/579/0/188374-125-rapidfire-33.mp3" length="35821056" type="audio/mpeg" />
<itunes:duration>0:59:16</itunes:duration>
<itunes:subtitle>This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard!
We talked about (roughly in order):
Q & A:
3:30 Do you have any rule of thumb for deciding when to use the new element (usi[...]</itunes:subtitle>
<itunes:summary>This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard!
We talked about (roughly in order):
Q & A:
3:30 Do you have any rule of thumb for deciding when to use the new element (using the picturefill polyfill) vs just using CSS background images with media queries for responsive images? Is it more a question of semantics?
12:15 What is translateZ traditionally used for and how can it help me with my front-end style markup?
24:26 I love inline-block, it’s great and allows for easy simple vertical alignment. However it always adds that little bit of extras space making items wrap, e.g. a list of 4 with each set at 25%. Is there a better/cleaner way than commenting out the space? Why does it even happen?
31:36 I’m trying to move stackicons.com from icon font to SVG-based. Can you reference an external style sheet in the SVG file itself and use that as a single place to change styling across all the icons?
38:45 In jQuery, what is the difference between the .on function and the .click function?
44:47 I’m curious on what your thoughts are for terminology changes across an entire project. To give you some background, I work for a company that has created a web-based software. We have come across stages in our development that we want to change the terminology for functionality in our site. How would you guys go about this?
51:44 Regarding performance on mobile, is it better to A) have all content on page load and then show-hide it, B) inject the markup and content dynamically or C) load that markup and content using ajax, when a tablet o desktop media query matches, so secondary content can be shown to these more capable browsers.
Sponsors:
20:19 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser!
Also, take a look at the Edge Animage CC updates: some sweet new features like copy/paste SVG art from Illustrator.
37:05 E4H – FrontEnd Summit – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT).
Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! Get 20% off your tickets now by using coupon code “SHOPTALK”!
Show Links:
Picture Element
Picturefill Polyfill
Buzzfeed Minus Gifs
Will-change CSS Property
Fighting the Space Between Inline-Block Elements – CSS-Tricks Blog Post
Stackicons
FitText
Conditional Loading for Responsive Designs
</itunes:summary>
<itunes:keywords>Rapidfires</itunes:keywords>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>124: With Rob Dodson</title>
<link>http://shoptalkshow.com/episodes/124-rob-dodson/</link>
<comments>http://shoptalkshow.com/episodes/124-rob-dodson/#comments</comments>
<pubDate>Sat, 12 Jul 2014 15:35:35 +0000</pubDate>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Angular]]></category>
<category><![CDATA[Git]]></category>
<category><![CDATA[Google]]></category>
<category><![CDATA[Polymer]]></category>
<category><![CDATA[SCSS]]></category>
<category><![CDATA[Web Components]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=577</guid>
<descript><![CDATA[This week we were joined by Rob Dodson. Rob works on Polymer at Google. True Facts. We take a deep dive with him into Polymer and Web Components. We talked about (roughly in order): Q & A: 27:58 Web components are a hot topic at the moment, and it looks like libraries like Polymer are... <a href="http://shoptalkshow.com/episodes/124-rob-dodson/" title="Read 124: With Rob Dodson">Read more »</a>]]></descript>
<description><![CDATA[<p>This week we were joined by Rob Dodson. Rob works on Polymer at Google. True Facts. We take a deep dive with him into Polymer and Web Components.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=27:58">27:58</a> Web components are a hot topic at the moment, and it looks like libraries like Polymer are almost ready for production. Have either of you guys had the opportunity to play around with web components yet? Do you think they are the future? What do you believe to be positive and negative aspects of breaking up your HTML, CSS and JavaScript into isolated bundles of styling/functionality?</li>
<li><a href="#t=39:58">39:58</a> What would you say are the advantages of polymer over angular directives?</li>
<li><a href="#t=46:40">46:40</a> Is it possible to use Polymer with Phonegap?</li>
<li><a href="#t=49:09">49:09</a> When working on a project with a team, using Git and SASS, what does your guys folder structure and workflow look like?</li>
<li><a href="#t=54:38">54:38</a> I’ve started using Grunt for javascript concat and minification, image optimization and cache manifest generation when necessary. Should I .gitignore the node modules folder?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li>
<p><a href="#t=24:22">24:22</a> <a href="http://speedcurve.com/">SpeedCurve</a> – Monitor front-end performance. Get continuous feedback on how your front-end code is affecting the performance of your website.</p>
</li>
<li>
<p><a href="#t=44:50">44:50</a> <a href="http://environmentsforhumans.com/2014/frontend-summit">E4H – FrontEnd Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT). Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! <a href="http://environmentsforhumans.com/2014/frontend-summit/#buytickets">Get your tickets now</a>!</p>
<p>Use coupon code “SHOPTALK” for 20% off any ticket combo.</p>
</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="http://robdodson.me/">Rob Dodson’s Website</a></li>
<li><a href="https://twitter.com/rob_dodson">Rob Dodson on Twitter</a></li>
<li><a href="http://www.polymer-project.org/">Polymer</a></li>
<li><a href="http://css-tricks.com/modular-future-web-components/">A Guide to Web Components</a></li>
<li><a href="http://www.google.com/design/spec/material-design/introduction.html">Intro to Material Design</a></li>
<li><a href="http://speedcurve.com/blog/velocity-responsive-in-the-wild/">Responsive Design Speed Testing</a></li>
<li><a href="http://www.chromestatus.com/features">Chrome Status</a></li>
<li><a href="http://www.sitepoint.com/practical-guide-angularjs-directives/">Angular Directives</a></li>
<li><a href="http://phonegap.com/">Phonegap</a></li>
<li><a href="http://cordova.apache.org/">Cordova</a></li>
<li><a href="https://developers.google.com/web/fundamentals/">Google Web Fundamentals</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/124-rob-dodson/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/577/0/188372-124-with-rob-dodson.mp3" length="37020860" type="audio/mpeg" />
<itunes:duration>1:01:16</itunes:duration>
<itunes:subtitle>This week we were joined by Rob Dodson. Rob works on Polymer at Google. True Facts. We take a deep dive with him into Polymer and Web Components.
We talked about (roughly in order):
Q & A:
27:58 Web components are a hot topic at the moment, and[...]</itunes:subtitle>
<itunes:summary>This week we were joined by Rob Dodson. Rob works on Polymer at Google. True Facts. We take a deep dive with him into Polymer and Web Components.
We talked about (roughly in order):
Q & A:
27:58 Web components are a hot topic at the moment, and it looks like libraries like Polymer are almost ready for production. Have either of you guys had the opportunity to play around with web components yet? Do you think they are the future? What do you believe to be positive and negative aspects of breaking up your HTML, CSS and JavaScript into isolated bundles of styling/functionality?
39:58 What would you say are the advantages of polymer over angular directives?
46:40 Is it possible to use Polymer with Phonegap?
49:09 When working on a project with a team, using Git and SASS, what does your guys folder structure and workflow look like?
54:38 I’ve started using Grunt for javascript concat and minification, image optimization and cache manifest generation when necessary. Should I .gitignore the node modules folder?
Sponsors:
24:22 SpeedCurve – Monitor front-end performance. Get continuous feedback on how your front-end code is affecting the performance of your website.
44:50 E4H – FrontEnd Summit – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT). Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! Get your tickets now!
Use coupon code “SHOPTALK” for 20% off any ticket combo.
Show Links:
Rob Dodson’s Website
Rob Dodson on Twitter
Polymer
A Guide to Web Components
Intro to Material Design
Responsive Design Speed Testing
Chrome Status
Angular Directives
Phonegap
Cordova
Google Web Fundamentals
</itunes:summary>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>123: Special Archive Episode from 2004</title>
<link>http://shoptalkshow.com/episodes/123-special-archive-episode-2004/</link>
<comments>http://shoptalkshow.com/episodes/123-special-archive-episode-2004/#comments</comments>
<pubDate>Mon, 07 Jul 2014 23:05:01 +0000</pubDate>
<dc:creator><![CDATA[Aaron Dowd]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Specials]]></category>
<category><![CDATA[CSS]]></category>
<category><![CDATA[HTML]]></category>
<category><![CDATA[Old-School]]></category>
<category><![CDATA[Tables]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=574</guid>
<descript><![CDATA[This week, we take a listen to an episode of the Shoptalk show that was recorded WAAAYYYYY back in 2004, when – apparently – both Chris and Dave had midwestern accents and voices that cracked regularly! They speak to some up-and-comers in the web design community, and debate the hot question: CSS, or tables? Q... <a href="http://shoptalkshow.com/episodes/123-special-archive-episode-2004/" title="Read 123: Special Archive Episode from 2004">Read more »</a>]]></descript>
<description><![CDATA[<p>This week, we take a listen to an episode of the Shoptalk show that was recorded WAAAYYYYY back in 2004, when – apparently – both Chris and Dave had midwestern accents and voices that cracked regularly! They speak to some up-and-comers in the web design community, and debate the hot question: CSS, or tables?</p>
<p>Q & A</p>
<ul>
<li><a href="#t=5:26">5:26</a> Live Journal no longer requires an invite code: is there going to be a Shoptalk Community?</li>
<li><a href="#t=7:07">7:07</a> How do I add text to my Zen Garden theme with CSS?</li>
<li><a href="#t=12:06">12:06</a> I’d like to use CSS Zen Garden, but I’m Christian. What should I do?</li>
<li><a href="#t=15:31">15:31</a> I’ve been using frames and tables for my layouts, but I’ve heard about divs and CSS. Should I take the time to learn this stuff?</li>
<li><a href="#t=17:25">17:25</a> Is it possible to use CSS with IE 5 and 6?</li>
<li><a href="#t=20:10">20:10</a> I heard the folks at Mozilla are about to release a new web browser. Will it handle CSS properties better than Internet Exploder?</li>
<li><a href="#t=22:59">22:59</a> I have two frames in a frame set. How do I let my users toggle the left frame on and off by clicking a button on the right frame?</li>
<li><a href="#t=26:27">26:27</a> Where can I find “Under Construction” GIFs for my new site? And how long do I have before GeoCities takes my page down?</li>
<li><a href="#t=30:41">30:41</a> I’m working with an Ad Agency doing print work, but I’m interested in building websites. Is the future of websites bigger than print design?</li>
<li><a href="#t=34:28">34:28</a> I’ve been hearing about liquid layouts to let websites adjust to different screen sizes, but since most screens are 1024px or 800px, are liquid layouts worth the extra work?</li>
<li><a href="#t=38:23">38:23</a> What can I do to make my Myspace page look cooler?</li>
<li><a href="#t=40:50">40:50</a> I’m building my first website, and I want to make a blog. Should I use WordPress or Grey Matter?</li>
<li><a href="#t=43:15">43:15</a> How do I change the background image in my nav bar when the user hovers over it?</li>
<li><a href="#t=46:46">46:46</a> Do you know of a good rollover plugin for Dreamweaver 6?</li>
<li><a href="#t=48:47">48:47</a> Why should I start using CSS and Divs instead of table based layouts?</li>
<li><a href="#t=52:38">52:38</a> I’ve been using Adobe Director, but my teachers at school keep telling me that Authorware is going to be the next big thing. Any tips?</li>
<li><a href="#t=56:00">56:00</a> My uncle keeps having the weird dreams about the future where kids are taking pictures of their meals and sharing them on the internet. Is he crazy?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li>
<p><a href="#t=61:15">61:15</a> <a href="http://www.adobe.com/">Adobe</a> – Check out <a href="https://projectparfait.adobe.com/">Project Parfait</a>: it’s a really nice way to extract everything you need from a PSD – in your browser!</p>
</li>
<li>
<p><a href="#t=63:03">63:03</a> <a href="http://environmentsforhumans.com/2014/css-summit/">E4H CSS Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT).</p>
</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="http://www.homestarrunner.com/main4.html">Homestar Runner</a></li>
<li><a href="http://mezzoblue.com/archives/2003/05/07/css_zen_gard/">CSS Zen Garden</a></li>
<li><a href="http://www.amazon.com/Designing-With-Standards-Jeffrey-Zeldman/dp/0735712018">Designing with Web Standards</a></li>
<li><a href="http://www.webreference.com/programming/javascript/2003_archive.html">Javascript Tutorials</a></li>
<li><a href="http://aurgasm.us/">Aurgasm</a></li>
<li><a href="http://metatalk.metafilter.com/archived.mefi/12/01/2003/">Metafilter</a></li>
<li><a href="http://wordpress.org/news/2003/05/wordpress-now-available/">WordPress</a></li>
<li><a href="http://en.wikipedia.org/wiki/Greymatter_(software)">Grey Matter</a></li>
<li><a href="http://nslog.com/2003/03/13/starting_a_blog_with_movabletype">Moveable Type</a></li>
<li><a href="http://en.wikipedia.org/wiki/Lingo_(programming_language)">Lingo</a></li>
<li><a href="http://www.adobe.com/products/authorware/">Adobe Authorware</a></li>
<li><a href="http://en.wikipedia.org/wiki/Adobe_Director">Adobe Director 9</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/123-special-archive-episode-2004/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/574/0/187459-123-special-archive-episode-from-2004.mp3" length="46767879" type="audio/mpeg" />
<itunes:duration>1:04:36</itunes:duration>
<itunes:subtitle>This week, we take a listen to an episode of the Shoptalk show that was recorded WAAAYYYYY back in 2004, when – apparently – both Chris and Dave had midwestern accents and voices that cracked regularly! They speak to some up-and-comers i[...]</itunes:subtitle>
<itunes:summary>This week, we take a listen to an episode of the Shoptalk show that was recorded WAAAYYYYY back in 2004, when – apparently – both Chris and Dave had midwestern accents and voices that cracked regularly! They speak to some up-and-comers in the web design community, and debate the hot question: CSS, or tables?
Q & A
5:26 Live Journal no longer requires an invite code: is there going to be a Shoptalk Community?
7:07 How do I add text to my Zen Garden theme with CSS?
12:06 I’d like to use CSS Zen Garden, but I’m Christian. What should I do?
15:31 I’ve been using frames and tables for my layouts, but I’ve heard about divs and CSS. Should I take the time to learn this stuff?
17:25 Is it possible to use CSS with IE 5 and 6?
20:10 I heard the folks at Mozilla are about to release a new web browser. Will it handle CSS properties better than Internet Exploder?
22:59 I have two frames in a frame set. How do I let my users toggle the left frame on and off by clicking a button on the right frame?
26:27 Where can I find “Under Construction” GIFs for my new site? And how long do I have before GeoCities takes my page down?
30:41 I’m working with an Ad Agency doing print work, but I’m interested in building websites. Is the future of websites bigger than print design?
34:28 I’ve been hearing about liquid layouts to let websites adjust to different screen sizes, but since most screens are 1024px or 800px, are liquid layouts worth the extra work?
38:23 What can I do to make my Myspace page look cooler?
40:50 I’m building my first website, and I want to make a blog. Should I use WordPress or Grey Matter?
43:15 How do I change the background image in my nav bar when the user hovers over it?
46:46 Do you know of a good rollover plugin for Dreamweaver 6?
48:47 Why should I start using CSS and Divs instead of table based layouts?
52:38 I’ve been using Adobe Director, but my teachers at school keep telling me that Authorware is going to be the next big thing. Any tips?
56:00 My uncle keeps having the weird dreams about the future where kids are taking pictures of their meals and sharing them on the internet. Is he crazy?
Sponsors:
61:15 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser!
63:03 E4H CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT).
Show Links:
Homestar Runner
CSS Zen Garden
Designing with Web Standards
Javascript Tutorials
Aurgasm
Metafilter
WordPress
Grey Matter
Moveable Type
Lingo
Adobe Authorware
Adobe Director 9
</itunes:summary>
<itunes:keywords>Specials</itunes:keywords>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>122: With Katie Kovalcin</title>
<link>http://shoptalkshow.com/episodes/122-katie-kovalcin/</link>
<comments>http://shoptalkshow.com/episodes/122-katie-kovalcin/#comments</comments>
<pubDate>Mon, 30 Jun 2014 23:50:56 +0000</pubDate>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Design]]></category>
<category><![CDATA[Katie Kovalcin]]></category>
<category><![CDATA[Responsive]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=571</guid>
<descript><![CDATA[This week we were joined by Katie Kovalcin. Katie is a designer at Happy Cog in Austin and teaches at Girl Develop It. We talked about (roughly in order): News’n’Links’n’Drama: 12:55 Protesters outside Google.io, and Google Cardboard Q & A: 19:56 What is your feeling on website creators like Wix and Squarespace? Is this taking... <a href="http://shoptalkshow.com/episodes/122-katie-kovalcin/" title="Read 122: With Katie Kovalcin">Read more »</a>]]></descript>
<description><![CDATA[<p>This week we were joined by <a href="http://kovalc.in/">Katie Kovalcin</a>. Katie is a designer at Happy Cog in Austin and teaches at Girl Develop It.</p>
<p>We talked about (roughly in order):</p>
<p>News’n’Links’n’Drama:</p>
<p><a href="#t=12:55">12:55</a> <a href="http://missionlocal.org/2014/06/live-blog-google-io-protest/">Protesters outside Google.io</a>, and <a href="http://www.theverge.com/2014/6/26/5846216/other-companies-are-already-selling-google-cardboard-clones">Google Cardboard</a></p>
<p>Q & A:</p>
<ul>
<li><a href="#t=19:56">19:56</a> What is your feeling on website creators like Wix and Squarespace? Is this taking away from potential business for web designer/developers?</li>
<li><a href="#t=27:32">27:32</a> Recently I was asked to create page design for a client. Just the visual design, no code. I thought this would be easy, but after spending an hour and a half creating a table in Illustrator, I’m yearning for some basic HTML & CSS. Are there any design tools you guys know of that take into account of things like “separation of style and content” or “modular components”?</li>
<li><a href="#t=34:10">34:10</a> I’m a newb. I love designing using HTML and CSS, but my creativity is stunted because I can’t program. Which language should I learn first?</li>
<li><a href="#t=38:43">38:43</a> Responsive web design has done a lot of great things for the web, but sometimes the sharing of a single codebase for all the different breakpoints makes things tricky. I’ll usually ask my designers to avoid situations that would require building a component in two different ways across screen sizes. The navigation in the header is usually one of the areas for this discussion (where a design basically requires toggling visibility between two different menu systems). Am I being too much of a stickler or should I stand my ground?</li>
<li><a href="#t=47:03">47:03</a> For smaller websites I often find it difficult to collect quality content from the business that I am designing a website for. These website budgets are usually small therefore a content writer may not be practical. Can you explain your process on collecting data or steering customers in the right direction when it comes to providing quality content?</li>
<li><a href="#t=52:35">52:35</a> I’ve got this really bad habit of nudging things in my design. Two pixels up, an em here, an em there. And then repeat into insanity. I’m always struggling to get that whitespace just right. How do you approach whitespace?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li>
<p><a href="#t=24:17">24:17</a> <a href="https://www.codeship.io/shoptalkshow">Codeship: Continuous Delivery Made Simple</a> – Codeship helps run your tests and continuously deploys new code when it passes. Get <a href="https://www.codeship.io/shoptalkshow">20% off your first 3 months</a> by using discount code “shoptalkshow”.</p>
</li>
<li>
<p><a href="#t=43:10">43:10</a> <a href="http://environmentsforhumans.com/2014/css-summit/">E4H CSS Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT).</p>
<p>Get <a href="http://environmentsforhumans.com/2014/css-summit/#buytickets">20% off your ticket now</a> by using SHOPTALKSHOW during checkout!</p>
</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="http://katekovalcin.com/">Katie Kovalcin</a></li>
<li><a href="https://twitter.com/katiekovalcin">Katie on Twitter</a></li>
<li><a href="http://cssdevconf2014.sched.org/speaker/create#.U67a5o1dUhE">Katie’s upcoming talk at CSS Dev Conf</a></li>
<li><a href="http://www.hyperquake.com/">Hyperquake</a></li>
<li><a href="http://happycog.com/">Happy Cog</a></li>
<li><a href="http://artifactconf.com/">Artifact Conf</a></li>
<li><a href="http://www.polymer-project.org/">Polymer</a></li>
<li><a href="https://developers.google.com/web/fundamentals/">Google Web Fundamentals</a></li>
<li><a href="https://developers.google.com/web/starter-kit/">Google Web Starter Kit</a></li>
<li><a href="http://www.google.com/design/spec/material-design/introduction.html">Google Material Design</a></li>
<li><a href="http://patternlab.io/">Brad Frost Pattern Lab</a></li>
<li><a href="http://css-tricks.com/small-business-website/">CSS-Tricks: Small Business Website</a></li>
<li><a href="http://bohemiancoding.com/sketch/">Sketch</a></li>
</ul>
<p>Jeff Low wins a ticket to this years CSS Summit! Thanks for sending in nerdy questions, everyone!</p>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/122-katie-kovalcin/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/571/0/187457-122-with-katie-kovalcin.mp3" length="69899896" type="audio/mpeg" />
<itunes:duration>1:01:23</itunes:duration>
<itunes:subtitle>This week we were joined by Katie Kovalcin. Katie is a designer at Happy Cog in Austin and teaches at Girl Develop It.
We talked about (roughly in order):
News’n’Links’n’Drama:
12:55 Protesters outside Google.io, and Google Cardboard
Q & A:
19:[...]</itunes:subtitle>
<itunes:summary>This week we were joined by Katie Kovalcin. Katie is a designer at Happy Cog in Austin and teaches at Girl Develop It.
We talked about (roughly in order):
News’n’Links’n’Drama:
12:55 Protesters outside Google.io, and Google Cardboard
Q & A:
19:56 What is your feeling on website creators like Wix and Squarespace? Is this taking away from potential business for web designer/developers?
27:32 Recently I was asked to create page design for a client. Just the visual design, no code. I thought this would be easy, but after spending an hour and a half creating a table in Illustrator, I’m yearning for some basic HTML & CSS. Are there any design tools you guys know of that take into account of things like “separation of style and content” or “modular components”?
34:10 I’m a newb. I love designing using HTML and CSS, but my creativity is stunted because I can’t program. Which language should I learn first?
38:43 Responsive web design has done a lot of great things for the web, but sometimes the sharing of a single codebase for all the different breakpoints makes things tricky. I’ll usually ask my designers to avoid situations that would require building a component in two different ways across screen sizes. The navigation in the header is usually one of the areas for this discussion (where a design basically requires toggling visibility between two different menu systems). Am I being too much of a stickler or should I stand my ground?
47:03 For smaller websites I often find it difficult to collect quality content from the business that I am designing a website for. These website budgets are usually small therefore a content writer may not be practical. Can you explain your process on collecting data or steering customers in the right direction when it comes to providing quality content?
52:35 I’ve got this really bad habit of nudging things in my design. Two pixels up, an em here, an em there. And then repeat into insanity. I’m always struggling to get that whitespace just right. How do you approach whitespace?
Sponsors:
24:17 Codeship: Continuous Delivery Made Simple – Codeship helps run your tests and continuously deploys new code when it passes. Get 20% off your first 3 months by using discount code “shoptalkshow”.
43:10 E4H CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT).
Get 20% off your ticket now by using SHOPTALKSHOW during checkout!
Show Links:
Katie Kovalcin
Katie on Twitter
Katie’s upcoming talk at CSS Dev Conf
Hyperquake
Happy Cog
Artifact Conf
Polymer
Google Web Fundamentals
Google Web Starter Kit
Google Material Design
Brad Frost Pattern Lab
CSS-Tricks: Small Business Website
Sketch
Jeff Low wins a ticket to this years CSS Summit! Thanks for sending in nerdy questions, everyone!</itunes:summary>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>121: With Sam Kapila</title>
<link>http://shoptalkshow.com/episodes/121-sam-kapila/</link>
<comments>http://shoptalkshow.com/episodes/121-sam-kapila/#comments</comments>
<pubDate>Tue, 24 Jun 2014 02:42:03 +0000</pubDate>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Education]]></category>
<category><![CDATA[Open Source]]></category>
<category><![CDATA[Sam Kapila]]></category>
<category><![CDATA[Tools]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=567</guid>
<descript><![CDATA[This week we were joined by Sam Kapila. Sam teaches at Texas State University, focusing mainly on Responsive Web Design and Typography. We talked about (roughly in order): Q & A: 12:50 What did you guys study in college? Would you change your mind if you could go back? What kinds of studies do you... <a href="http://shoptalkshow.com/episodes/121-sam-kapila/" title="Read 121: With Sam Kapila">Read more »</a>]]></descript>
<description><![CDATA[<p>This week we were joined by Sam Kapila. Sam teaches at Texas State University, focusing mainly on Responsive Web Design and Typography.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=12:50">12:50</a> What did you guys study in college? Would you change your mind if you could go back? What kinds of studies do you recommend or do not recommend, and can you share any experiences?</li>
<li><a href="#t=23:30">23:30</a> I’m not in a position at work where it’s practical/needed to get into Yeoman or Bower, even though I like to stay at the forefront of web trends. Am I becoming a dinosaur?</li>
<li><a href="#t=32:20">32:20</a> I created a website with a small app for a client, and now they want the source code for the app so another developer can work on it. What should I do?</li>
<li><a href="#t=36:05">36:05</a> I’m intrigued to use CSS Calc in my private projects (modern browsers) but am not sure about the performance. It’s not a big deal, but i’d love to know if it’s a good thing to use, or should avoid it?</li>
<li><a href="#t=47:45">47:45</a> I really like the idea of embedding above-the-fold CSS in the head and including the rest at the bottom of the page. Do you see any drawbacks with this method?</li>
<li><a href="#t=57:04">57:04</a> How can I finally get started with contributing to open source projects? </li>
</ul>
<p>Sponsors:</p>
<ul>
<li>
<p><a href="#t=30:18">30:18</a> <a href="https://www.campaignmonitor.com/">Campaign Monitor</a> – We’ve got a free eBook available with our Top 100 email campaigns, it’s a <a href="campaignmonitor.com/top100">great dose of inspiration for 2014</a>. We’re built for designers and agencies. To find out how you can rebrand and offer our service to your clients, at your own prices, check out <a href="https://www.campaignmonitor.com/agencies/">campaignmonitor.com/agencies</a>. Need to send an email campaign in a hurry? Try your hand at <a href="https://www.campaignmonitor.com/templates/">our template builder</a> and have a responsive email template ready in 60 seconds.</p>
</li>
<li>
<p><a href="#t=43:30">43:30</a> <a href="http://environmentsforhumans.com/2014/css-summit/">E4H – CSS Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT). Use coupon code “SHOPTALKSHOW” for <a href="http://environmentsforhumans.com/2014/css-summit/">20% off your ticket</a>!</p>
</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="http://www.samkapila.com/journal/">Sam Kapila</a></li>
<li><a href="https://twitter.com/samkap">Sam on Twitter</a></li>
<li><a href="http://atozcss.com/">AtoZCSS.com</a></li>
<li><a href="http://yeoman.io/">Yeoman</a></li>
<li><a href="http://gruntjs.com/">Grunt</a></li>
<li><a href="http://bower.io/">Bower</a></li>
<li><a href="http://www.polymer-project.org/">Poylmer</a></li>
<li><a href="http://css-tricks.com/a-couple-of-use-cases-for-calc/">CSS Calc</a></li>
<li><a href="http://caniuse.com/">caniuse.com</a></li>
<li><a href="http://scottmccloud.com/2-print/1-uc/">Understanding Comics</a></li>
<li>
<p><a href="http://www.amazon.com/Nicely-Said-Writing-Purpose-Voices/dp/0321988191">Nicely Said</a></p>
</li>
<li>
<p><a href="http://shoptalkshow.com/ask/">Have a tricky front end problem you need help with? Ask us anything!</a></p>
</li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/121-sam-kapila/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/567/0/184158-121-with-sam-kapila.mp3" length="31024761" type="audio/mpeg" />
<itunes:duration>1:04:27</itunes:duration>
<itunes:subtitle>This week we were joined by Sam Kapila. Sam teaches at Texas State University, focusing mainly on Responsive Web Design and Typography.
We talked about (roughly in order):
Q & A:
12:50 What did you guys study in college? Would you change your m[...]</itunes:subtitle>
<itunes:summary>This week we were joined by Sam Kapila. Sam teaches at Texas State University, focusing mainly on Responsive Web Design and Typography.
We talked about (roughly in order):
Q & A:
12:50 What did you guys study in college? Would you change your mind if you could go back? What kinds of studies do you recommend or do not recommend, and can you share any experiences?
23:30 I’m not in a position at work where it’s practical/needed to get into Yeoman or Bower, even though I like to stay at the forefront of web trends. Am I becoming a dinosaur?
32:20 I created a website with a small app for a client, and now they want the source code for the app so another developer can work on it. What should I do?
36:05 I’m intrigued to use CSS Calc in my private projects (modern browsers) but am not sure about the performance. It’s not a big deal, but i’d love to know if it’s a good thing to use, or should avoid it?
47:45 I really like the idea of embedding above-the-fold CSS in the head and including the rest at the bottom of the page. Do you see any drawbacks with this method?
57:04 How can I finally get started with contributing to open source projects?
Sponsors:
30:18 Campaign Monitor – We’ve got a free eBook available with our Top 100 email campaigns, it’s a great dose of inspiration for 2014. We’re built for designers and agencies. To find out how you can rebrand and offer our service to your clients, at your own prices, check out campaignmonitor.com/agencies. Need to send an email campaign in a hurry? Try your hand at our template builder and have a responsive email template ready in 60 seconds.
43:30 E4H – CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT). Use coupon code “SHOPTALKSHOW” for 20% off your ticket!
Show Links:
Sam Kapila
Sam on Twitter
AtoZCSS.com
Yeoman
Grunt
Bower
Poylmer
CSS Calc
caniuse.com
Understanding Comics
Nicely Said
Have a tricky front end problem you need help with? Ask us anything!
</itunes:summary>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>120: Rapidfire 32</title>
<link>http://shoptalkshow.com/episodes/120-rapidfire-32/</link>
<comments>http://shoptalkshow.com/episodes/120-rapidfire-32/#comments</comments>
<pubDate>Mon, 16 Jun 2014 17:12:37 +0000</pubDate>
<dc:creator><![CDATA[Aaron Dowd]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Rapidfires]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=565</guid>
<descript><![CDATA[This week it’s another RAPID-FIRE!!! Nothing but the best darn question and answer you’ve ever heard! We talked about (roughly in order): Q & A: 1:28 How can I achieve HTML includes or imports without using any php or javascript? I know that Codekit has a Kit language that can do this but I don’t... <a href="http://shoptalkshow.com/episodes/120-rapidfire-32/" title="Read 120: Rapidfire 32">Read more »</a>]]></descript>
<description><![CDATA[<p>This week it’s another RAPID-FIRE!!! Nothing but the best darn question and answer you’ve ever heard!</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=1:28">1:28</a> How can I achieve HTML includes or imports without using any php or javascript? I know that Codekit has a Kit language that can do this but I don’t have a mac yet. Is there a HTML preprocessors that can do this? If so, can I use only the import function and still use regular HTML on it?</li>
<li><a href="#t=8:56">8:56</a> Picture this: Client organization has a CMS and puts all their ‘news’ content in. Monthly they need to generate a paper newsletter… They push ONE BUTTON and a multi-page pdf, at least as beautiful as the site, is generated with all of their news content… Has anyone tried this?</li>
<li><a href="#t=17:03">17:03</a> What’s the best way to compress a vector graphic from Illustrator for the web? There used to be a SVG option for “Save for Web and Devices” but it’s gone in CS6. What SVG specs are best to use?</li>
<li><a href="#t=22:43">22:43</a> I’m starting to hear the phrase “Tech Bubble” a lot and it’s very disheartening. Do you guys believe we’re in a tech bubble? If so, is it we the web developers/designers who have to worry? Or is it more threatening to investors, entrepreneurs, and 30 y/o billionaires? </li>
<li><a href="#t=32:30">32:30</a> I’m about to start working at a full time job where the team uses Git. Do you have any advice about workflow or etiquette?</li>
<li><a href="#t=39:34">39:34</a> I’m a developer at a mid-sized SaaS company and we have a pretty successful product. Our product has an API and there are several other companies that sell web site integrations & 3rd party plugins to our customers. Our company even receives fees to recommend certain “preferred partners”. Do you think it would be unethical or a conflict of interest for me to develop my own premium WordPress plugin on my own time?</li>
<li><a href="#t=47:47">47:47</a> I’m currently working in a project and the design calls for use of full-screen image backgrounds, in order to optimize this for mobile devices I’m using media queries to call the appropriate background, it works like a charm, however there is something that bothers me, if I resize the window there’s a small bit of time where the webpage has no background while the image get’s loaded. Any way around this?</li>
<li><a href="#t=51:51">51:51</a> Why aren’t box-shadow and text-shadow shorthand properties like background and font? Why don’t the properties box-shadow-color, box-shadow-offset, etc. exist?</li>
<li><a href="#t=58:09">58:09</a> My question is about Print Stylesheets. Are they still relevant? How do you approach them?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li>
<p><a href="#t=14:15">14:15</a> <a href="http://www.campaignmonitor.com/">Campaign Monitor</a> – Need to send an email campaign in a hurry? Try your hand at our template builder and have a <a href="http://www.campaignmonitor.com/templates/">responsive email template</a> ready in 60 seconds. While you’re browsing their site, <a href="http://www.campaignmonitor.com/guides/best-email-marketing-campaigns/">grab a free eBook</a> about the Top 100 email campaigns and get inspired!</p>
</li>
<li>
<p><a href="#t=28:50">28:50</a> <a href="http://environmentsforhumans.com/2014/craft-cms-summit/">Environments for Humans: Craft CMS Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in Craft for an all-new, one-day only online conference, the Craft CMS Summit 2014!</p>
</li>
</ul>
<p>In this inaugural one-day conference, we look at the State of Craft and deep dive into a series of presentations to give attendees smarter and faster ways to build the web.</p>
<p>Bring the experts to your desktop June 17th from 9AM to 5PM (CT). Use coupon code “Shoptalk” at checkout for a special discount!</p>
<ul>
<li><a href="http://environmentsforhumans.com/2014/wp-summit/">Environments For Humans: WP Summit</a> – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference all about WordPress, the WP Summit 2014! Bring the experts to your desktop June 18th from 9AM to 4PM (CT). Use coupon code “Shoptalk” at checkout for a special discount!</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="https://incident57.com/codekit/">CodeKit: THE Mac App For Web Developers</a></li>
<li><a href="http://gruntjs.com/">Grunt</a></li>
<li><a href="http://packagrapp.com/">XOXCO: Packagr</a></li>
<li><a href="http://blog.codepen.io/2014/05/21/012-vc/">Codepen Radio 012: VC</a></li>
<li><a href="http://www.wufoo.com/">Woofoo: The Online Form Builder</a></li>
<li><a href="http://alistapart.com/article/get-started-with-git">Getting started with Git</a></li>
<li><a href="https://www.codeschool.com/courses/try-git">Try Git: Codeschool Interactive Tutorial</a></li>
<li><a href="http://pngmini.com/">Image Alpha: Photo Compression</a></li>
<li><a href="https://developers.google.com/speed/webp/?csw=1">Web P: a new image format for the web</a></li>
<li><a href="http://css-tricks.com/css-animation-tricks/">Nifty CSS animation tricks</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/120-rapidfire-32/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/565/0/182061-120-rapidfire-32.mp3" length="77693469" type="audio/mpeg" />
<itunes:duration>1:05:37</itunes:duration>
<itunes:subtitle>This week it’s another RAPID-FIRE!!! Nothing but the best darn question and answer you’ve ever heard!
We talked about (roughly in order):
Q & A:
1:28 How can I achieve HTML includes or imports without using any php or javascript? I [...]</itunes:subtitle>
<itunes:summary>This week it’s another RAPID-FIRE!!! Nothing but the best darn question and answer you’ve ever heard!
We talked about (roughly in order):
Q & A:
1:28 How can I achieve HTML includes or imports without using any php or javascript? I know that Codekit has a Kit language that can do this but I don’t have a mac yet. Is there a HTML preprocessors that can do this? If so, can I use only the import function and still use regular HTML on it?
8:56 Picture this: Client organization has a CMS and puts all their ‘news’ content in. Monthly they need to generate a paper newsletter… They push ONE BUTTON and a multi-page pdf, at least as beautiful as the site, is generated with all of their news content… Has anyone tried this?
17:03 What’s the best way to compress a vector graphic from Illustrator for the web? There used to be a SVG option for “Save for Web and Devices” but it’s gone in CS6. What SVG specs are best to use?
22:43 I’m starting to hear the phrase “Tech Bubble” a lot and it’s very disheartening. Do you guys believe we’re in a tech bubble? If so, is it we the web developers/designers who have to worry? Or is it more threatening to investors, entrepreneurs, and 30 y/o billionaires?
32:30 I’m about to start working at a full time job where the team uses Git. Do you have any advice about workflow or etiquette?
39:34 I’m a developer at a mid-sized SaaS company and we have a pretty successful product. Our product has an API and there are several other companies that sell web site integrations & 3rd party plugins to our customers. Our company even receives fees to recommend certain “preferred partners”. Do you think it would be unethical or a conflict of interest for me to develop my own premium WordPress plugin on my own time?
47:47 I’m currently working in a project and the design calls for use of full-screen image backgrounds, in order to optimize this for mobile devices I’m using media queries to call the appropriate background, it works like a charm, however there is something that bothers me, if I resize the window there’s a small bit of time where the webpage has no background while the image get’s loaded. Any way around this?
51:51 Why aren’t box-shadow and text-shadow shorthand properties like background and font? Why don’t the properties box-shadow-color, box-shadow-offset, etc. exist?
58:09 My question is about Print Stylesheets. Are they still relevant? How do you approach them?
Sponsors:
14:15 Campaign Monitor – Need to send an email campaign in a hurry? Try your hand at our template builder and have a responsive email template ready in 60 seconds. While you’re browsing their site, grab a free eBook about the Top 100 email campaigns and get inspired!
28:50 Environments for Humans: Craft CMS Summit – Environments for Humans brings together some of the Web’s most notable experts in Craft for an all-new, one-day only online conference, the Craft CMS Summit 2014!
In this inaugural one-day conference, we look at the State of Craft and deep dive into a series of presentations to give attendees smarter and faster ways to build the web.
Bring the experts to your desktop June 17th from 9AM to 5PM (CT). Use coupon code “Shoptalk” at checkout for a special discount!
Environments For Humans: WP Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference all about WordPress, the WP Summit 2014! Bring the experts to your desktop June 18th from 9AM to 4PM (CT). Use coupon code “Shoptalk” at checkout for a special discount!
Show Links:
CodeKit: THE Mac App For Web Developers
Grunt
XOXCO: Packagr
Codepen Radio 012: VC
Woofoo: The Online Form Builder
Getting started with Git
Try Git: Codeschool Interactive Tutorial
Image Alpha: Photo Compression
Web P:[...]</itunes:summary>
<itunes:keywords>Rapidfires</itunes:keywords>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>119: Rapidfire 31</title>
<link>http://shoptalkshow.com/episodes/119-rapidfire-31/</link>
<comments>http://shoptalkshow.com/episodes/119-rapidfire-31/#comments</comments>
<pubDate>Thu, 05 Jun 2014 14:00:45 +0000</pubDate>
<dc:creator><![CDATA[Aaron Dowd]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Rapidfires]]></category>
<category><![CDATA[CSS]]></category>
<category><![CDATA[HTML]]></category>
<category><![CDATA[SCSS]]></category>
<category><![CDATA[Wordpress]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=561</guid>
<descript><![CDATA[This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 2:08 I have a question about running Sass in a corporate environment. I’m really interested in using Sass at work but since it requires Ruby there’s no chance of running a ruby server on... <a href="http://shoptalkshow.com/episodes/119-rapidfire-31/" title="Read 119: Rapidfire 31">Read more »</a>]]></descript>
<description><![CDATA[<p>This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=2:08">2:08</a> I have a question about running Sass in a corporate environment. I’m really interested in using Sass at work but since it requires Ruby there’s no chance of running a ruby server on my system. Is there any way to run a Sass processor from a thumb drive?</li>
<li><a href="#t=7:48">7:48</a> How long does it take for you to write a blog post from the first day you experience the problem (or get the initial idea of what want to write about) to when you actually hit the publish button?</li>
<li><a href="#t=16:42">16:42</a> Are there any good low cost alternatives to Engine Yard or Heroku for hosting test or small web apps?</li>
<li><a href="#t=22:20">22:20</a> What is the best way to validate html and css?</li>
<li><a href="#t=32:45">32:45</a> Are there any WordPress shopping carts that have a token feature or do you know of another way to accomplish this?</li>
<li><a href="#t=41:02">41:02</a> Is it worth offering IE6/7/8 support for a responsive design project?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li><a href="#t=11:34">11:34</a> <a href="http://www.blendconf.com/">Blend Conf</a> – BlendConf is a generalist conference featuring 60 diverse speakers sharing ideas and conversations about user experience, design, and development. September 11-13 in Charlotte, NC. 4 tracks: UX, Design, Front-end, Back-end. Keynote speakers are Mike Monteiro, Jennifer Palka (Founder Code for America), and Kimberly Bryant (founder, black girl code). Use <a href="http://www.blendconf.com/">coupon code “shoptalk”</a> for 10% off!</li>
<li><a href="#t=38:41">38:41</a> <a href="http://2014.cssdevconf.com/">Environments for Humans</a> – CSS Dev Conf: the first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go <a href="https://www.surveymonkey.com/s/cssdevconf2014">vote for your favorite talk</a>, and <a href="http://2014.cssdevconf.com/#register">pick up tickets</a> today!</li>
</ul>
<p>Show Links:</p>
<ul>
<li><a href="https://www.linode.com/">Linode</a></li>
<li><a href="http://www.rackspace.com/">Rackspace</a></li>
<li><a href="http://get-serve.com/">Serve</a></li>
<li><a href="https://developer.chrome.com/devtools/index">Chrome Dev Tools</a></li>
<li><a href="https://symbolset.com/">Symbolset Icons</a></li>
<li><a href="https://developers.google.com/speed/pagespeed/">Google Page Speed Test</a></li>
<li><a href="https://github.com/jtangelder/grunt-stripmq">Grunt Strip MQ</a></li>
<li><a href="http://requirejs.org/">Require JS</a></li>
</ul>
]]></description>
<wfw:commentRss>http://shoptalkshow.com/episodes/119-rapidfire-31/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="http://shoptalkshow.com/podpress_trac/feed/561/0/178787-119-rapidfire-31.mp3" length="34920513" type="audio/mpeg" />
<itunes:duration>0:45:59</itunes:duration>
<itunes:subtitle>This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action.
We talked about (roughly in order):
Q & A:
2:08 I have a question about running Sass in a corporate environment. I’m really interested in using Sass a[...]</itunes:subtitle>
<itunes:summary>This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action.
We talked about (roughly in order):
Q & A:
2:08 I have a question about running Sass in a corporate environment. I’m really interested in using Sass at work but since it requires Ruby there’s no chance of running a ruby server on my system. Is there any way to run a Sass processor from a thumb drive?
7:48 How long does it take for you to write a blog post from the first day you experience the problem (or get the initial idea of what want to write about) to when you actually hit the publish button?
16:42 Are there any good low cost alternatives to Engine Yard or Heroku for hosting test or small web apps?
22:20 What is the best way to validate html and css?
32:45 Are there any WordPress shopping carts that have a token feature or do you know of another way to accomplish this?
41:02 Is it worth offering IE6/7/8 support for a responsive design project?
Sponsors:
11:34 Blend Conf – BlendConf is a generalist conference featuring 60 diverse speakers sharing ideas and conversations about user experience, design, and development. September 11-13 in Charlotte, NC. 4 tracks: UX, Design, Front-end, Back-end. Keynote speakers are Mike Monteiro, Jennifer Palka (Founder Code for America), and Kimberly Bryant (founder, black girl code). Use coupon code “shoptalk” for 10% off!
38:41 Environments for Humans – CSS Dev Conf: the first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go vote for your favorite talk, and pick up tickets today!
Show Links:
Linode
Rackspace
Serve
Chrome Dev Tools
Symbolset Icons
Google Page Speed Test
Grunt Strip MQ
Require JS
</itunes:summary>
<itunes:keywords>Rapidfires</itunes:keywords>
<itunes:author>ShopTalk</itunes:author>
<itunes:explicit>no</itunes:explicit>
<itunes:block>no</itunes:block>
</item>
<item>
<title>118: Rapidfire 30</title>
<link>http://shoptalkshow.com/episodes/118-rapidfire-30/</link>
<comments>http://shoptalkshow.com/episodes/118-rapidfire-30/#comments</comments>
<pubDate>Fri, 30 May 2014 17:08:19 +0000</pubDate>
<dc:creator><![CDATA[Aaron Dowd]]></dc:creator>
<category><![CDATA[All Episodes]]></category>
<category><![CDATA[Rapidfires]]></category>
<category><![CDATA[Javascript]]></category>
<category><![CDATA[Static Site Generators]]></category>
<category><![CDATA[Wordpress]]></category>
<guid isPermaLink="false">http://shoptalkshow.com/?p=560</guid>
<descript><![CDATA[This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 1:48 I have a question(s) about loading JS files in a WordPress environment. Is there a rule of thumb for when async should be utilized? If I script is loaded in the footer does... <a href="http://shoptalkshow.com/episodes/118-rapidfire-30/" title="Read 118: Rapidfire 30">Read more »</a>]]></descript>
<description><![CDATA[<p>This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action.</p>
<p>We talked about (roughly in order):</p>
<p>Q & A:</p>
<ul>
<li><a href="#t=1:48">1:48</a> I have a question(s) about loading JS files in a WordPress environment. Is there a rule of thumb for when async should be utilized? If I script is loaded in the footer does ‘async’ not matter as much?</li>
<li><a href="#t=7:50">7:50</a> What software do you two use to create your slides for when you do talks at conferences?</li>
<li><a href="#t=15:50">15:50</a> I have a question about deciding on a development stack. What are some of your recommendations when making these kinds of decisions?</li>
<li><a href="#t=29:12">29:12</a> Why use static site generators? Are there any good tutorials out there for those of us who have never used one before?</li>
<li><a href="#t=34:28">34:28</a> Is there a way to make a line of text fill the width of a parent container as if it were justified?</li>
<li><a href="#t=38:28">38:28</a> In job advertisements I’ve been seeing lately, all of the best jobs have Angular JS listed as one of the requirements. I really love creating websites that work everywhere. The idea of using the latest tech at the expense of accessibility, and progressive enhancement doesn’t sit well with me. How can I keep my career advancing, while maintaining those core beliefs?</li>
<li><a href="#t=43:45">43:45</a> How long does it normally take you guys to build a website from start to finish, for instance microsoft.com or css-tricks.com?</li>
</ul>
<p>Sponsors:</p>
<ul>
<li><a href="#t=14:00">14:00</a> <a href="https://onemonth.com/shoptalk">One Month Rails</a> – Build your first Ruby on Rails web app in just one month. Easy to follow videos with step-by-step instructions. Enrollment is typically $99, but if you join now you’ll get a <a href="https://onemonth.com/shoptalk">one time discount</a> of 25% off for joining, so go learn how to make web apps now!</li>
</ul>
<p><strong><em>Editor’s note: I actually just bought this and I’m working through it now: it’s awesome! So easy to follow and I love the teacher’s style and the way he breaks everything down into easy to follow along with steps. Highly recommended. – Aaron D.</em></strong></p>
<ul>
<li><a href="#t=33:00">33:00</a> <a href="http://2014.cssdevconf.com/">Environments for Humans</a> – CSS Dev Conf: the first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014. This time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go <a href="https://www.surveymonkey.com/s/cssdevconf2014">vote for your favorite talk</a>, and <a href="http://2014.cssdevconf.com/#register">pick up tickets</a> today!</li>
</ul>