See all tags.

Tagged “web designer”

Electron: Building Cross Platform Desktop Apps image
Electron: Building Cross Platform Desktop Apps

Electron is an open-source framework for creating desktop applications with your favorite web technologies: JavaScript, HTML, and CSS. It makes it easy to create a simple app with a few lines of code, using languages you already know.

Bootstrap 4 with Sass image
Bootstrap 4 with Sass

Bootstrap is the most popular framework for building responsive, mobile-first websites. When you combine it with Sass, you get CSS superpowers and a level of customization that makes Bootstrap even more powerful.

Bootstrap 4 Layouts: Responsive Single-Page Design image
Bootstrap 4 Layouts: Responsive Single-Page Design

Find out how Bootstrap 4 can transform your standard HTML websites into inspired single-page designs.

Code Clinic: JavaScript image
Code Clinic: JavaScript

Code Clinic is a series of courses where our instructors solve the same problems using different programming languages. Here, Ray Villalobos works with JavaScript. Throughout the course, Ray introduces challenges and then provides an overview of his solutions in JavaScript.

jQuery: Building an Interface image
jQuery: Building an Interface

Create an interactive user interface that uses the strengths of jQuery, Bootstrap, Underscore.js, and the vast library of jQuery plugins.

Mastering Web Developer Interview Code image
Mastering Web Developer Interview Code

In this weekly series, senior staff author explores front-end and full-stack coding concepts that every developer should have in their toolkit. Tune in every Tuesday for a new tip.

Learning Angular JS 1 image
Learning Angular JS 1

AngularJS is still a major player in the web dev world. Learn how to quickly build full-featured web applications with this important JavaScript framework.

Vue.js: Building an Interface image
Vue.js: Building an Interface

The perfect way to learn Vue.js is to use Vue.js. Learn to create an application interface for a product rating system using this flexible JavaScript library.

Learning Data Visualization with D3.js image
Learning Data Visualization with D3.js

Bring your data to life with D3.js. Create interactive, visually exciting infographics and visualizations with HTML, CSS, JavaScript, and SVG graphics.

Next Generation CSS Design with PostCSS and CSSNext image
Next Generation CSS Design with PostCSS and CSSNext

Learn how to work with PostCSS and CSSNext. Discover how to create a realistic single-page site that uses cutting-edge CSS features while maintaining compatibility with older browsers.

Bootstrap 4 Essential Training image
Bootstrap 4 Essential Training

Learn the essentials of Bootstrap. Discover how to work with this popular front-end framework to quickly and easily build responsive, mobile-ready websites that are cross-browser compatible.

Learning Angular JS 2 image
Learning Angular JS 2

Learn AngularJS 2, the "superheroic" JavaScript framework for building single-page mobile and web applications fast. Find out how to use AngularJS templates, create components, and work with events.

AngularJS: Building a Data Driven Application image
AngularJS: Building a Data Driven Application

Learn how to add data-driven functionality to your web applications with AngularJS. This project shows you how to check users in and out of a system and randomly select checked-in users to reward with prizes.

AngularJS 1: Adding Registration to Your Application image
AngularJS 1: Adding Registration to Your Application

In this short course, we'll create a simple and straightforward registration system that allows users to log in and log out of an application. The techniques use AngularJS and Google Firebase, a mobile development platform that makes registration easy and secure.

Building a Progressive Web App image
Building a Progressive Web App

Make your mobile web apps act like native iOS, Android, or Windows Phone applications. Make them progressive! Learn techniques to make web apps responsive and secure, work offline, and launch from the home screen.

Tooling with NPM Scripts image
Tooling with NPM Scripts

Looking for an alternative build tool? Try npm, the node package manager. Learn how to create npm scripts to automate all sorts of build tasks.

Web Development Foundations: Full-Stack vs Front-End image
Web Development Foundations: Full-Stack vs Front-End

Do you want to become a web developer? Learn about the skills and tools you need to get a job as a front-end, back-end, or full-stack web developer.

Building a Responsive Single-Page Design with PostCSS image
Building a Responsive Single-Page Design with PostCSS

