WaLaa NaBoui

203 Added | 5 Magazines | 64 Likes | 20 Following | 9 Followers | @wDiBo10 | Keep up with WaLaa NaBoui on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “WaLaa NaBoui”

From Steve Jobs to Oprah: 28 Leaders' Commencement Speeches That Will Make You Re-Think Success

The best advice from Steve Jobs, Oprah, Barack Obama, J.K.Rowling, and many more on how to rethink success.<p>It's both inspiring and comforting to hear how those we admire succeed in the face of failures, setbacks, and barriers, and there's perhaps no better format than the commencement address to …

Motivation

Website Redesign: Tips and Tricks on Re-doing Website Design

Over time, a website may become old fashioned, or an organization may have new needs and a website redesign is needed. A company can expand the kind …

Web Design

10 Awesome CSS3 Tricks

This article will introduce you to 10 CSS3 tricks that will enhance your website.<p>When CSS was developed around 1995, you could not do much with it …

Web Design

50 Responsive Web Design Tools for Designers Tools Round-Up

What is responsive web design? The name explains itself, it’s responsible to run on any platform would be the simplest definition. Due to the …

Web Design

10 Examples of Responsive Text Techniques

When designing a responsive website, we often spend most of our time ensuring that items such as layouts and images work properly on smaller screens. …

Web Design

Time progress bar with CSS

Giving your visitors the maximum information about the <b>size of the texts</b> you have on your website and the time it will take to read them is a good …

Now UI Kit: A Free Bootstrap 4 HTML UI Kit - Freebie No. 28

Now UI Kit is one of the most promising Bootstrap 4 UI kits with beautiful cross-platform UI, featuring over 50 elements and 3 pre-built page …

REST is the new SOAP

<i>Written by Pascal Chambon, reviewed by Raphaël Gomès</i><p><b>Update</b><i>: this article mostly deals with the RESTish ecosystem, which now constitutes a major part</i> …

How To Fully Understand Web Development

The Web<p>Since the invention of the internet, there has been an escalation in the number of individuals who seek to learn how to fully understand web …

How to make your HTML responsive by adding a single line of CSS

Image credit: UnsplashIn this article I’ll teach you how to use CSS Grid to create a super cool image grid which varies the amount of columns with …

CSS
Web Design

How to get started with TypeScript

TypeScript is one of a group of languages that use the JavaScript runtime as execution environment: .ts files containing TypeScript code are compiled …

JavaScript

Introduction to OOP in Javascript

What is this OOP thingy.<p>"<i>Object-oriented programming (OOP) is a programming language model organized around objects rather than "actions" and data</i> …

Bootstrap 4 UI Library

Bootstrap UI (21 submissions)<p>Collections<p>Free Bootstrap 4 UI Kit<p>Released by UX Theme as a freebie, Fire UI Kit is a Bootstrap 4 kit with 99+ Hand …

How to create your own Blockchain?

What is the best way of learning if not creating something on your own? So to learn a blockchain just create one by yourself!<p>Introduction<p>Ethereum …

Using CSS Grid: Supporting Browsers Without Grid

When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as …

Web Design

Bootstrap 4: Everything You Need to Know

A deep dive into solving common responsive web design problems<p>This article will cover the practical fundamentals you need to start building …

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web …

Tutorials

Tiny javascript library for creating accessible modal dialogs

Introduction<p><b>Micromodal.js</b> is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript<p>It enables you to create WAI-ARIA …

15 Great Google Font Combinations For Your Next Project Design

For any website, content is the most important part. So, naturally, you would want it to be as simple and straightforward as possible, in order not …

Typography

The Key to Building Large JavaScript Apps: The Modlet Workflow

You're a developer working on a "large JavaScript application" and you've noticed some issues on your project. New team members struggle to find …

JavaScript

12 Must-Read Books That Will Raise Your Emotional Intelligence | Inc.com

I didn't learn about emotional intelligence until well into my 30s. By that time, I had started to realize that the best leaders -- those exhibiting high levels of EQ -- typically showed more self-awareness, collaborated better with others, and got promoted faster.<p>While EQ has been hotly debated …

Leadership

14 Bootstrap 4 UI Kits - HTML, PSD & Sketch for Free Download and Premium

Bootstrap 4 is available as the next version of the most popular CSS framework. This revamped version of Bootstrap offers many changes over the …

Web Design
Web Design

CSS-only Notifications Component

https://codepen.io/damianmuti/details/GEZoeG<p>CodePen<p>This is a Sass mixin that provides notifications functionality using little-to-none Javascript. It …

How to become a full-stack coder in just 28 hours

Heads up: All products featured here are selected by Mashable's commerce team and meet our rigorous standards for awesomeness. If you buy something, …

5 tips for super-fast CSS

Have you thought about the size of your site's CSS? If your style sheet is ballooning, it could be delaying page rendering. • 3 top tools for testing …

Web Development

Best JavaScript Books In 2017

by Bradley Nice, Content Manager at ClickHelp.co<p>Wikipedia defines JavaScript the following way:<p><b>JavaScript</b> (<b>JS)</b> is a high-level, dynamic, weakly …

From Zero to CRUD in Angular: Part 2

This is the second in a series of three articles on building CRUD applications in Angular:<p>If you haven’t already read the prior article, you should …

JavaScript