Contentful Markdown

  
  1. Contentful Markdown Renderer
  2. Contentful Markdown To Html
Contentful MarkdownDesign+Code - Learn to design and code React and Swift apps

Gatsby Tutorials is a community-updated list of video, audio and written tutorials to help you learn GatsbyJS. Contentful-migration-cli (latest: 0.7.0) Migration tooling for contentful. @contentful/field-editor-markdown (latest: 0.13.0) ```bash npm install @. If you want to code along with the post, you can create the following content types in your Contentful space, which we will use in our examples: The code block entry contains the following fields: Description (short text) Language (short text) Code (long text displayed as a markdown field) The video embed entry contains the following fields. Njano bouwt geoptimaliseerde en performante statische sites die snel laden en converteren. Contentful: spaces: - example: # Jekyll data folder identifier - Required space: cfexampleapi # Required accesstoken: b4c0n73n7fu1 # Required environment: master # Optional cdaquery: # Optional include: 2 limit: 100 allentries: true # Optional - Defaults to false, only grabbing the amount set on CDA Query allentriespagesize: 1000 # Optional - Defaults to 1000, maximum amount of entries.


Год выпуска: 2021

Contentful Markdown Renderer


Производитель: Design+Code
Сайт производителя: http://designcode.io/
Автор: Meng To, Daniel Nisttahuz
Продолжительность: 134 ч.
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: Learn design and code, by building real apps with React and Swift. Complete courses about the best tools.
• Learn the best tools and platforms.
We focus on industry leading platforms so that you can be prepared for your next job. Then we teach all we can about them.
• Tutorials to guide you beyond.
Once you’ve completed the courses, learn from our quick design and code tutorials to strengthen your knowledge.
• Livestreams and online workshops.
Interact, ask questions and follow along with a live audience of hundreds.

Courses

Advanced Prototyping in ProtoPie

01. Advanced Prototyping with ProtoPie 0:11:48
02. Quick Prototyping 0:11:45
03. Start Animation and Sequence 0:12:36
04. Drag and Release 0:09:38
05. Toggle with Conditions 0:11:47
06. Screen Transition 0:12:52
07. Pull to Dismiss 0:06:58
08. Page Scroll Position 0:11:57
09. Input and Submit 0:13:41
10. Chain and Drag 3D 0:07:44
11. Formula and Detect 0:16:37
12. Range and Card Animation 0:15:32
13. Variable and Detect Mouse 0:12:01
14. Sensors and Receive 0:12:46

Animating in Principle

01. Getting Started with Principle 0:15:37
02. Multiple Scrolling 0:14:32
03. Working with multiple Screens 0:13:14
04. Advanced Animations 0:07:58
05. Components & Handover 0:09:53

Build a full site in Webflow

01. Build a full site in Webflow 0:07:45
02. Getting Started with Webflow 0:28:15
03. Flex, Grid and Adaptive Layout 0:18:45
04. Components, Nav Bar & Lightbox 0:15:41
05. Tabs and Customizations 0:19:55
06. Transitions and States 0:17:20
07. Animations and Interactions 0:20:09
08. Scroll Parallax 0:11:41
09. Start Animation 0:09:08
10. Lottie Files 0:16:35
11. Design with Data and CMS 0:12:16
12. Symbols, Links and Pages 0:14:15
13. Forms and Submit Data 0:13:29
14. Ecommerce and Custom Code 0:13:28

Build an app with SwiftUI Part 1

01. Learn SwiftUI for iOS 13 0:11:52
02. Layout and Stacks 0:22:28
03. Components and Visual Effects 0:23:50
04. Animations and States 0:09:23
05. Gestures and Events 0:10:13
06. Timing Curve and Delay Animation 0:14:16
07. Dismiss and Drag Anchors 0:14:05
08. SF Symbols and Props 0:13:31
09. Color Literal, Gradient and Overlay 0:11:54
10. Animation Between Screens 0:13:26
11. Drag Progress and Tap Background 0:07:44
12. Binding and Screen Size 0:08:22
13. ScrollView and Repeat 0:11:52
14. Data and Image Literal 0:13:30
15. 3D Scroll Animation 0:07:38
16. Modal Presentation 0:07:02
17. Navigation View and List 0:11:48
18. Navigation Style and Passing Data 0:09:22
19. Combine and Edit Data 0:12:38
20. Tab Bar and Test on Device 0:09:37

Build an app with SwiftUI Part 2

21. Ring Progress Circle 0:13:05
22. Ring Component and Formula 0:09:11
23. Ring Animation 0:13:08
24. Custom Fonts and Modifiers 0:15:12
25. If Show View and Transition 0:18:25
26. Custom Transition 0:10:18
27. Stacked Cards Animation 0:08:19
28. Transition with Scroll 0:09:00
29. Animation States in Array 0:11:42
30. Z Index and Status Bar 0:06:11
31. Passing Index to Cards 0:07:23
32. Dismiss Gesture with Scale 0:14:13
33. Dynamic New View 0:10:58
34. API and JSON 0:14:56
35. API and Combine 0:07:16
36. SPM and Contentful 0:08:26
37. Contentful and Combine 0:13:37
38. URL Images 0:09:30
39. Background Blur 0:10:56
40. Dark Mode and Accessibility 0:16:44

Build an app with SwiftUI Part 3

41. Neumorphic Buttons 0:16:36
42. Long Press Gesture 0:14:05
43. Cicle Button Animation 0:15:27
44. Tap Progress Animation 0:12:42
45. Haptic Feedback 0:05:34
46. Login Layout and Variable Font Size 0:12:01
47. 3D Parallax and Looping Animation 0:09:47
48. TextField and Password 0:11:24
49. Keyboard and Alerts 0:11:15
50. Lottie Loading Animation 0:12:56
51. Success Sequence Animation 0:11:25
52. Login with Firebase 0:13:44
53. Login Environment Object 0:08:22
54. Persistent Login with UserDefaults 0:07:33
55. Adapting for iPad 0:14:29
56. Environment Size Class 0:15:27
57. Fixing the UI and Animation 0:11:56
58. TabBar Below Views 0:09:11
59. Scrollable Card Content 0:19:48
60. Submit to the App Store 0:15:19

Build an ARKit 2 App

01. Intro to ARKit 0:10:27
02. SceneKit Scene Editor 0:23:00
03. Importing 3D Models 0:20:00
04. Configuration for ARKit 0:12:43
05. Plane Detection 0:25:57
06. Focus Square 0:29:38
07. Adding Models to the Scene 0:31:36
08. Image Detection 0:21:24
09. Animation and Lighting 0:13:20
10. Buttons and Interactions 0:16:04
11. Multiple Screens 0:30:08

Build a web app with React Hooks

01. Build a web app with React Hooks 0:19:22
02. CSS Styling and Best Practices 0:18:14
03. Styled Components and Section Structure 0:17:06
04. Text Styles, Color 4. Variables and Global Style 0:18:57
05. Button Component and Props 0:10:13
06. CSS Grid and Position Absolute 0:14:56
07. CSS Hover, Transition and 2D Transform 0:11:15
08. CSS Selectors and Filter Effect 0:10:28
09. Backdrop-Filter Blur 0:12:32
10. Perspective 3D Transforms 0:10:20
11. Static Data with Arrays 0:09:06
12. CSS Grid Repeat and Data 0:12:05
13. Styled Component Props 0:06:39
14. Toggle Menu with useState 0:11:12
15. Visibility and Loop Condition 0:10:55
16. Event Function and PreventDefault 0:06:35
17. Wave Component and Inline Styling 0:12:05
18. CSS Keyframes Animation with Delay 0:11:21
19. Text Gradient and Media Queries 0:17:27
20. Auto-Deploy to Netlify 0:15:51

Create a Javascript Game

01. Introduction to Phaser 0:10:58
02. Tiled 0:15:12
03. Map 0:13:18
04. Player 0:24:50
05. Collision 0:10:24
06. Ennemies 0:25:40

Create a Promo Video in After Effects

01. 3D Camera Angles 0:23:03
02. Collage Grids 0:11:02
03. Text Animation 0:14:06
04. Advanced Text Animation 0:11:18
05. Masking Techiniques P1 0:17:14
06. Masking Techiniques P2 0:09:22
07. Animated Backgrounds 0:08:25
08. Strobe Effect 0:13:23
09. Export assets to AE 0:15:46
10. Extrusion Depth 0:11:26
11. Animated Shape Burst 0:08:06
12. Dynamic Shape Animation 0:07:33

Create a Sketch Plugin

01. Sketch Plugin Project 0:16:41
02. Angle Class 0:20:03
03. Prototyping Perspective 0:07:24
04. Apply Mockup 0:17:14
05. Rotation and Mirror 0:24:50
06. Working with Symbols 0:13:35
07. Dialog and Multiple Selection 0:31:10

Create a SpriteKit Game

01. IntroductionToSpriteKit 0:10:26
02. JoystickAndPlayerMovements 0:21:03
03. PlayerStateMachine 0:21:34
04. CameraWork 0:19:27
05. Collision&Masks(1) 0:12:19
06. Collision&Masks(2) 0:21:00
07. ScoringSystem 0:12:31
08. LifeSystem 0:29:52
09. Spritekit-Level 0:28:22

CSS Layout and Animations

1. IntroToCSSLayoutAndAnimations 0:06:15
2. CSSGridAndFlexbox 0:16:35
3. LayoutWithGridTemplateAreas 0:21:32
4. IntroToCSSTransformsAndTransitions 0:19:35
5. ComplexLayoutWithGridPart1 0:12:42
6. Complex Layout With Grid Part 2 0:14:34
7. Keyframe Animation 0:13:55
8. Making it responsive 0:16:02
9. Wrapping it all up 0:06:10

Design and Code in Framer X

01. Design and Code in Framer X 0:08:51
02. Design Layout and Icons 0:19:45
03. Design Components and Stacks 0:22:43
04. Quick Prototyping in Framer X 0:15:19
05. React Components in Framer X 0:29:05
06. Coding Animations and Overrides 0:22:27
07. Designing with API Data 0:20:17
08. Grid Code Component 0:17:54
09. Coding your Icon Library 0:16:24
10. Design System and React Site 0:15:47

Design System in Figma

01. Design System in Figma 0:10:14
02. Basic Layout and Techniques 0:19:49
03. Constraints and Adaptive Layout 0:15:13
04. Styles and Team Library 0:22:01
05. Components and Nesting 0:18:43
06. Booleans and Shapes 0:13:40
07. Icons and Vector Network 0:30:29
08. Export, Inspect and Code 0:26:02
09. Multiplayer and Coments 0:08:36
10. Prototyping and Interaction 0:11:41

Flutter for Designers

01. Flutter for Designers 0:12:08
02. Build your first Widget 0:11:20
03. Introduction to Dart 0:09:56
04. Classes in Dart 0:10:31
05. Building a Full Screen Widget 0:12:39
06. Building a Card Widget 0:15:03
07. Detecting Tap Gestures 0:12:03
08. Stateful Widgets 0:11:31
09. The List View Widget 0:11:58
10. Animations in Flutter 0:11:08
11. Further Animations 0:11:04
12. Flutter Packages 0:11:04
13. Adding Cards to our Sliding Panel 0:11:57
14. Creating Dynamic Widgets 0:12:07
15. Navigation in Flutter 0:11:52
16. Animations with the Hero Widget 0:12:33
17. Building the Course Screen 0:10:51
18. Manually Control the Panel Widget 0:11:08
19. Creating a Vertical Scrolling List 0:11:56
20. Making the Profile Screen 0:11:33
21. Populating the Profile Screen 0:10:32
22. Utilizing Widgets across Multiple Screens 0:08:39
23. Setting Custom App Icons 0:09:50

Learn iOS 11 Design

01. Learn iOS Design 11 0:19:44
02. Designing for iPhone X 0:28:39
03. Design for iPad 0:09:47
04. Design for Apple Watch 0:11:25
05. Learn colors Final 0:13:35
06. Typography 0:12:55
07. LearnAnimations 0:09:09
08. UI Icons 0:09:06
09. UI Sounds 0:08:12

Learn Sketch

01. Learn Sketch 0:22:52
02. Powerful Start in Sketch 0:22:48
03. Design for iOS 0:31:30
04. Design For iPhoneX 0:28:22
05. Design for iPad 0:11:35
06. Design for Web 0:25:12
07. Design for Web Part 2 0:25:10
08. Tricks and Shortcuts 0:20:42
09. Sketch Plugins 0:12:08
10. Nested Symbols 0:13:51
11. Sketch Libraries 0:09:01
12. Version Control 0:18:53
13. Working with Data 0:11:48
14. Adaptive Layouts 0:07:32
15. Working with Vectors 0:20:05
16. Exporting Assets 0:13:43
17. Styleguide and Handoff - Pizza Edited 0:09:10
18. Advanced Techniques 0:12:39
19. Intro to Framer 0:27:54
20. Previewing and Sharing 0:07:22
21. Prototyping for Keynote 0:03:33

Learn Swift

02. Intro to Xcode 9 0:11:40
03. Storyboard-Video 0:05:26
04. Quick Prototyping in Xcode 0:11:29
05. Playground 0:21:32
06. Design-Video 0:19:28
07. Animate-Playground 0:29:41
08. Design-Storyboard 0:15:08
09. AutoLayouts 0:17:27
10. Adapting-iPhoneX 0:13:45
11. Storyboard&Code 0:12:30
12. ParallaxAnimation 0:09:12
13. Collection View 0:12:01
14. StaticData 0:08:06
15. 3D-Animation 0:17:11
16. Container View Final V.2 0:20:35
17. PassingData 0:21:29
18. StatusBar 0:12:30
19. Storyboard in Playground 0:24:33
Contentful markdown

Motion Design in After Effects

01. CharacterAnimationPart1 0:21:38
02. CharacterAnimationPart2 0:22:43
03. TitleAnimation 0:08:16
04. SpaceIntroAnimation 0:17:52
05. CreatingAnimationsForLottie 0:21:00
06. PrototypingWithAfterEffectsPart1 0:25:33
07. PrototypingWithAfterEffectsPart2 0:36:24
08. PrototypingWithAfterEffectsPart3 0:26:10

React for Designers

01. Intro to React 0:21:58
02. BasicStylinginCSS 0:24:22
03. AdaptiveLayoutswCSSGrid 0:22:18
04. InteractionsAndAnimations 0:12:41
05. SVGAnimation 0:14:11
06. ComponentsAndProps 0:20:26
07. StatesAndEvents 0:09:24
08. StyledComponents 0:18:09
09. StaticDataWithJSON 0:16:44
10. GraphQLwithContentful 0:28:38
11. PublishtoNetlify 0:06:47
12. PaymentsWithStripe 0:15:18

React Native for Designers

01. React Native for Designers 0:24:50
02. Styled Components 0:30:29
03. Props and Icons 0:25:54
04. Static Data and Loop 0:33:28
05. States and Animations 0:32:09
06. Redux 0:37:32
07. Fetch API Data 0:21:47
08. Screens and Navigation 0:28:24
09. Passing Data 0:17:27
10. GraphQL with Contentful 0:23:21
11. HTML & Markdown 0:25:56
12. Adapting for iPad & Android 0:22:06

React Native for Designers Part 2

01. React Native Gestures 0:28:45
02. Advanced Gestures 0:16:09
03. Looping the Cards 0:16:40
04. Animated Transition 0:16:36
05. Managing Gestures 0:22:28
06. Input and Keyboard 0:27:14
07. Lottie Animation Files 0:21:22
08. Login and Alert 0:14:42
09. Firebase Authentification 0:10:51
10. Persistent Data 0:16:26
11. AsyncStorage with Redux 0:14:27
12. Publish to Android and iOS 0:16:22

Sound Design with Cubase

1. IntroUISounds 0:20:12
2. IntrotoCubase 0:27:41
3. GameSound 0:21:46
4. UI Sound 0:25:27
5. Notification Sound 0:22:23

SVG Animations with GreenSock

01. Creating Complex Animations 0:10:28
02. How to Create an SVG 0:17:28
03. Getting Started with GreenSock 0:12:48
04. Timing Functions and Easing 0:06:19
05. Creating Complex Animations 0:10:20
06. MorphSVG Plugin 0:11:09
07. DrawSVG Plugin 0:18:00
08. Animating Our UI 0:16:48
09. More GreenSock Plugins 0:12:38

Swift Advanced

01. Tab Bar Controller 0:22:13
02. Navigation Bar 0:19:41
03. Table View Controller 0:22:27
04. Web View Controller 0:21:15
05. Default Transitions 0:28:07
06. Custom Transitions 0:26:10
07. Gesture Interactions 0:49:24
08. Cocoapods 0:35:17
09. Keyboard Interactions 0:27:46
10. Progress Rings 0:43:55
11. Delegation 0:30:11
12. Multiple Storyboards 0:38:43
13. Dynamic Type 0:22:22
14. Implementing Dark Mode 0:25:48
15. JSON Parsing 0:21:13
16. Core Data 0:38:16
17. Realm 0:28:29
18. Networking 0:41:19
19. Implementing Search 0:30:03
20. Posting and Storyng Data 0:31:48

SwiftUI for iOS 14

01. Build a SwiftUI app for iOS 14 0:10:34
02. SwiftUI Visual Editor 0:14:13
03. SF Symbols and List Styles 0:11:10
04. Sidebar and Label 0:07:06
05. macOS app and Toolbar 0:07:38
06. Toolbar and Organizing 0:11:11
07. Show View and Transitions 0:07:26
08. Matched Geometry Effect 0:06:23
09. Show View and Transitions 0:06:58
10. Matched Cards and Static Data 0:08:05
11. Selection State and Disabled 0:07:34
12. Lazy Grid Layout 0:09:10
13. Matched Container and zIndex 0:09:18
14. Passing Namespace 0:08:37
15. Visual Effect Blur for macOS 0:12:15
16. Size Class and Tab Bar 0:09:39
17. Navigation Link and Modal 0:10:50
18. Animating Above Navigation 0:07:02
19. Library Content and Modifiers 0:09:09
20. Create a Widget 0:11:05

UI Design for Developers

01. UI Design for Developers 0:03:45
02. UI Patterns and Inspiration 0:13:52
03. Colors and Branding 0:12:51
04. Gradients and Backgrounds 0:10:09
05. Stroke and Blobs 0:12:54
06. Illustrations and Mockups 0:09:37
07. Typography and Accessibility 0:09:17
08. Text Styles and Buttons 0:08:56
09. Grid and Spacing 0:08:45
10. Navigation and Components 0:10:55
11. Visual Hierarchy and Depth 0:12:11
12. Cards and Content 0:12:54
13. Flexible List Layout 0:12:46
14. Icons and Customizations 0:13:46
15. Vectors and Booleans 0:14:59
16. Design Transformations 0:11:23
17. Forms and Modals 0:13:34
18. UI States and Background Blur 0:15:48
19. Success Modal and Confetti 0:10:29
20. Redesign and Iterations 0:15:04
21. Organizing your Layers 0:11:20
22. Pages and Nested Components 0:08:45

UI Interactions in Framer Playground

01. UI Interactions in Framer Playground 0:17:13
02. Design Components with Overrides 0:24:33
03. Animations and Page Interactions 0:23:03
04. Build a Layout with Code Components 0:18:00
05. Customize Components with Property Controls 0:15:41
06. Tap and Animation Events 0:13:04
07. Gestures and Advanced Controls 0:19:34
08. Drag to Dismiss and Sequence 0:14:06
09. Scrolling, Parallax and Stagger 0:16:20
10. Data, Lottie and Web Export 0:21:01

Unity for Designers

01. Unity for Designers 0:22:57
02. Layer and Maps 0:20:12
03. Player Movements 0:18:12
04. Player State Machine 1 0:20:24
05. Player State Machine 2 0:14:37
06. Camera Work 0:14:56
07. Particle System 0:19:43
08. Levelflow 0:32:46
09. Scene Transition 0:42:20
10. Collectables 0:18:59
11. Game Session Part 1 0:16:17
12. Game Session Part 2 0:25:27
13. Enemies Part 1 0:16:07
14. Enemies Part 2 0:20:57
15. SFX 0:18:27

Video Editing in ScreenFlow

01. Concept and Storyboard final 0:08:23
02. Screenflow Basics 0:17:43
03. Adding Motion 0:17:00
04. MatchCut 0:15:56

Vue for Designers

01. Vue course Intro 0:07:52
02. Global Styling with Sass 0:23:18
03. Single File Components 0:28:27
04. Dark Mode 1 0:20:35
05. Dark Mode 2 0:18:54
06. Animations and transitions 0:35:01
07. Accounts with Netlify 0:35:29
08. Accounts with Slack 0:18:06
09. Database with Firestore 0:21:41
10. Charts and data 0:40:27
11. Netlify Functions 0:22:05

Tutorials

Figma Handbook

01. Figma Design Tool 0:00:53
02. Familiarizing with the Figma interface 0:01:17
03. Basic Tools 0:02:14
04. Position, Size, Rotation, & Corner Radius properties 0:01:27
05. Color Styles 0:01:13
06. Masks 0:01:47
07. Dark Mode with Selection Colors 0:01:17
08. Gradients 0:01:36
09. Creating Backgrounds 0:02:36
10. Blending Modes 0:02:01
11. Alignment, Distribution, & Tidy up Properties 0:01:24
12. Union and Corner Radius 0:02:52
13. Shadow and Blur Effects 0:01:48
14. Using Images 0:02:00
15. Fill, Stroke, & Advanced Stroke 0:03:21
16. Text Properties and Styles 0:01:37
17. Google Fonts and Custom Fonts 0:01:13
19. Responsive Design 0:03:07
20. Constraints 0:01:10
21. Layout Grid 0:02:00
22. Auto Layout in Figma 0:01:45
23. Vector Mode 0:00:54
24. Vector Network 0:01:19
25. Perspective Mockups 0:01:59
26. 3D Mockups 0:01:20
27. Using Illustrations in Design 0:02:03
28. Booleans 0:02:24
29. Icon Design 0:01:48
30. Components 0:01:49
31. Team Library 0:02:14
32. Creating Confetti 0:01:58
33. Looper Shape Duplication 0:01:41
34. Apple Watch Ring 0:02:23
35. Exporting Assets in Figma 0:01:38
36. Export CSS Code 0:01:04
37. Designing with Data 0:01:56
38. Prototyping 0:02:24
39. Version History 0:01:24
40. Multiplayer, Commenting, & Previews 0:01:36

SwiftUI Handbook

01. HStack and VStack 0:02:22
02. SF Symbols 0:02:14
03. Custom Fonts 0:03:06
04. Color and image literals 0:01:58
05. Clip Shape 0:01:32
06. Long Press 0:03:16
07. Background Blur 0:02:08
08. Components 0:03:43

UI Design Handbook

01. UI Design Aesthetic 0:03:51
02. Design for accessibility 0:01:59
03. Design for localization 0:01:14
04. Color Selection 0:05:06
05. Pick Fonts 0:03:34
06. Font manager 0:02:06
07. Icon Organizer 0:02:59
08. UI Sound Design 0:04:24
09. Stock Images 0:01:29
10. Image optimization 0:01:46
11. Illustrations 0:01:38
12. Realistic Mockups 0:02:46
13. UI 3D Assets 0:02:29
14. Introduction to Animations 0:05:08
15. UI Animation Resources 0:01:44
16. Apple Watch Faces 0:02:04
17. Apple Watch Animation in AE 0:04:24
18. Designing for Apple TV 0:01:58
19. Design for Game Center 0:03:43
20. Designing for CarPlay 0:01:36
21. Designing App Clips 0:07:05
22. Designing Widgets 0:03:29
23. Design System 0:01:27
24. UI Kits 0:03:33
25. Prototyping Tools 0:03:21
26. Voice Prototyping 0:02:14
27. Quick prototype with Xcode 0:03:01
28. Turn your Designs into Code 0:02:18
29. Version control 0:02:12
30. Developer Handoff 0:01:05
31. Background patterns 0:05:40
32. Variants Icons 0:10:32
33. Color Theory 0:10:35
34. Dark mode 0:03:53
35. Typographic Scales 0:02:40

UX Design Handbook

01. Design Thinking 0:07:35
02. Lean UX 0:06:10
03. What is UX Design 0:08:29
04. UX Research 0:05:52
05. Qualitative Research 0:04:17
06. Quantitative Research 0:06:19
07. Heuristic Evaluation 0:02:22
08. UX Writting 0:10:51
09. User Personas 0:09:48
10. User Journey 0:23:03
11. Usability Metrics 0:07:05
12. Usability Review 0:05:16
13. UX Terminology 0:02:04
14. Wireframing 0:01:22
15. SEO 0:02:09
16. Readability and Legibility 0:01:52
17. Top skills that make a great UX'er 0:02:33
18. Card Sorting 0:01:34
19. Analytics 0:01:50
20. User Flow 0:02:32

Livestreams

SwiftUI Livestreams

01. Prototyping from Figma 0:56:36
02. Scrolling Concept using GeometryReader 0:41:25
03. Design and code for iOS, iPadOS, Big Sur 1:45:05
04. Lazy Grid and Matched Geometry Effect 1:37:11

Contentful Markdown To Html

UI Design Livestreams

01. UI Design Livestreams My design process 1:13:32
02. UI Design LiveStreams Colors, Grid, Adaptive Layout 1:14:53
03. UI Design LiveStreams UI Patterns, Visual Hierarchy and Iterations 1:45:56
04. Prototyping, Animation and Developer Handoff 1:54:22
05. UI Design for developers and Design System 1:00:02
06. iOS 14 Design 1:33:07
07. UI Design New Techniques 1:49:05
Файлы примеров: присутствуют
СубтитрыMarkdown: присутствуют
Формат видео: MP4
Видео: AVC, 1600x900-4096x2304, 30fps, 371-5904kbps
Аудио: AAC, 175-7426kbps, Stereo, 44.1kHzДоп. информация:

Sketches, Figma files, promo videos, wallpapers

http://drive.google.com/drive/folders/1buA4w0SrWo-mCQodjtvdVStXn13DumMo/


t-6006088.torrent
Torrent: Registered · [ 2021-02-04 21:15 ] · dd913dc06b8f0a0cccecf89f17699f03d406eb7c

900 KB

Status:checked
Completed:0 times
Size:142.04 GB
Rating:
Say thanks:0
Похожие темы
ForumTopicAuthorTorrentRepliesLast Post
./templates/default/images/folder_dl.gifReggae, Dancehall, Dub (lossless)(Reggae) [STREAM] Brother Culture - Code Name - 2018, FLAC (tracks),..00318 MB

019

0

2021-03-25 21:50
Nestor_13
./templates/default/images/folder_dl.gifReggae, Dancehall, Dub (lossless)(Reggae Dub) [STREAM] Brother Culture - Code Name in Dub - 2020,..00246 MB

016

0

2021-03-25 21:50
Nestor_13
./templates/default/images/folder_dl.gifOriginal Xbox[Original Xbox] The Da Vinci Code [MIX/ENG/RUS]001.7 GB

033

0

2021-02-16 12:00
Andrew1225
./templates/default/images/folder_dl.gif3D и 2D графика[Gumroad / Danar Worya] Introduction to ADVANCED INTERIOR DESIGN..002.16 GB

0159

1

2021-02-14 21:15
Nestor_13
./templates/default/images/folder_dl.gif3D и 2D графика[Learn Squared] Design for Production: Animation CINEMA 4D [2017, ENG]0015.27 GB

087

3Squirrel sql mac.

2021-02-14 20:05
Nestor_13
./templates/default/images/folder_dl.gifВеб-дизайн и программированиеЛюк Веллинг, Лора Томсон - Разработка веб-приложений с помощью PHP и..00140 MB

1489

8

2021-02-09 18:56
Valdemarus
./templates/default/images/folder_dl.gifMicrosoft Flight Simulator и аддоны для него[MSFS] - Drzewiecki Design - Seattle Landmarks V1.0 (Scene)00719 MB

066

1

2021-02-06 11:50
Andrew1225
./templates/default/images/folder_dl.gifMicrosoft Flight Simulator и аддоны для него[MSFS] - MXI Design - Dubrovnik Airport (LDDU) (Scenery)00172 MB

0172

2

2021-02-06 11:50
Andrew1225
./templates/default/images/folder_dl.gifMicrosoft Flight Simulator и аддоны для него[MSFS] - DRZEWIECKI DESIGN, Moscow landmarks V.1.20 (Scene)001.17 GB

0149

5

2021-02-06 11:50
Andrew1225
./templates/default/images/folder_dl.gifРабота со звуком[Production Music Live] Production Music Live u-he Diva Sound Design..001.86 GB

086

3

2021-02-02 22:00
Andrew1225

There are two most common ways of using markdown in Gatsby with a headless CMS tool.

This post will present how to use them with Contentful service.Additionally it will include contenful image converter inside markdown.

Amazing plugin for converting and optimaizing images from contentful into Gatsby blog.

This is a very popular plugin mostly used for processing markdown and them placing it into the HTML.It is also usefull if you want not only process markdown but also include your own JSX components.

Adding markdown content from CMS in Gatsby blog

  1. Install plugin
  1. Add plugin into gatsby-config.js
  1. Add markdown text field into Contentful Content Type.
  • Add field
  • Select Text field (Long text, full-text search)
  • In configuration select Markdown
  1. In your blog post template graphql query get markdown body
  1. Use markdown in blog post template component
  1. From now on you can put your imports and React components inside Contentful markdown field. It will be automatically detected and transformed.

Plugin powered by remark processor. It parses markdown but without included parser for React components.

  1. Install plugin
  1. Add plugin into gatsby-config.js
  1. Add markdown field in Contentful Content Type of your blog as in previous plugin description

  2. In your blog post template graphql query get markdown body

  1. Use markdown in blog post template component
  1. If you want to use custom components inside markdown you need to use additional plugin gatsby-remark-component with rehype-react which is also very simple. Full description how to do it can be found in linked documentation.

It is your choice which plugin you will use. I have tried both and currenly I'm using gatsby-plugin-mdx for markdown processor including custom component.

This is an example of JSX component inside markdown!

I'm also very happy with plugin for simple image optimization gatsby-remark-images-contentful. If you are looking for low cost and simple image optimalization for your blog, this is it!