Learn how to create animated single-page websites with PostCSS, the CSS post-processor that extends the power of CSS through JavaScript.

PostCSS: First Look image
PostCSS: First Look

Want to write CSS faster and more efficiently? Get a first look at PostCSS, the engine for processing CSS with JavaScript.

Learning Markdown image
Learning Markdown

Get started with Markdown, the lightweight text format that allows you to create documents, rich text, or HTML markup using any plain text editor.

AngularJS: Form Validation image
AngularJS: Form Validation

Learn how to implement dynamic form validation on any HTML form using the built-in validation properties and methods in AngularJS.

Sass Essential Training image
Sass Essential Training

Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features.

Bootstrap 3 Essential Training image
Bootstrap 3 Essential Training

Everything you need to know to get started building responsive, accessible, mobile-first websites with Bootstrap 3.

Up and Running with Git and GitHub image
Up and Running with Git and GitHub

Learning Git and GitHub Preview. Learn to work with the most common Git commands, and use GitHub to clone, explore, and create templates from existing projects.

Web Workflows with Grunt.js image
Web Workflows with Grunt.js

Program, test, and deploy your web applications more easily and efficiently with a Grunt.js development workflow.

Bootstrap 3 Layouts: Responsive Single-Page Design image
Bootstrap 3 Layouts: Responsive Single-Page Design

Find out how Bootstrap can transform your standard HTML websites into inspired single-page designs.

Chrome Developer Extensions for Designers/Developers image
Chrome Developer Extensions for Designers/Developers

Google Chrome Extensions can help you take care of certain tasks quickly. Here's a quick review of some of my favorite extensions for web design and development.

Web Project Workflows with Gulp.js, Git, and Browserify image
Web Project Workflows with Gulp.js, Git, and Browserify

Learn how to generate a workflow that makes it easier to build your own websites, track and share project files, and leverage JavaScript and jQuery code libraries.

JavaScript: Functions image
JavaScript: Functions

Learn the different ways of declaring and invoking JavaScript functions, the "subprograms" that power your code.

Responsive CSS with Sass and Compass image
Responsive CSS with Sass and Compass

Learn how Compass (powered by Sass) can help you build a responsive layout workflow that is easier, faster, and more compatible than CSS alone.

JavaScript: Events image
JavaScript: Events

Learn to use JavaScript events to respond to clicks, form input, and touch gestures in your web applications.

Online Presentations with reveal.js image
Online Presentations with reveal.js

Build slideshows that harness the full power of the web with reveal.js.

Bootstrap 3: Advanced Web Development image
Coding Faster with Emmet image
Coding Faster with Emmet

Learn to use Emmet's abbreviated shortcuts to write full-fledged HTML, XML, CSS, and code faster and more efficiently.

JavaScript: Enhancing the DOM image
JavaScript: Enhancing the DOM

Learn to modify the DOM (Document Object Model), one of the core components of every HTML page, with JavaScript.

Validating and Processing Forms with JavaScript and PHP image
Validating and Processing Forms with JavaScript and PHP

Learn how to ensure the data submitted to your web forms is complete, accurate, and nonmalicious with HTML5, JavaScript, jQuery, and PHP form processing and validation.

JavaScript and JSON image
JavaScript and JSON

Explore how the JavaScript Object Notation (JSON) format works and how you can use it to read and share data in your web projects.

JavaScript and AJAX image
JavaScript and AJAX

Explore how to load dynamic content from JavaScript and jQuery using AJAX methods.

View Source image
View Source

Ten-minute projects on intermediate and advanced web design topics, covering technologies such as HTML, PHP, jQuery, and CSS, as well as content management solutions like WordPress and integration with Twitter, YouTube, and more.

CSS: Styling Forms image
CSS: Styling Forms

CSS best practices and techniques for styling and structuring HTML and HTML5 forms.

Creating an Adaptive Web Site for Multiple Screens image
Creating an Adaptive Web Site for Multiple Screens

How to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions on desktop browsers and mobile devices.