DOCSLIB.ORG

Fira Code: Monospaced Font with Programming Ligatures

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Fira Code: Monospaced Font with Programming Ligatures Personal Open source Business Explore Pricing Blog Support This repository Sign in Sign up tonsky / FiraCode Watch 282 Star 9,014 Fork 255 Code Issues 74 Pull requests 1 Projects 0 Wiki Pulse Graphs Monospaced font with programming ligatures 145 commits 1 branch 15 releases 32 contributors OFL-1.1 master New pull request Find file Clone or download lf- committed with tonsky Add mintty to the ligatures-unsupported list (#284) Latest commit d7dbc2d 16 days ago distr Version 1.203 (added `__`, closes #120) a month ago showcases Version 1.203 (added `__`, closes #120) a month ago .gitignore - Removed `!!!` `???` `;;;` `&&&` `|||` `=~` (closes #167) `~~~` `%%%` 3 months ago FiraCode.glyphs Version 1.203 (added `__`, closes #120) a month ago LICENSE version 0.6 a year ago README.md Add mintty to the ligatures-unsupported list (#284) 16 days ago gen_calt.clj Removed `/**` `**/` and disabled ligatures for `/*/` `*/*` sequences … 2 months ago release.sh removed Retina weight from webfonts 3 months ago README.md Fira Code: monospaced font with programming ligatures Problem Programmers use a lot of symbols, often encoded with several characters. For the human brain, sequences like -> , <= or := are single logical tokens, even if they take two or three characters on the screen. Your eye spends a non-zero amount of energy to scan, parse and join multiple characters into a single logical one. Ideally, all programming languages should be designed with full-fledged Unicode symbols for operators, but that’s not the case yet. Solution Download v1.203 · How to install · News & updates Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations. This is just a font rendering feature: underlying code remains ASCII-compatible. This helps to read and understand code faster. For some frequent sequences like .. or // , ligatures allow us to correct spacing. Code examples Ruby: JavaScript: Erlang: Go: LiveScript: Clojure: Terminal support Works Doesn’t work Black Screen Cmder Butterfly ConEmu HyperTerm GNOME Terminal Konsole iTerm 2 (coming in 3.1) QTerminal LXTerminal Terminal.app (OS X default mate-terminal terminal) Termux (Android terminal mintty emulator) PuTTY rxvt Terminator, xfce4-terminal, lxterminal, gtkterm, xfce4-terminal and other libvte- based terminals (bug report) sakura Editor support Works Doesn’t work Anjuta (unless at the EOF) Arduino IDE AppCode (2016.2+, instructions) Adobe Dreamweaver Atom 1.1 or newer (instructions) Eclipse (Mac and Win, vote here) BBEdit (instructions) Standalone Emacs (workaround) Brackets (with this plugin) gVim Chocolat IDLE CLion (2016.2+, instructions) KDevelop 4 Coda 2 Monkey Studio IDE CodeLite Notepad++ Eclipse (Linux) Spyder IDE Geany SublimeText (vote here) gEdit / Pluma GNOME Builder IntelliJ IDEA (2016.2+, instructions) Kate, KWrite Komodo Leafpad LibreOffice LightTable (instructions) MacVim 7.4 or newer (instructions) Mancy Meld Mousepad NetBeans Notepad (Win) PhpStorm (2016.2+, instructions) PyCharm (2016.2+, instructions) QtCreator RStudio (instructions) RubyMine (2016.2+, instructions) Scratch TextAdept (Linux, Mac) TextEdit TextMate 2 Visual Studio 2015 Visual Studio Code (instructions) WebStorm (2016.2+, instructions) Xamarin Studio/Monodevelop Xcode (with this plugin) Probably work: Smultron, Vico Under question: Code::Blocks IDE Browser support IE 10+, Edge: enable with font-feature-settings: "calt" 1; Firefox Safari Chromium-based browsers (Chrome, Opera): enable with font-variant-ligatures: contextual; or text-rendering: optimizeLegibility , see 571246 ACE CodeMirror Alternatives Other monospaced fonts with ligatures: Hasklig (free) PragmataPro (€59) Monoid (free) Fixedsys Excelsior (free) Iosevka (free) DejaVu Sans Code (free) Credits Author: Nikita Prokopov @nikitonsky Based on: Fira Mono Inspired by: Hasklig Software: Glyphs 2 (thx Georg Seifert for a license) Changelog 1.203 (September 17, 2016) Added __ (#120, #269) 1.202 (September 17, 2016) Removed {. .} [. .] (. .) (#264) 1.201 (August 30, 2016) Removed [] (#92) {- -} (#248) Removed /** **/ and disabled ligatures for /*/ */* sequences (#219 #238) Added ]# {. .} [. .] (. .) (#214) 1.200 (July 18, 2016) Removed !!! ??? ;;; &&& ||| =~ (#167) ~~~ %%% New safer calt code that doesn’t apply ligatures to long sequences of chars, e.g. !!!! , >>>> , etc (#49, #110, #176) Larger + - * and corresponding ligatures (#86) Hexadecimal x ( 0xFF ) is now applied to sequences like 128x128 as well (#161) Added twoTurned (U+218A) and threeTurned (U+218B) (#146) Added whiteFrowningFace (U+2639) (#190) Simplified visual style on markdown headers ## ### #### (#107) Added </> (#147) Provided ttf and webfonts versions (eot, woff, woff2) (#18, #24, #38, #101, #106) Increased spacing in <= >= (#117) 1.102 Support for IntelliJ-based IDEs (instructions) Turned on autohinting 1.101 Added Light weight Adjusted rules when vertical centering of : , - , * and + occurs 1.100 Fixed calt table conflicts ( ---- would incorrectly render as <!-- ) Added centered : (between digits, e.g. 10:40 ) Added lowercase-aligned - , * and + (only between lowercase letters, e.g. kebab case var-name , pointers *ptr etc) 1.000 Added weights: Retina (just slightly heavier than Regular) Medium Bold Switched to calt instead of liga . You can now “step inside” the ligature in text editors. Fira Code is now drawn and built in Glyphs 2 app (should improve compatibility). Added: <-> <~~ <~ ~~~ ~> ~~> <$ <+ <* *> +> $> ;;; ::: !!! ??? %% %%% ## ### #### .- #_( =< **/ 0x www [] Redrawn: {- -} ~= =~ =<< >>= <$> <=> .= Removed: ?: Total ligatures count: 115 0.6 Redrawn from Fira Mono 3.204 (slightly heavier weight) Added: ** *** +++ -- --- ?: /= /== .= ^= =~ ?= ||= |= <<< <=< -<< -< >- >>- >=> >>> <*> <|> <$> <+> <!-- {- -} /** \\ \\\ ..< ?? ||| &&& <| |> Added support for Powerline 0.5 Added: #{ ~- -~ <== ==> /// ;; </ 0.4 Added ~= ~~ #[ Rolled back && and || to more traditional look === and !== are now rendered with 3 horizontal bars 0.3 Added: ~@ #? =:= =< 0.2.1 Fixed width of && and || 0.2 Added: --> <-- && || =>> =/= 0.1 >>= =<< <<= ->> -> => <<- <- === == <=> >= <= >> << !== != <> := ++ #( #_ :: ... .. !! // /* */ /> © 2016 GitHub, Inc. Terms Privacy Security Status Help Contact GitHub API Training Shop Blog About.
Load more

Recommended publications
  • Smashing Ebook
    IMPRINT Imprint © 2014 Smashing Magazine GmbH, Freiburg, Germany ISBN (PDF): 978-3-94454087-0 Cover Design: Veerle Pieters eBook Strategy and Editing: Vitaly Friedman Technical Editing: Cosima Mielke Planning and Quality Control: Vitaly Friedman, Iris Lješnjanin Tools: Elja Friedman Syntax Highlighting: Prism by Lea Verou Idea & Concept: Smashing Magazine GmbH 2 About This Book Slow loading times break the user experience of any web- site—no matter how well crafted it might be. In fact, it only takes three seconds until users lose their interest in a site if they don’t get a response immediately. If another site happens to be 250ms faster than yours, then users are more inclined to switch to a competitor’s website in no time. Web fonts, heavy JavaScript, third-party widgets — all of them can sum up to become a real performance bot- tleneck. Nevertheless, tracking that down does not only improve loading times but also results in a much snappi- er experience and a higher user engagement. In this eBook, we’ve compiled an entire selection of front-end and server-side techniques that will help you tackle such bottlenecks. Find out how to speed up exist- ing websites, build high-performance sites (for both mo- bile and desktop), and prepare them for heavy-load situa- tions. Furthermore, you’ll learn more about how perfor- mance improvements and a 97–99 Google PageSpeed score were achieved on Smashing Magazine, as well as how optimization strategies can enhance real-life projects by taking a closer look at Pinterest’s paint performance case study.
    [Show full text]
  • Dockerdocker
    X86 Exagear Emulation • Android Gaming • Meta Package Installation Year Two Issue #14 Feb 2015 ODROIDMagazine DockerDocker OS Spotlight: Deploying ready-to-use Ubuntu Studio containers for running complex system environments • Interfacing ODROID-C1 with 16 Channel Relay Play with the Weather Board • ODROID-C1 Minimal Install • Device Configuration for Android Development • Remote Desktop using Guacamole What we stand for. We strive to symbolize the edge of technology, future, youth, humanity, and engineering. Our philosophy is based on Developers. And our efforts to keep close relationships with developers around the world. For that, you can always count on having the quality and sophistication that is the hallmark of our products. Simple, modern and distinctive. So you can have the best to accomplish everything you can dream of. We are now shipping the ODROID U3 devices to EU countries! Come and visit our online store to shop! Address: Max-Pollin-Straße 1 85104 Pförring Germany Telephone & Fax phone : +49 (0) 8403 / 920-920 email : [email protected] Our ODROID products can be found at http://bit.ly/1tXPXwe EDITORIAL ow that ODROID Magazine is in its second year, we’ve ex- panded into several social networks in order to make it Neasier for you to ask questions, suggest topics, send article submissions, and be notified whenever the latest issue has been posted. Check out our Google+ page at http://bit.ly/1D7ds9u, our Reddit forum at http://bit. ly/1DyClsP, and our Hardkernel subforum at http://bit.ly/1E66Tm6. If you’ve been following the recent Docker trends, you’ll be excited to find out about some of the pre-built Docker images available for the ODROID, detailed in the second part of our Docker series that began last month.
    [Show full text]
  • Fortran Resources 1
    Fortran Resources 1 Ian D Chivers Jane Sleightholme October 17, 2020 1The original basis for this document was Mike Metcalf’s Fortran Information File. The next input came from people on comp-fortran-90. Details of how to subscribe or browse this list can be found in this document. If you have any corrections, additions, suggestions etc to make please contact us and we will endeavor to include your comments in later versions. Thanks to all the people who have contributed. 2 Revision history The most recent version can be found at https://www.fortranplus.co.uk/fortran-information/ and the files section of the comp-fortran-90 list. https://www.jiscmail.ac.uk/cgi-bin/webadmin?A0=comp-fortran-90 • October 2020. Added an entry for Nvidia to the compiler section. Nvidia has integrated the PGI compiler suite into their NVIDIA HPC SDK product. Nvidia are also contributing to the LLVM Flang project. • September 2020. Added a computer arithmetic and IEEE formats section. • June 2020. Updated the compiler entry with details of standard conformance. • April 2020. Updated the Fortran Forum entry. Damian Rouson has taken over as editor. • April 2020. Added an entry for Hewlett Packard Enterprise in the compilers section • April 2020. Updated the compiler section to change the status of the Oracle compiler. • April 2020. Added an entry in the links section to the ACM publication Fortran Forum. • March 2020. Updated the Lorenzo entry in the history section. • December 2019. Updated the compiler section to add details of the latest re- lease (7.0) of the Nag compiler, which now supports coarrays and submodules.
    [Show full text]
  • ANNI BOND 3101 Cinnamon Circle | Raleigh, NC 27610 (919) 758-6935 | [email protected]
    ANNI BOND 3101 Cinnamon Circle | Raleigh, NC 27610 (919) 758-6935 | [email protected] OBJECTIVE To write/edit technical documentation in the technology or gaming fields. PROFESSIONAL Troppus Software Corporation Superior, CO EXPERIENCE SKMS KB/CM Engineer, Engineering 2011 – Present Developed content for the premium tech support application, Symbi. Managed Sling Media knowledge base initiative where new Sling Media articles and article updates were implemented in our knowledge base for a Sling Media-branded version of our client; Spearheaded the development of the first internal style guide. Edited articles written by other content engineers for spelling, grammar, correctness, consistency, and in-house style guide adherence; Tested features, bugs, and fixes in the development tools. Tested DISH Network ViP722k, Hopper with Sling Adapter, and Joey DVRs. University of North Carolina at Charlotte Charlotte, NC Intern, Information Technology Services 2011 Authored a 60+ page manual with another student for the System Administration Management (SAM) tool, used to plan budgets and expenses in UNC Charlotte colleges; Authored a 30+ page manual for the reports section; Authored a quick reference guide for SAM; Edited a reference guide of commonly used account codes for SAM. UNC Charlotte Student Media Publications Charlotte, NC Copy Editor, The University Times 2009 – 2011 Was promoted to Asstistant Copy Editor in January 2010 and again to Copy Editor in August 2010. Edited articles written by other students for grammar, spelling, and Associated Press errors and applied the edits to digital copies; Edited housing and welcome guides produced by the paper three times a year; Wrote stories about events or ideas that impacted Charlotte.
    [Show full text]
  • Geany Tutorial
    How to use Geany Geany is essentially a text editor. To begin writing your program, you will need to create a new, blank file. Click on New. A new file called untitled will appear. You may start writing. As soon as you do, the option to save the file will be available. If the name of your file is in red, it means that it hasn’t been saved since the last change that is made. Click on the button called Save next to the New button. Save the file in a directory you had previously created before you launched Geany and name it main.cpp. All of the files you will write and submit to will be named specifically main.cpp. Once the .cpp has been specified, Geany will turn on its color coding feature for the C++ template. Next, we will set up our environment and then write a simple program that will print something to the screen Feel free to supply your own name in this small program Before we do anything with it, we will need to configure some options to make your life easier in this class The vertical line to the right marks the ! boundary of your code. You will need to respect this limit in that any line of code you write must not cross this line and therefore be properly, manually broken down to the next line. Your code will be printed out for The line is not where it should be, however, and grading, and if your code crosses the we will now correct it line, it will cause line-wrapping and some points will be deducted.
    [Show full text]
  • Müller Docs Documentation Versão 0.0.1
    Müller Docs Documentation Versão 0.0.1 Müller Fernandes da Silva 27 September, 2015 Conteúdo 1 Fontes 3 1.1 Table of Contents.............................................3 1.2 Indices and tables............................................ 231 1.3 Conteúdo Pendente............................................ 231 Bibliografia 235 i ii Müller Docs Documentation, Versão 0.0.1 Bem vindo à minha base de documentação. Na busca por um método de anotar os conheci- mentos necessários para minhas atividades do dia-a-dia me deparei com o trabalho feito pelo ‘Ops School<(http://www.opsschool.org/en/latest/>‘_ e comecei a alterá-lo para satisfazer minhas necessidades. Conteúdo 1 Müller Docs Documentation, Versão 0.0.1 2 Conteúdo CAPÍTULO 1 Fontes • Fork de Ops School • Este projeto é escrito em reStructuredText • Hospedado em Read the Docs • Compilado pelo sistema de documentação Sphinx no Travis CI 1.1 Table of Contents 1.1.1 Tecnologia da informação Active Directory 101 What is Active Directory? Active Directory is a Directory Service created by Microsoft. It is included with most Windows Server operating systems. Almost all Active Directory installations actually include several separate but related components; although the term “Active Directory” technically refers only to the directory service, in general use it refers to the entire constellation of parts. What is Active Directory used for? Active Directory is primarily used to store directory objects (like users and groups) and their attributes and relati- onships to one another. These objects are most commonly used to control access to various resources; for instance, an Active Directory might contain a group which grants its members permission to log into a certain server, or to print to a specific printer, or even to perform administrative tasks on the directory itself.
    [Show full text]
  • Web Age Webinar Series
    WEB AGE TECHNOLOGY WEBINAR SERIES iOS Development using Swift Webinar Series WELCOME! To ask a question during the presentation type it in the “Questions” section Slides will be available shortly after the presentation Audio Recording will be published shortly after the presentation Webinar Series JASON BELL Webinar Series JASON BELL Webinar Series UPCOMING CLASSES iOS 10 Development with Swift June 26-30 goo.gl/oT0Z9W Webinar Series AGENDA Mobile Landscape and Development Options iOS Development Why Swift? Swift 4 and Xcode 9 Q & A Webinar Series MOBILE LANDSCAPE Webinar Series MOBILE LANDSCAPE Webinar Series NATIVE ANDROID DEVELOPMENT Language Java Kotlin Development Tool Android Studio Webinar Series NATIVE IOS DEVELOPMENT Language Swift Objective-C Development Tool Xcode AppCode (JetBrains) Webinar Series CROSS-PLATFORM DEVELOPMENT Web application Hybrid HTML-based cross-platform frameworks Apache Cordova / Adobe PhoneGap Native cross-platform frameworks Xamarin (C#) React Native (JavaScript) Appcelerator Titanium (JavaScript) Qt (C++) Webinar Series CROSS-PLATFORM DEVELOPMENT (PROS) Ability to more easily reuse code for multiple platforms Leverage existing language/framework knowledge Webinar Series CROSS-PLATFORM DEVELOPMENT (CONS) GUI components may still need to be coded multiple times to obtain a platform-specific look and feel Different platform design guidelines May not have access to all native functionality New native features may not be available right away Performance and offline functionality Webinar Series LANGUAGES FOR
    [Show full text]
  • The Next-Gen Apertis Application Framework 1 Contents
    The next-gen Apertis application framework 1 Contents 2 Creating a vibrant ecosystem ....................... 2 3 The next-generation Apertis application framework ........... 3 4 Application runtime: Flatpak ....................... 4 5 Compositor: libweston ........................... 6 6 Audio management: PipeWire and WirePlumber ............ 7 7 Session management: systemd ....................... 7 8 Software distribution: hawkBit ...................... 8 9 Evaluation .................................. 8 10 Focus on the development user experience ................ 12 11 Legacy Apertis application framework 13 12 High level implementation plan for the next-generation Apertis 13 application framework 14 14 Flatpak on the Apertis images ...................... 15 15 The Apertis Flatpak application runtime ................. 15 16 Implement a new reference graphical shell/compositor ......... 16 17 Switch to PipeWire for audio management ................ 16 18 AppArmor support ............................. 17 19 The app-store ................................ 17 20 As a platform, Apertis needs a vibrant ecosystem to thrive, and one of the 21 foundations of such ecosystem is being friendly to application developers and 22 product teams. Product teams and application developers are more likely to 23 choose Apertis if it offers flows for building, shipping, and updating applications 24 that are convenient, cheap, and that require low maintenance. 25 To reach that goal, a key guideline is to closely align to upstream solutions 26 that address those needs and integrate them into Apertis, to provide to appli- 27 cation authors a framework that is made of proven, stable, complete, and well 28 documented components. 29 The cornerstone of this new approach is the adoption of Flatpak, the modern 30 application system already officially supported on more than 20 Linux distribu- 1 31 tions , including Ubuntu, Fedora, Red Hat Enterprise, Alpine, Arch, Debian, 32 ChromeOS, and Raspian.
    [Show full text]
  • FONT GUIDE Workbook to Help You Find the Right One for Your Brand
    FONT GUIDE Workbook to help you find the right one for your brand. www.ottocreative.com.au Choosing the right font for your brand YOUR BRAND VALUES: How different font styles can be used to make up your brand: Logo Typeface: Is usually a bit more special and packed with your brands personality. This font should be used sparingly and kept for special occasions. Headings font: Logo Font This font will reflect the same brand values as your logo font - eg in this example both fonts are feminine and elegant. Headings Unlike your logo typeface, this font should be easier to read and look good a number of different sizes and thicknesses. Body copy Body font: The main rule here is that this font MUST be easy to read, both digitally and for print. If there is already alot going on in your logo and heading font, keep this style simple. Typefaces, common associations & popular font styles San Serif: Clean, Modern, Neutral Try these: Roboto, Open Sans, Lato, Montserrat, Raleway Serif: Classic, Traditional, reliable Try these: Playfair Display, Lora, Source Serif Pro, Prata, Gentium Basic Slab Serif: Youthful, modern, approachable Try these: Roboto Slab, Merriweather, Slabo 27px, Bitter, Arvo Script: Feminine, Romantic, Elegant Try these: Dancing Script, Pacifico, Satisfy, Courgette, Great Vibes Monotype:Simple, Technical, Futuristic Try these: Source Code Pro, Nanum Gothic Coding, Fira Mono, Cutive Mono Handwritten: Authentic, casual, creative Try these: Indie Flower, Shadows into light, Amatic SC, Caveat, Kalam Display: Playful, fun, personality galore Try these: Lobster, Abril Fatface, Luckiest Guy, Bangers, Monoton NOTE: Be careful when using handwritten and display fonts, as they can be hard to read.
    [Show full text]
  • Assignment of Bachelor's Thesis
    ASSIGNMENT OF BACHELOR’S THESIS Title: DET language IDE Student: Toghrul Sultanzade Supervisor: Ing. Ondřej Guth, Ph.D. Study Programme: Informatics Study Branch: Computer Science Department: Department of Theoretical Computer Science Validity: Until the end of summer semester 2020/21 Instructions The aim is to implement an integrated development environment (IDE) for DET scripting language (it is a proprietary language based on Java). The IDE should be capable of syntax highlighting, autocompletion, and error recognition. 1. Study existing parser of DET language [1] and modify it for the needs of the IDE. 2. Research existing open-source IDEs and techniques for syntax highlighting, autocompletion and error recognition. 3. Based on the research, use existing libraries and algorithms to implement the IDE and its required features as a prototype. 4. Use appropriate tools and methods to test the results. References [1] GRANKIN, Daniil. A translator of DET scripting language into Java. Bachelor's thesis. Czech technical university in Prague, 2019. Available from: http://hdl.handle.net/10467/83386. doc. Ing. Jan Janoušek, Ph.D. doc. RNDr. Ing. Marcel Jiřina, Ph.D. Head of Department Dean Prague October 17, 2019 Czech Technical University in Prague Faculty of Information Technology Department of Computer Science Bachelor's thesis DET language IDE Toghrul Sultanzade Supervisor: Ing. Ondrej Guth, Ph.D. 21st February 2020 Acknowledgements Firstly, I would like to express my appreciation and thanks to my thesis su- pervisor, Ing. Ondrej Guth, for his professional attitude and dedication to help me. The door to his office was always open, whenever I had troubles and obstacles in the process of writing the thesis.
    [Show full text]
  • Differences of Fira Sans & Firago
    January 2018 FiraGO and Fira Sans – A guide Fira Sans Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Project History: Fira Sans In 2012, Fira was designed as a typeface for the Mozilla OS in cooperation with Erik Spiekermann and – of course – Mozilla. Over the next years, Fira covered more and more languages and provided further weights and styles. In 2016 (with version 4.2), Mozilla decided not to put effort into the project anymore and in fact quit. Please also note that their Git is not up to date anymore. Since 2016, we encourage the project on our own and therefor introduced a new Git: https://github.com/carrois/Fira Also, recent font files can always be downloaded at: http://bboxtype.com/typefaces/FiraSans Fira Sans 4.3 will be the last version of Fira Sans (except from bug fixing). We decided to go on with a new branch: FiraGO. Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Status Quo: Fira Sans 4.3 Family structure: Fira Sans Two to Ultra 16 weights Fira Sans TwoItalic to UltraItalic 16 weights Fira Sans Condensed Two to Heavy 15 weights Fira Sans Condensed TwoItalic to HeavyItalic 15 weights Fira Sans Compressed Two to Heavy 15 weights Fira Sans Compressed TwoItalic to HeavyItalic 15 weights Fira Mono Regular Medium Bold 3 weights Script Support: Latin Extended/IPA, Cyrillic Extended, Polytonic Greek ~ 2600 glyphs per font Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide FiraGO Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Project History: FiraGO In 2016, the geo data provider Here chose Fira Sans as their corporate typeface.
    [Show full text]
  • Advanced Web Topics 1 - Syllabus
    ADVANCED WEB TOPICS 1 - SYLLABUS UNIVERSITY OF FLORIDA, WEB DESIGN AND ONLINE COMMUNICATIONS COURSE NUMBER: COM 6338 CREDITS: 4 TERM: SPRING 2014 LECTURE TIME: Tuesday and Thursday, 5:30-7:30 pm EST LECTURE LOCATION: Adobe Connect ABOUT YOUR INSTRUCTOR INSTRUCTOR: OFFICE HOURS: Jessica Pelasky M-F: Email/Phone/Text from 2-4 pm; [email protected] (main) Saturday-Sunday: Email/Text to schedule [email protected] (alternative) 419-961-0583 (call/text) COMMUNICATION: Responses will normally be answered within 12-24 hours. If an emergency, please either call/text. Please send email to UF email address; do not use the mail function within Canvas. INSTRUCTOR TEACHING PHILOSOPHY: Instructor plans on teaching this class where she assumes that you are a beginner in the subject matter. She believes a proper web designer should be able to develop a website from the ground up; meaning coding HTML, CSS, and JavaScript from scratch before using pretty web design software. :) She feels people tend to skip over the basics and go right to the items they want to implement; however without a strong base, you cannot build anything without it collapsing. ABOUT THE COURSE PREREQUISITE KNOWLEDGE AND SKILLS: ● Prerequisite courses: MMC5277 Web Design Principles, VIC5325 Digital Imagery, and VIC5326 Digital Layout. ● Students should have a firm working knowledge of HTML and CSS coding as well as uploading websites via FTP. PURPOSE: This course will expand the basic coding of XHTML and CSS learned in MMC5277. The course will cover three main topics: HTML5 and CSS3, foundations of JavaScript. We will also cover advanced web design using Adobe Dreamweaver.
    [Show full text]