Front End Designer and Developer Portfolio Overview

•

52 j'aime•3,963 vues

This document contains information about a front end designer and developer including their skills and experience. It outlines the candidate's skills in HTML, CSS, front end frameworks, preprocessors, libraries and more. It also lists examples of projects they have worked on including converting PSD to HTML and responsive web design. The document aims to showcase the candidate's front end skills and qualifications for front end related positions.

Design

! " # 3
ABOUT ME
1999
fishbecat@gmail.com
facebook.com/fishbecat
line id: fishbecat
x x

! " # 6
'START!
PSD to HTML table
PSD to HTML Div + CSS
Dreamweaver + Flash
HTML
CSS
ActionScript 
jQuery
SKILL

! " # 7
(
PHP ASP.net Java ROR…
Responsive Web Design
Front End Framework Bootstrap Foundation
SASS SCSS LESS + Compass
JS Library jQuery D3.js tree.js

! " # 9
-
Front End Designer
Front End Developer
(
PM
)
Back End Developer
*&
Graphic Designer

! " #
+
Responsive
%
Creative
10
-
Mockups01
02
03
04
05
06
07
08

! " # 15
HTML !
doctype
lang
charset
title
viewport
apple icon
css
i.e. hack
content
javascript

! " # 17
HTML
article
section
header
footer
nav
aside
h1-h6
li
p
div
div
div
div
div
div
…
table
table
table
…

$ FishSaut - 2015 ®! " # 19
BREAK . 15 min
-

! " # 21
CSS SKILL
Box-Model
…
box-sizing: border-box;

! " # 22
CSS SKILL
Block vs Inline vs Void
Block: Box-Model h1-h6, ul, li, p, div…
Inline: Line-height a, label, span…
Void: Html img, br, hr, input…
display: block;
display: inline;
display: inline-block;
…

! " # 25
…
reset.css / normalize.css
clearﬁx
html5shiv.js / modernizr.js

! " # 27
FE SKILL
OOCSS, SMACSS
Front End Framework (Bootstrap
CSS Preprocessor LESS / SASS / SCSS
CSS3 animation
JS Library jQuery / D3.js / Three.js
JS Framework Angular JS / Backbone.js / Ember.js

! " # 28
FE SKILL
Git
 
Open API 
 
SEO
Page Speed
Back End ex.PHP… view
Node.js
…

Recommandé

WordPress theme frameworksEddie Johnston

Taming the Global Site Migration Monster by Kate DreyerKateDreyer

Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason

The Coding Designer's Survival Kit - Capital Campcanarymason

Designing in the Browser - Design for Drupal, Boston 2010canarymason

Web designSuvabrata Guharay

Drupaldelphia Shortcuts Cheats And Cheap Stuntscanarymason

Mobile and Responsive Design with Sassnyccamp

Recommandé

WordPress theme frameworksEddie Johnston

Taming the Global Site Migration Monster by Kate DreyerKateDreyer

Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason

The Coding Designer's Survival Kit - Capital Campcanarymason

Designing in the Browser - Design for Drupal, Boston 2010canarymason

Web designSuvabrata Guharay

Drupaldelphia Shortcuts Cheats And Cheap Stuntscanarymason

Mobile and Responsive Design with Sassnyccamp

Not just a pretty (type)faceClare Evans

Building a living styleguide using React & Styled-componentsVikram Ramanujam

Why Markdown?Leon Barnard

Css groupLeslie Steele

Css groupSonia Leng

SenchaCon 2016: JavaScript is Great but Stop Writing It - Rory HardySencha

HTML languageAnna Rita Colella

Daily agenda project 02 creating and editing a web pageAngela Edel

OOCSS and SMACSS Case StudyKota Fujishiro

前端性能优化imbingdian

We Need to Talk About CSSSean Durham

Web Designer OR Developer Meenesh Jain

Convert your 2D image to 3D Screenshot Presentations, other Web Graphicsdigichix

10- Learn CSS Fundamentals / Pseudo-elementsIn a Rocket

Logo designAkaki Sanadze

Double page research articles014420

Lecture7 web design and developmentRafi Haidari

Modern Front-End Developmentmwrather

Breaking up with Microsoft Wordcdelk

網頁程式設計傳錡蕭

Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...SPTechCon

Web design for right-to-left languagesLennart Schoors

Contenu connexe

Tendances

Not just a pretty (type)faceClare Evans

Building a living styleguide using React & Styled-componentsVikram Ramanujam

Why Markdown?Leon Barnard

Css groupLeslie Steele

Css groupSonia Leng

SenchaCon 2016: JavaScript is Great but Stop Writing It - Rory HardySencha

HTML languageAnna Rita Colella

Daily agenda project 02 creating and editing a web pageAngela Edel

OOCSS and SMACSS Case StudyKota Fujishiro

前端性能优化imbingdian

We Need to Talk About CSSSean Durham

Web Designer OR Developer Meenesh Jain

Convert your 2D image to 3D Screenshot Presentations, other Web Graphicsdigichix

10- Learn CSS Fundamentals / Pseudo-elementsIn a Rocket

Logo designAkaki Sanadze

Double page research articles014420

Lecture7 web design and developmentRafi Haidari

Tendances (17)

Not just a pretty (type)face

Building a living styleguide using React & Styled-components

Why Markdown?

Css group

SenchaCon 2016: JavaScript is Great but Stop Writing It - Rory Hardy

HTML language

Daily agenda project 02 creating and editing a web page

OOCSS and SMACSS Case Study

前端性能优化

We Need to Talk About CSS

Web Designer OR Developer

Convert your 2D image to 3D Screenshot Presentations, other Web Graphics

10- Learn CSS Fundamentals / Pseudo-elements

Logo design

Double page research articles

Lecture7 web design and development

Similaire à Front End Designer and Developer Portfolio Overview

Modern Front-End Developmentmwrather

Breaking up with Microsoft Wordcdelk

網頁程式設計傳錡蕭

Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...SPTechCon

Web design for right-to-left languagesLennart Schoors

APEX HROUG 2019 - Universal Theme: Tips and TweaksMarko Gorički

RWD in the WildRich Quick

7 web designpranitag1

From PSD to WordPress Theme: Bringing designs to lifeDerek Christensen

Web Development for UX DesignersAshlimarie

Stepping into the front end: Part 1Tahin Rahman

Dario_DiFelice_ResumeDario Di Felice

Responsive Web Design (done right)Sandro Paganotti

Frontend First Design & DevelopmentAdam Nemeth

Look ma! No images!Lennart Schoors

Front end-design and best practicesMario Hernandez

It's a Mod World - A Practical Guide to Rocking ModernizrMichael Enslow

Slow kinda sucksTim Wright

Introduction to-web-application-development-with-vaadin7Johannes Eriksson

Java scriptsanjay joshi

Similaire à Front End Designer and Developer Portfolio Overview (20)

Modern Front-End Development

Breaking up with Microsoft Word

網頁程式設計

Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...

Web design for right-to-left languages

APEX HROUG 2019 - Universal Theme: Tips and Tweaks

RWD in the Wild

7 web design

From PSD to WordPress Theme: Bringing designs to life

Web Development for UX Designers

Stepping into the front end: Part 1

Dario_DiFelice_Resume

Responsive Web Design (done right)

Frontend First Design & Development

Look ma! No images!

Front end-design and best practices

It's a Mod World - A Practical Guide to Rocking Modernizr

Slow kinda sucks

Introduction to-web-application-development-with-vaadin7

Java script

Dernier

SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6

Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls

VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor

VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823

SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Kindergarten Assessment Questions Via LessonUpmainac1

Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor

Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal

Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile

VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor

Dernier (20)

SCRIP Lua HTTP PROGRACMACION PLC WECON CA

Best VIP Call Girls Noida Sector 44 Call Me: 8448380779

VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi

VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service

CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵

SD_The MATATAG Curriculum Training Design.pptx

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service

Kindergarten Assessment Questions Via LessonUp

Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130

Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...

VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130

Front End Designer and Developer Portfolio Overview

1. ! " # 1 Front End Designer and Developer $

2. ! " # 2 ABOUT ME # %

3. ! " # 3 ABOUT ME 1999 fishbecat@gmail.com facebook.com/fishbecat line id: fishbecat x x

4. ! " # 4 Front End ? # &

5. ! " # 5 …

6. ! " # 6 'START! PSD to HTML table PSD to HTML Div + CSS Dreamweaver + Flash HTML CSS ActionScript  jQuery SKILL

7. ! " # 7 ( PHP ASP.net Java ROR… Responsive Web Design Front End Framework Bootstrap Foundation SASS SCSS LESS + Compass JS Library jQuery D3.js tree.js

8. ! " # 8

9. ! " # 9 - Front End Designer Front End Developer ( PM ) Back End Developer *& Graphic Designer

10. ! " # + Responsive % Creative 10 - Mockups01 02 03 04 05 06 07 08

11. ! " # 11 FE SKILLS ? # ,

12. ! " # 12 … …

13. ! " # 13 HTML SKILLS ? # HTML ,

14. ! " # 14 HTML ? HTML html head body

15. ! " # 15 HTML ! doctype lang charset title viewport apple icon css i.e. hack content javascript

16. ! " # 16 HTML …

17. ! " # 17 HTML article section header footer nav aside h1-h6 li p div div div div div div … table table table …

18. ! " # 18 HTML

19. $ FishSaut - 2015 ®! " # 19 BREAK . 15 min -

20. ! " # 20 CSS SKILLS ? # CSS ,

21. ! " # 21 CSS SKILL Box-Model … box-sizing: border-box;

22. ! " # 22 CSS SKILL Block vs Inline vs Void Block: Box-Model h1-h6, ul, li, p, div… Inline: Line-height a, label, span… Void: Html img, br, hr, input… display: block; display: inline; display: inline-block; …

23. ! " # 23 CSS SKILL Normal ﬂow vs Float

24. ! " # 24 CSS SKILL Position

25. ! " # 25 … reset.css / normalize.css clearﬁx html5shiv.js / modernizr.js

26. ! " # 26 FE SKILL! # … /

27. ! " # 27 FE SKILL OOCSS, SMACSS Front End Framework (Bootstrap CSS Preprocessor LESS / SASS / SCSS CSS3 animation JS Library jQuery / D3.js / Three.js JS Framework Angular JS / Backbone.js / Ember.js

28. ! " # 28 FE SKILL Git   Open API    SEO Page Speed Back End ex.PHP… view Node.js …

29. ! " # 29 FE SKILL Front End … … …

30. 30 THANKS Q & A