🌐 Public

New perspective on Web development & design

By Aungthurhahein™

Introduction

These are the articles to catch up web design & web development trend. In this flow, I will try to curate must-reads for web developers and designers. The articles that can reflect the concept and perspective of web design trend. Feel free to comment and recommend this flow.

Aungthurhahein™ — Developer,IT Worker, Technology Evangelist

2 The Evolution of the Web

Interactive infographic about the evolution of browsers and the web. This infographic features major web browsers since 1993 such as Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox, and Chrome, as well as key developments in web technologies such as HTML, CSS, and JavaScript.

5 An Exhaustive Look at the Year in Web Design

Last year in What changed this year in web design (and what's next), there was a lot of hype about transitional interfaces, more designers tackling coding and new devices coming to market that would continue to challenge our approaches and processes in responsive design. The  Watch isn't on anyone's wrist yet but there as still been a leap forward

7 IBM Design Language

Be authentically thoughtfulIn everything we do, we put our users first. We include them in our process so they can leave their imprint on the design. When you use the IBM Design Language, we ask you to be authentically thoughtful. Authenticity is based on real, shared experiences and is sensed rather than rationalized. Thoughtfulness is a quality that comes from

9 The History Of Web Design Explained In 9 GIFs

Froont, a San Francisco company that makes tools for web designers, has created nine GIFs that show just how far web design has come in the past 25 years. If you've ever wondered why CSS is important, or why Flash died out, these GIFs will explain everything. The Monochrome era of web design, circa 1989. Think Lynx and other Unix-based

11 Front-end Style Guides - 24ways

We all know that feeling: some time after we launch a site, new designers and developers come in and make adjustments. They add styles that don't fit with the content, use typefaces that make us cringe, or chuck in bloated code. But if we didn't leave behind any documentation, we can't really blame them for messing up our hard work.

13 Setting Type for User Interfaces

As a UI designer, I do my best work within the bounds of a clear hierarchy of constraints. Because typography is the catalyst for my design work, the most important step I take at the beginning of a project is to select a typeface (or a set of them). Once this choice is made, I can develop a system to

14 9 basic principles of responsive web design

Responsive vs Adaptive web designIt might seem the same but it isn't. Both approaches complement each other, so there is no right or wrong way to do it. Let the content decide. The flowAs screen sizes become smaller, content starts to take up more vertical space and anything below will be pushed down, it's called the flow. That might be

17 How we designed the iTunes of journalism — Medium

Six months ago we launched Blendle, the iTunes of journalism, in the Netherlands. Using our service, over 140,000 users (that's almost everyone in our country ;)) can read the best articles of every newspaper and magazine, paying only for the articles they like.Last week we announced that The New York Times Company and European publishing powerhouse Axel Springer are investing

18 Weekly development resource tools

Web design industry is growing very fast and it is very hard to keep follow everything that is happening around us. A good work flow is a must for any professional web developers. We all know web development is tricky and it is time consuming. A good set of web development resources and tools definitely save your time. To integrate

20 4 Great Deals for Designers and Developers

We've got a bunch of amazing offers for designers and developers, to ease your workflow, help you engage your customers and also learn to build apps for iOS 8 with Swift. Here's what's in store at TNW Deals: UltraEdit Flexible and powerful enough to handle software projects of just about any size, UltraEdit is the most popular text editor for

25 The Best Typography-Based Sites of September 2014 — Type & Grids

This is the eighth installment of my monthly feature on Type & Grids where I pick my favorite type-driven websites from the previous month and then write a little about the typographic details behind the design. You can check out last month's post for August here. EBD JournalRather than using a line break between paragraphs, the body copy on EBD

Added by Aungthurhahein™: “Nice story about logo designing and its process

26 Simple is ****ing Hard

"Design is so simple, that's why it is so complicated."-Paul RandOur company, Density outgrew its original identity. As designers it's our job to identify that shift and push our teams to reconsider their most public symbol - the thing people recognize and remember; the mark we wear; the identity we proudly share. Density's initial technology involved WiFi. It was fitting

30 Animated Background Headers

A collection of animated background header effects for your inspiration. We use Canvas and Javascript to create an animated background for large site headers. View demo Download source Today we'd like to share some animated header backgrounds for your inspiration. The full-page background image header has been a web design trend for some time. Recently people have been turning to

31 uilang

a minimal, ui-focused programming language for web designers Insert uilang.js in your page, write some uilang as shown above in a simple element and use CSS to show, hide and animate things. Create popovers, tabs, galleries, overlays and more using a language specifically designed for this. No programming experience is required.

32 Modern Web Best Practice: Pub/Sub

Tyson Cadenhead delivers the first installment on a new ongoing series that dives into Modern Web Best Practices that are followed by appendTo. In this installment, he talks about the Publish/Subscribe Pattern and two open source libraries appendTo uses to implement this pattern By Tyson Cadenhead IntroductionAt appendTo, we are in the business of creating large scalable JavaScript applications. To

33 PACE - Automatic page load progress bars

Pace is a Javascript and CSS library to automatically add beautiful progress and activity indicators for page loads and ajax navigation. It is free and open source and was developed by HubSpot developers Adam Schwartz (@adamfschwartz) and Zack Bloom (@zackbloom).

35 Gridlover

Gridlover gives you adjustable css for font sizes, line heights and margins. The default css output is for body, p and h1 - h4 headings, but you can of course apply your adjusted values to any element by editing the css later.

38 CSS3 Animate It | Homepage

If you want to have a set of animations start one after the other then you can set a sequence time in ms using "data-sequence" then define the order with "data-id". <div class='animatedParent' data-sequence='500'> <h2 class='animated bounceInDown' data-id='1'>It Works!</h2> <h2 class='animated bounceInDown' data-id='2'>This animation will start 500ms after</h2> <h2 class='animated bounceInDown' data-id='3'>This animation will start 500ms after</h2></div>This will make the

39 The Ultimate Guide to Font Pairing

Good graphic design doesn't happen by mistake, and neither does clever font marriage. With this Ultimate Guide to Font Pairing we show you how to make your designs beautiful, with simple and effective type applications. If you're not a professional designer, we've added a little glossary to help with the design lingo. 01. Luscious linesSans serifs fonts offer strong geometric

40 Mozilla Style Guide

Our mission - to promote openness, innovation and opportunity on the Internet - extends through everything we do. This guide serves as a resource to bring together all our brands and to help define their visual and stylistic elements. It exists to provide you with the tools and assets you need to further our mission through communications, websites, products and ...

41 Google Design

At Google we say, "Focus on the user and all else will follow." We embrace that principle in our design by seeking to build experiences that surprise and enlighten our users in equal measure. This site is for exploring how we go about it.

42 Google Launches Starter Kit For A More Consistent Web

Today Google launched Web Starter Kit, a download that consists of all the templates and tooling developers need to create sites that function on any device and any display. Today's Internet users don't have just one device. They prefer as physical keyboard for their PCs but they want as touch screens on mobile. These days, no two screen sizes are

43 The Importance of Typography in Design

When was the last time you purchased something from a company that used "Comic Sans" to brand themselves? Probably not recently. That's because aesthetics, specifically those of typography, help to send a message. Making your message believable, professional, and legible all boils down to how you use and manipulate fonts to benefit your needs. When thinking about the importance of

44 CSS Blend Modes could be the next big thing in Web Design

CSS Blend Modes could be the next big thing in Web DesignComing to a browser near you.For everyone who has ever opened Photoshop or Illustrator you are most likely familiar with blend modes. Multiply, screen, o verlay, and soft light, to name a few can turn boring opaque layers into beautiful pieces of stained glass. However, what awesome "blend modes"

45 Useful Tools for Designers and Developers - May 2014

Tools we all know not only in the tech world instead in normal day to day lives too help in making the tasks easier, less time consuming and hassle-free. To talk about designers and developers, they have not just one instead many tasks/projects to handle. While handling these projects, they wish to get a helping hand to make their tasks

46 The Scroll Up Bar - The Usability Post

A design pattern that is currently growing more popular is the fixed position bar at the top of the page. Sometimes the bar stays the same throughout, sometimes the header morphs into a slimmer bar as you scroll down, sometimes a completely new bar appears. For example, as you scroll down on the New York Times website, the top navigation

47 Exploring Current Web Design Trends

The funny thing about current web design trends is that they are both helpful and detrimental. Trends set the standard for design elements and styles that are popular for a specific era, so keeping up with current trends means that web designers and developers are better able to create a modern look for clients. And new trends usually come with

Added by Aungthurhahein™: “In case you miss....

48 Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form

51 7 Free Fonts Perfect for Minimalistic Design

Long gone are the days of busy, over cluttered designs. Now it's all about minimalism, which puts more emphasis on typography. That's why it's important to be using the right fonts. Below you'll find 7 free fonts that that should work well in your minimalistic designs About the AuthorHenry Jones is a web developer, designer, and entrepreneur with over 14

53 Redesigning Quora

Contents: Problems → Solutions → ProcessProblemsPreviously in a usability test on Quora, I identified two main issues, neither of which had easy quick-fixes: 1. Browse falls short in helping users discover interesting content2. Search Results quality is questionable and navigation is difficultSolutions (High-Fidelity Mockups)Below are annotated before & after comparisons of the current Quora interfaces vs. the high-fidelity mockups of

54 Why and How to avoid Hamburger Menus

We now have data that suggests Sidebar menus-sometimes called Hamburger Menus/Basements-might be causing more harm than good. Here's some public data: One thing to have in mind is that this is a nuanced issue. I've observed these issues in user testing and others have also gone through the same realization. I only ask you to read the problems, solutions and

Added by Aungthurhahein™: “it's so straight forward and easy to learn.

55 The 10 Commandments of Color Theory

Just came across this neat infographic from DesignMatic that holistically sums up 10 cardinal rules of color scheming to help you save time when choosing colors. A lot of people find themselves at a dead end in their attempts of defining color schemes and combinations. The infographic below, hence, dishes out for you the 10 essential points that serve as

56 14 Things Learned Designing at Disqus

A few weeks ago I worked my last day at Disqus, the number one commenting system on the internet. My time with the company was the most exciting and educational two years of my career. I never thought it was possible to learn so much about something so seemingly simple as comments. Disqus is now used on millions of websites

61 8 typography accounts to follow on Instagram

Instagram is a great resource for great inspiration. We've already featured inspiring photographers to follow on Instagram and now is the time to focus on the typographers. Scroll through these beauties and get following - swiping will never create so much font inspiration. Arguably one of the most popular typography Instagram accounts, Typography Inspiration is the perfect burst of illustrated

62 Web Elements Draggabilly

var elem = document.querySelector('.draggable'); var draggie = new Draggabilly( elem, { }); var draggie = new Draggabilly( '.draggable', { }); var draggableElems = document.querySelectorAll('.draggable'); var draggies = [] for ( var i=0, len = draggableElems.length; i < len; i++ ) { var draggableElem = draggableElems[i]; var draggie = new Draggabilly( draggableElem, { }); draggies.push( draggie ); }

63 50 Mind blowing examples parallax website designs

Inspiration One of the hottest web design trends at the moment is parallax scrolling, which is becoming more commonly used by web designers. Its makes it an exciting way to navigate a web page, and can bring the most simplest design to life with smooth slick scrolling transitions. This is a web design trend, which i can seem gaining more

64 Design Principles: Space And The Figure-Ground Relationship

If you see graphic design as a process of arranging shapes on a canvas, then you're only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas. Design is an arrangement of both shapes and space. To work more effectively with space, you

66 25 Beautiful Examples of Minimal Web Designs

Modern web design is all about the minimal. There is a certain level of sophistication that comes from using bare minimum elements. Minimalistic designs have been all the hype for over five or six years now. No matter what your client works as, simplicity will be his top priority. Having clean designs and just enough elements, nothing more, nothing less.

67 Prototyping with Facebook's Origami

I've used Apple's Quartz Composer on and off for years, but it's always been a lot of work to get even a simple prototype up and running. That's all changed now that Facebook have released Origami. I've been using it a lot recently and it's amazing, if you're a UI or UX designer and have yet to build something with

Added by Aungthurhahein™: “tools, freebies and so on... Enjoy!

70 New for Designers in April 2014

Here is the collection of resources and tools for designers that we have discovered during April. Hopefully you will find lots of inspiration and some very useful stuff here. New Tools & Resources in AprilTrianglify.jsDo you love those currently-trending geometric backgrounds? Here is a background generator for your website designs. If you don't wish to use the .js file, you

71 Designing Responsive Websites in a Browser with Webflow

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form

73 Ghost Buttons - The Brand New Design Trend

Ghost is a mysterious and cryptic creature that triggers such associations as consternation, transparency, clarity as well as charisma and attractiveness. Though it seems that it has nothing to do with a website design, in fact, this frightening, yet adorable "phantom" manages to transfer its genetic traits into graphics, adding to integral elements its strong appeal and personal charm. The

74 20 Best CSS Tools for 2014

When it comes to web design, CSS tools can play a handy role as they serve myriad of purposes for designers and developers from simplifying their work flow to write up better css code. There are number of css tools are being released and available over Internet which allows designers and developers to work and generate innovative results efficiently. These

75 The Gap between UI and UX Design - Know the Difference

Do you know that UI and UX are not the same concepts? Surely, they are closely connected, even mutually penetrated and rarely exist without each other. Would you like to study the differences between UI and UX design in detail? This article will give you such an opportunity. We believe that it is impossible to become an expert designer without

76 25 Best Responsive Frameworks for Developers

When it comes to Responsive Frameworks, there are innumerable and varied which one can find on the web. Several of these, such as the popular Bootstrap, Gumby and Foundation frameworks, possess nearly everything when it comes to building a front-end system of any type and size, however- there are also other frameworks, such as Skrollr, which specializes towards one particular

78 The designer's guide to grid theory

Grids are like the invisible glue that holds a design together, so whether you work in print or on the web you need to understand grid theory. There's been a resurgence in the popularity of the grid in recent times. This has come about as the web has matured into a more capable design platform, and web designers (and developers)

80 IxD Checklist

Thank you for using the IxD Checklist to evaluate your work. We hope you begin to form a better understanding of interaction through using the checklist and feel free to contribute back by submitting some of your ideas. Submit feedback Sign up for updates! References Tools we Recommend

82 Forms: The Complete Guide

Part 2: Input types Forms are one of the most important parts of any site or app-they are the most common way for our users to give us the information that we need to help them do what they want to do. But in many instances, we design forms statically, often as wireframes. But so often, what makes or breaks

83 The Complete Visual Guide to Sublime Text 3: Plugins Part 2

 Official Resource If you don't already know, Less is a JavaScript based CSS pre-processor. In short, it's code that can be compiled into CSS. The code has added features like variables, functions, mixins, etc., and it follows a very similar syntax to CSS. Ideally, you would want to be able to compile your Less code on file-save so that

86 A Framework for Building a Design Practice

A Framework for Building a Design PracticeDon't just do design, practice it.For the better part of the last 5 years, I've spent my time leading and building design teams (with Jet Cooper for the first 4.5 years, and more recently with Shopify). However, it wasn't until the shift from co-founder to director of design (a role that enabled me to

88 Content-out Layout

Issue № 392by Published in Nathan FordLayout & Grids, Responsive Design, Interaction Design · Grids serve well to divide up a predefined canvas and guide how content fits onto a page, but when designing for the web's fluid nature, we need something more... well, responsive. Enter ratios, which architects, sculptors, and book designers have all used in their work to

90 10 CSS Tools 2014

In this post, i have collected new CSS tools that every developer and designer should know about. Hope you'll find the list below handy. Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want,

Added by Aungthurhahein™: “A nice project that explains Git basic concept with D3.js animation. Worth playing it...

91 Explain Git with D3

We are going to skip instructing you on how to add your files for commit in this explanation. Let's assume you already know how to do that. If you don't, go read some other tutorials. Pretend that you already have your files staged for commit and enter git commit as many times as you like in the terminal box. git

Added by Aungthurhahein™: “Not totally agrees with that article but want to mention the doubt of some people. What's in your mind?

92 6 Reasons Why Flat Design Will Die Soon

Home " Tips " 6 Reasons Why Flat Design Will Die Soon We have been talking a lot about flat design ever since Apple launched its iOS7 in which flat design was of prime focus. It wasn't the first time when we got acquainted with flat design. It was long back since it came into existence but it got much

Added by Aungthurhahein™: “inspired!!!

93 10 Amazing Websites for Your Web Design Inspiration 2014

I guess the word amazing isn't really a great way to define a post, and I've been trying to stay away from that word for some time now. They're amazing websites, that you'll find in this inspirational list, but they're also just someones expression of their creative drive - which as we all know, is already within all of us.

94 10 Skills Developers Should Invest In for 2014

Every minute of the work day is an opportunity for investment for us as developers. During this time, we can make a conscious decision to grow in our craft or instead chose to stagnate. Sadly many developers make the decision to get comfortable with a set of skills and not push forward. Many organizations are filled with these developers. There

Added by Aungthurhahein™: “Well...weekly development resources came in from CSS author. Some of them are interesting.check it out.

96 Weekly - Web Development Resources and Tools #46

Web design industry is growing very fast and it is very hard to keep follow everything that is happening around us. A good work flow is a must for any professional web developers. We all know web development is tricky and it is time consuming. A good set of web development resources and tools definitely save your time. To integrate

97 Roundup of Best JavaScript Libraries - March 2014

A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. JavaScript serves a multitude of ways by which to create interactive websites, web applications. Utilizing JavaScript into your web projects can enable you to move HTML elements around, create a variety of custom animations, and give

98 UI/UX Designer Resolutions for the New Year

You probably heard about us. If not, what are you waiting for? We're located at designmodo.com. Design has always been a bit part of us, if that's not obvious enough. But we believe there is more than meets the eye (or Retina), especially in the case of UI and UX. So we came up with these Resolutions for 2014. Consider

100 17 Minimal CSS Frameworks / Grid Systems for Web Developers

It's becoming harder and harder to find good, unique art that I can use as my featured images for posts, if you know of anymore website like Behance, Twibfy or Draft, I'll greatly appreciate the suggestions, perhaps even create a post out of them. Why a CSS framework, grid system? Well, a CSS framework will usually contain predefined 'stacks' of

101 Bootflat

BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.

Added by Aungthurhahein™: “This tool will fasten your website design testing...

102 BrowserSync: Time-saving synchronised browser testing.

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It's wicked-fast and totally free. Get Started Approx 180,000 downloads per month Your indispensable test assistant.Streamlines your process.With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, BrowserSync cuts out repetitive manual

Added by Aungthurhahein™: “I am not sure how you would apply this but pretty neat!!!

103 CSS Shake

@include shake($x, $y, $rot, $name, $steps, $opacity); /* _mixins.scss */ /* $x & $y: pixels to move on the X and Y axis, $rot: deg to rotate $name: the name assigned to those parameters $steps: adjust the animation loop (i.e 10 makes an animation in steps of 10%) $opacity: true/false to add opacity animation */ @include shake(40px, 40px, 20deg, 'shake-crazy', ...

106 What We Mean When We Say "responsive"

My 2014 started with noble plans: not biting my fingernails anymore, learning actual math. One of those plans was to analyze, publicly- here -the divergent and dissonant definitions of our industry's adjectival darling, "responsive." Alas, I was beaten to the forum by Jason Grigsby, whose recent blog post, Defining Responsiveness, explores some of the very same questions around the term

107 10 Web Design Trends You Can Expect to See in 2014

December is always a great time to look back on the year that was and the new year that is soon to come. There are many exciting things that 2014 has in store for us who live, work, and produce the World Wide Web we love and cherish. Last year, we looked at the 10 Web design trends for 2013.

Added by Aungthurhahein™: “Is Flat design becoming too extreme? What do you think?

108 Flat Design Is Going Too Far

DesignFlat Design was the design trend of 2013. Momentum is showing no sign of slowing as more and more sites jump onto the idyllic san serif bandwagon. With so much going for it, it's perhaps justified that Flat design stands as the design trend of the minute. So, you ask, why do I think flat design may have gone too

109 Secret Ingredients to an Unforgettable User Experience

User experience (UX) is an important facet of website development, though, it is often neglected. The reason is that most web developers focus on the technical features of the site. However, when one forgets to build a website that is easy to navigate, the user tends to shift his or her attention to other websites and would not ever come

Added by Aungthurhahein™: “I believe understanding internal and external behavior of browsers is important for all web-workers. This is quite s through explanation about browsers and one of the authors,Paul Irish who is Chrome developer,Modernizr & HTML5Boilerplate... and so on.

110 How Browsers Work: Behind the scenes of modern web browsers

Web browsers are the most widely used software. In this primer, I will explain how they work behind the scenes. We will see what happens when you type google.com in the address bar until you see the Google page on the browser screen. The browsers we will talk aboutThere are five major browsers used on desktop today: Chrome, Internet Explorer,

Added by Aungthurhahein™: “Traditional wireframing is static and boring. This kit refreshes the wireframing to a whole new level. check it out!!!

111 C.ROWE - Wireframe Kit

Visual Cues Providing visual cues that can help a client see how you're envisioning their product is a link that is often missed by interface designers. For a client, a 1px stroked box, with the words "PHOTO W/ ROLLOVER TEXT" in it, often can't be translated into your vision of the final product, or even content structure. A slick interface

112 Single Sign-On (SSO) Explained

When you're developing a product for the masses, it is very rare that you would come up with a totally standalone product that does not interact with any other service. When you use a third-party service, user authentication is a relatively difficult task, as different applications have different mechanisms in place to authenticate users. One way to solve this issue

113 What is Trunk Based Development?

It is a branching model for software development. Historically, it has also been called "mainline" (see later). It requires much more concentration and rigor, than making making a branch (on the shared source-control server) to suit a whim. Though you could do it without Continuous Integration (CI), as many open source projects do, for enterprise development you have to have

Added by Aungthurhahein™: “This piece explains UX concept by comparing the experience between New Year's Eve and Renting a suit via your phone.. Interesting,huh?

114 What UX Is and What Isn't

903 Views February 27, 2014 Design 6 min readWhat is user experience design? The common misconception comes from the word design. Due to influence of fashion, design is often associated with aesthetics of the product. User Experience Design is much more complex than you think. It is all about EXPERIENCE. It involves all of our senses and get stuck in

115 How to Establish a Modular Typographic Scale

Possibly the most obvious typographic question in the hands of a designer is "which typefaces should I use?" The second question, one which rarely gets the kind of attention it ought, is "at what sizes should I set my type?" Establishing a modular scale is the best way to determine typographic sizes, in fact, it can help with laying out

Added by Aungthurhahein™: “It's kind of controversial idea about designer learning coding or vice versa. What's your thought on it?

120 Why Being a Web Designer Who Codes Is Way Cooler

Is it important that web designers need to know how to code?What are the advantages of the web designer who codes? The term "web designer" is a subjective matter. Many believe this person is responsible for doing web layouts in Photoshop while others think of him or her as the one who does the HTML markup. In the field of

Added by Aungthurhahein™: “When we working on Front-end development, we don't think about performance that much on CSS. In this article, the author measure out the trade-offs between the page performance and css selectors via several experiments. He is also the author of Responsive Web Design with HTML5 and CSS3 book from PACKT publishing.

122 CSS performance revisited: selectors, bloat and expensive styles - Author and responsive web developer Ben Frain

What is fast CSS? Where are the bottlenecks? Are the rules of slow and fast selectors even valid anymore? Are the properties we use more important than the selectors? I felt it was time to revisit some of these questions. In the broad scheme of things, CSS optimisation is certainly low down the priority order when trying to speed websites/web

Added by Aungthurhahein™: “This is a nice article from HTML5Rocks that recap the capability of HTML5 with demo.

123 Making Forms Fabulous with HTML5

IntroductionFilling out forms on the web has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard. But modern browsers help to make this much easier by providing new semantic input types and validation. There is even more up to date forms guidance on our new Web Fundamentals site. When used properly,

Added by Aungthurhahein™: “This is the collection of 40 web design sites you should put int your RSS reader.

124 Top 40 Web Design Blogs To Follow In 2014

Do to popular demand and multiple requests I have decided to release the "Top 40 Web Design Blogs to Follow in 2014″. Currently, I read about 20 of the following web design blogs regularly; however, thanks to hours of research and talking to folks in the industry I was able put together this top 40 list. These blogs not only

Added by Aungthurhahein™: “TypeQuest is a project that helps designer and developer to learn about TrueType Webfont.

125 Type Quest

Type Quest is designed to help educate graphic designers and web designers understand the power of OpenType in Webfonts while giving insightful information from current professionals in the industry! The topics include what you should keep in mind when using webfonts, supported browsers, and hinting.

Added by Aungthurhahein™: “Well..I have to say it takes more than this 10 characteristics to be a kickass developer. However,it's still worth reading as a checklist.

126 10 Signs That You Are An Awesome Web Developer

10 Signs That You Are An Awesome Web Developer Martin Angelov So you know how to make a website or two. But are you worthy enough to be called an awesome web developer? Here are 10 positive signs that you are. 1. You use a frameworkEven if you are a rockstar programmer, a web development framework makes a lot of

Added by Aungthurhahein™: “Are you a developer with lack of photoshop skill? HTML5 Canvas is also take time and skill to create a design project. However, you still want to create design objects for your project. Canva is for you. Read through this tutorial and you can start your design sketch with Canva.

127 Create Professional-Looking Graphics The Easy Way With Canva

Having good-looking graphics is one of the best ways to attract readers to your blog or website. But coming up with professional-quality graphics on your own is easier said than done. Graphic design software is often expensive, complicated, or both, and if you're already busy working on your blog then you probably won't have the time to teach yourself how

Added by Aungthurhahein™: “Like it said in the article, "Sometimes the best way to learn website design is to view different examples of what already has been done". This article collected startup websites with great UI. You can see the UI trend and got vivid idea of how the internet gonna look like in the near future.

128 Showcasing The Design Of Startup Websites

Whether you are new to website design or a professional that has been doing it for years, you had to start somewhere. Perhaps you fiddled around with your computer at home and spent your time learning all the basics of HTML, C++ or JavaScript and then built upon what you have learned. As classes started opening you learned more and

Added by Aungthurhahein™: “Data visualization is one constraint when you are developing a RWD project. D3.js is a solution for guys who have to develop a website with visualization. This article explains the introductory tutorial of using D3.js

130 Building Responsive Visualizations with D3.js

In recent years D3.js has built a significant following: it's now the de facto standard for web-based data visualization. Given that an important consideration when designing or building anything for the web is how it'll behave on different devices, we're going to look at some basic techniques that can make D3.js visualizations more responsive. There's an interesting twist when it

Added by Aungthurhahein™: “This article talks about new type of blogging platforms based on markdown and node.js technology stack and analyzes the available services.

131 The Rise of Simple Blogging

After years of taking for granted that if you wanted a blog, you'd better go with Wordpress, we're now seeing an interesting rise in demand for simpler blogging tools, and the appearance of a new generation of blogging engines and platforms in response to it. One of these is sloblog.io, which you're looking at right now, but it's certainly not

Added by Aungthurhahein™: “It's a good article from Trent Walton,a typography guy. He talks about the difficulty in starting a responsive web design. What you should think of based on his design experience.

132 Where to Start | Trent Walton

If I were on a team organized around fixed-width desktop-centric production I wouldn't want to be expected to immediately start building responsive sites at the usual pace. Taking time to fiddle with devices, hack code, and perhaps most importantly, time to think pays off in the long run.

Added by Aungthurhahein™: “This is an interactive guide to responsive design and explains the essential points to achieve responsive goal of your project. I recommended to read the original article.

133 Grid

Grid is a great learning tool but no longer supported. Learn why. A simple guide to responsive design. Made by Adam Kaplan. We want our websites to be useable on all devices by responding to the user's behavior, screen size and screen orientation. As of 2013, there are thousands of different devices and screen sizes that browse the internet, so

Added by Aungthurhahein™: “This tutorial is the extensive introduction of LESS with useful resources. After working with this article, you will be capable to dive into LESS CSS-Preprocessor

134 Learning LESS: A Comprehensive Introduction

Now that we're done talking about SASS let's now talk about learning LESS. If you haven't seen my SASS tutorial, I recommend you check it here. In our previous tutorial, we listed down the drawbacks of CSS and how pre-processed methods can improve your workflow. We also talked about how to implement SASS using variables, nested, mixins, functions and so

Added by Aungthurhahein™: “Do you know what is OO-CSS and CSS Preprocessor? This article is for starters who want to learn these architecture.

135 OOCSS & CSS Preprocessors (pt.1)

Recently I wrote a post ( Scalable and maintainable CSS architecture) discussing object oriented CSS and Jonathan Snook's SMACSS. There ensued a conversation thread on Hacker News questioning whether OOCSS was really necessary given the existence of CSS preprocessors such as SASS and LESS. As a result of the conversation and as a supporter of preprocessors, I thought it would

Added by Aungthurhahein™: “In this article, the author talks about the changes in the web development playground into straightforward way. The author summarizes the changes in 5 sections: Workflow, HTML,CSS, Javascript and Performance.

136 Modern front-end development

137 Outdated UX patterns and alternatives

Meet North, design and development standards to align and guide your project. It's a comprehensive guide contributed to the open source community to encourage, "a mobile-first, in-browser, system based approach to design and development." Check out North on GitHub:The section of the guide that I found most interesting is, Outdated UX Patterns, a collection of examples of what not to

Added by Aungthurhahein™: “Creativeblog technologist Pete Sena talks about the anticipated eleven 2014 design trends.

138 11 web design trends I'd like to see in 2014

January was the month packed with resolutions and trend-spotters to kick off the year. And while we love to read up on the latest predictions at my agency Digital Surgeons, we couldn't help asking ourselves, "What trends do we want to see this year?" Here's a round up of what we came up with, covering both trends we want to

Added by Aungthurhahein™: “A technology director of Tuts+ views on web design paradigm shift.

139 Web Design 2014: What to Watch Out For

This year has been a brilliant year in web design. More than any other year perhaps, huge strides have been made towards the maturing of the field. Let's have a look at some of what we can expect for the future of web design as an industry. Solutions to the Slicing ProblemAnyone who has been doing web design for longer

Added by Aungthurhahein™: “This article makes a through analysis among three design trends and compares the advantages and disadvantages of each designs.

140 The Pros and Cons of Responsive Web Design vs. Mobile Website vs. Native App

What is the best way for your business to go mobile? Mobile optimization is becoming more and more trendy these days and it is no surprise. According to Mashable in August 2013, 17.4 percent of all global web traffic came through mobile devices and this number will continue to grow in 2014. So if you don't want to lose your

Added by Aungthurhahein™: “This website explains the color template, harmony and combination.

141 Color Template

These color relationships allow to create harmony Harmony is something that is pleasing to the eye. It engages the viewer and it creates an inner sense of order, a balance in the visual experience. When something is not harmonious, it's either boring or chaotic. At one extreme is a visual experience that is so bland that the viewer is not

Florian Sänger

Freshman

  • 0 Playlists
  • 0 Followers

Lordmando03

Freshman

  • 0 Playlists
  • 0 Followers

alessandraoli

Freshman

  • 0 Playlists
  • 0 Followers

mia23

Freshman

  • 0 Playlists
  • 0 Followers

Imran Khan Limon

Freelance UI/UX/ Web Designer

  • 0 Playlists
  • 0 Followers

virnoide

Freshman

  • 0 Playlists
  • 0 Followers

Meliza

Past the Point of No Return

  • 0 Playlists
  • 0 Followers

Ashley Nee

Freshman

  • 0 Playlists
  • 0 Followers

Brandon L. Harris

Freshman

  • 0 Playlists
  • 0 Followers

Notsile Ganem

Freshman

  • 0 Playlists
  • 0 Followers

Olena Bulygina

Restless everything syndrome

  • 0 Playlists
  • 0 Followers

Zana Fauzi

Freshman

  • 0 Playlists
  • 0 Followers

Polina Pashko

Freshman

  • 0 Playlists
  • 0 Followers

extaticfaery

Freshman

  • 0 Playlists
  • 0 Followers

22277akk

Freshman

  • 0 Playlists
  • 0 Followers

Martijn Monsma

Freshman

  • 0 Playlists
  • 0 Followers

Kate

ಠ◡ಠ

  • 0 Playlists
  • 0 Followers

Dek Carrillo

Multimedia Designer from Manila, Philippines.

  • 0 Playlists
  • 0 Followers

Trip

Freshman

  • 0 Playlists
  • 0 Followers

Jakub Dziedzic

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?