React Storybook: Develop Beautiful User Interfaces with Ease

Feb 21 4:00pm SitePoint
When you start a new front-end project, the first thing you usually do is create a beautiful design. You carefully plan and draw all of your UI components, as well as each state or effect they may have. However, during development, things usually start to change. New requirements, as well as unforeseen use cases pop up here and there. The initial beautiful component library cannot cover all of these requirements and you start to expand it with new designs. It's good if at this point you still have a design expert around, but all too often they have already switched to a different project and left the developers to cope with these changes. As a result, the consistency of the design begins to slip. It becomes difficult to track what components you already have in your library and what states and appearances they may have. To avoid this artistic mess it's usually a good idea to create sep...
Read More

Is Googles AMP Good for the Web?

Feb 21 3:06pm WordPress Web Design Tips And Tricks – 1stWebDesigner
Google's AMP Project sounds like a mobile user's dream. It's a way of building web pages for optimal performance on mobile devices. But, one year into the project, not all publishers are sold on the current realities of AMP.
Read More

Responsive CSS Patterns without Media Queries

Feb 21 2:00pm SitePoint
Let me start by saying that despite the title, this article is not about doing away with media queries or media query bashing in any way. Media queries are incredibly useful and I use them all the time for all sorts of things. However, they don't solve all our responsive design problems. It's often desirable to effect changes to an arrangement of elements based on the dimensions of their container, rather than the viewport. To solve this problem, the concept of element queries was born. However, element queries aren't really a thing yet, and Mat Marquis has demonstrated some problems with the concept and reformulated them as container queries. But these aren't a thing yet either, unfortunately. Hopefully they will be one day, but in the meantime, I've presented here a few tricks and techniques you can use to address some of the problems container queries will one day solve. Flexbox with...
Read More
4

Integrating the Facebook Graph API in Android

Feb 21 1:00pm SitePoint
In this tutorial, I will show how to send requests and get data from Facebook using Graph API. You can find the project on Github In order to perform requests to Graph API, the user must be logged in with the Facebook SDK for Android. I am not going to explain how to set up the login process in this article. You can find the Facebook Login Integration article here Watch every action your users perform in your app! Make sure you have an up to date version of Android Studio. I am using version 2.2.3 Open Android Studio and create a New Project, naming it as you wish. Click Next, choose Minimum API level 17 and click Next again. Choose Empty Activity as the first activity, name it LoginActivity and click Finish. Continue reading \%Integrating the Facebook Graph API in Android\%...
Read More
4

10 Web Design & UX Trends for 2017 That Can Boost Conversions

Feb 21 12:15pm SitePoint
A new year brings new opportunities. And for web designers, an opportunity and a challenge to employ the latest visual trends and user experience tactics. But as any web pro knows, web design must do more than look good, and UX is an essential part of the conversion process. Which is why our agency The Deep End wanted to identify which emerging trends could actually make a positive difference for our clients — which is to say, what new trends can be used to help boost conversions? By providing clients with tools they can use to get more leads, or make more sales in the new year, you're bringing real value. The kind of value you can charge a premium for. To that end, here are ten strategies you can use in the new year and beyond to both help clients, as well as gain more new clients through your own site. 1: Age-Responsive Design Why it converts: Whether you're trying to reach Gen X, Ge...
Read More
4

Sourcehunt: Idea of the Month and 6 Interesting Repos!

Feb 21 11:57am SitePoint
It's time for our monthly hunt for new open source libraries to use and contribute to! If you're new to Sourcehunt, it's our monthly post for promoting open source projects that seem interesting or promising and could use help in terms of Github stars or pull requests. It's our way of giving back - promoting projects that we use (or could use) so that they gain enough exposure to attract a wider audience, a powerful community and, possibly, new contributors or sponsors. genkgo/archive-stream [5 ★] We stumbled upon this package following this very interesting read about streamed file zipping and downloading in PHP. This package provides a memory efficient API for streaming ZIP files as PSR 7 messages. It comes with certain limitations, namely that only the Zip64 (version 4.5 of the Zip specification) format is supported, and files cannot be resumed if a download fails before finishi...
Read More
5

How to Name Your Business with a Little Help from Design Thinking

Feb 21 10:00am SitePoint
[special]This post was previously published on the 99designs blog. Want the best designs to revamp your business? Consider launching a design contest on 99designs![/special] Naming your business is one of the most exciting yet daunting tasks you have to do as an entrepreneur. The name is the introduction of your business to the world, the first thing that comes out of your mouth when you pitch, the one word you hope people will remember after you speak with them about your company. Not only is it the first impression, but also, typically speaking, a lasting cornerstone of your business. You can iterate on your business plan, monetization, product, email marketing, logo design—virtually any part of your business’ strategy and execution—as you go, but once you’re set on a name, you will probably want it to stick. So how do you go about baptizing the product of your professional eff...
Read More
8

20 Traditional Drawing Tutorials to Learn Drawing Techniques

Feb 21 9:57am Line25
Hand-drawn sketches are not what they used to be. Nowadays, the digital design is more used than traditional drawing techniques. However, the sketched designs tend to have more appeal to the public, thanks to their unique character. If you want to develop your traditional drawing skills, this collection of useful tutorials will guide you through […] The post 20 Traditional Drawing Tutorials to Learn Drawing Techniques appeared first on Line25.
Read More
9

HTTP/2 A Real-World Performance Test and Analysis

Feb 21 8:24am CSS-Tricks
Perhaps you've heard of HTTP/2? It's not just an idea, it's a real technology and slowly but surely, hosting companies and CDN services have been releasing it to their servers. Much has been said about the benefits of using HTTP/2 instead of HTTP1.x, but the proof the the pudding is in the eating. Today we're going to perform a few real-world tests, perform some timings and see what results we can extract out of all this. Why HTTP/2? If you … HTTP/2 – A Real-World Performance Test and Analysis is a post from CSS-Tricks...
Read More
8

Opera completely redesigns its desktop browser

Feb 21 7:45am Webdesigner Depot
Opera has recently unveiled a brand-new refresh of its user interface in the developer stream. Really part of a bigger project named Reborn—appropriately so—this new build offers a totally new look and some new features that are sure to pique the interest of many designers. According to the blog entry on Opera’s official website, the […]...
Read More
2

A Detailed Introduction To Webpack

Feb 21 6:43am Smashing Magazine
    JavaScript module bundling has been around for a while. RequireJS had its first commits in 2009, then Browserify made its debut, and since then several other bundlers have spawned across the Internet. Among that group, webpack has jumped out as one of the best. If you’re not familiar with it, I hope this article will get you started with this powerful tool.The post A Detailed Introduction To Webpack appeared first on Smashing Magazine.
Read More
8

How B2B Companies Can Improve Social Media Engagement

Feb 21 4:14am Designbeep
This year, Content Marketing Institute discovered that 93\% of marketers use social media as a content marketing tactic. In its 2016 B2B Content Marketing Report, the institute found that whilst average marketers use social media across six different platforms, only three of these, namely Facebook, Twitter and LinkedIn, are rated as being effective by over half of respondents. Since B2B companies are less likely to interact with their audiences in the same ways that B2C companies do, engaging with your audience can present a larger challenge. However, there are many ways for any company to improve social media engagement. Use...
Read More
6

eCommerce: How to Become a Part-Time Freelancer on the Cheap

Feb 21 4:00am noupe
Every human has at least one talent that they enjoy. For most of them, it is only natural to turn this talent into a hobby. Some people, however, manage to reconcile career and talent, but [...]...
Read More
9

Fresh Free Font Of The Day : Illuma

Feb 21 4:00am Designbeep
Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies? Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Illuma is designed by Alfredo Marco Pradil. Illuma is a high impact typeface for display purposes, headlines, posters, signage and logotypes. You can use freely in your design projects. Download Font View All Free...
Read More
7

Madison A Personal Blogging Theme With 5 Different Blog Layouts For WordPress

Feb 21 3:48am Designbeep
Madison is a simple, clean, personal, modern and professional blog ideas for spreading stories. You have the complete control over the layout of your blog. It comes with flexible colour options to match your brand. The theme has custom widgets for your sidebar and fully responsive design displays beautifully across desktop, mobile and all devices. Easy installation allows you to start post blogs immediately after the activation. Theme supports Customizer which allows you to customize and change design of your blog. Perfect choice for your personal blog, corporate blog, marketing blog, authority blog or any type of creative blog.
Read More
6

Scrum Artifacts: Velocity and Burndown Charts

Feb 21 2:00am SitePoint
Velocity is how a scrum team measures the amount of work they can complete in a typical sprint. Velocity is measured historically, from one sprint to the next. By tracking the number of story points the team can complete according to their own definition of done, they can build up a reliable and predictable sense of how long it will take them to complete new stories based on their relative point value. Keeping track of the velocity is the responsibility of the scrum master. At the end of each sprint demo, the scrum master should calculate the number of points that were estimated for the stories that were accepted as done during that sprint. This number should be added as a data point on the velocity chart for that sprint. Velocity charts tend to start out jumping around from very high numbers to very low numbers, as the team learns how much work they can do in a sprint, and how to estim...
Read More
9

10 Tips to Boost the Efficiency of Your In-House Design Team

Feb 20 6:31pm WordPress Web Design Tips And Tricks – 1stWebDesigner
With years of experience working with small in-house design teams in SaaS and tech startups, I've defined a few actionable tips that can significantly boost the performance of your team.
Read More
8

Lazy Computations in Java with a Lazy Type

Feb 20 4:30pm SitePoint
I chose a lazy person to do a hard job. Because a lazy person will find an easy way to do it. ― Bill Gates Java is said to be a strict language, which means that expressions are evaluated eagerly, as soon as they are declared, by opposition with lazy languages in which expression are evaluated only when their value is needed. The difference is important because some expression values may never be needed, depending on some conditions. Lazy evaluation saves computing resources by avoiding unneeded computations. Laziness makes possible to manipulate data that would be impossible to use in computations, such as infinite lists, or finite data that would overflow the available memory, such as huge files. It's then important to be able to use lazy evaluation even in languages that are strict by nature, like Java. In such languages, we need to learn how to implement lazy types, which is wh...
Read More
10

Behind the Scenes: A Look at SitePoints Peer Review Program

Feb 20 1:50pm SitePoint
Unless this is the first JavaScript channel article that you've read, you've probably already noticed the small paragraph that appears in most of our articles (at the top, until recently) which starts This article was peer reviewed by ... . I'd like to take a look at what SitePoint's peer review program actually is, why it's important, and how you can get involved. What is Peer Review? You might be familiar with the term 'peer review' from the world of science research. The majority of reputable scientific journals operate a peer review system to vet the research papers that are submitted for publication. Several scientists who are familiar with the topic of the paper are asked to read it over and look for any potential errors or omissions and make recommendations for corrections and improvements that ultimately should result in a higher-quality publication. Our peer review system works...
Read More
9

Squeezy Stretchy Flexbox Nav

Feb 20 10:52am CSS-Tricks
I saw an interesting take on off-canvas navigation the other day over on The New Tropic. It wasn't the off-canvas part so much. It was how the elements within the nav took up space. They stretched out to take up all the space, when available, but never squished too far. Those are concepts that flexbox makes pretty easy to express! Let's dig in a little. Here's the nav, a video showing what I mean: My favorite part is how … Squeezy Stretchy Flexbox Nav is a post from CSS-Tricks...
Read More
6

20 Graphic Design Jobs Gone Terribly Wrong

Feb 20 9:30am Line25
Every designer wants their work to be perfect, but there are some situations when the designs may turn to be faulty, awkward, and ultimately funny. Mistakes can sometimes occur when you least expect them to. Whether it’s a shape that you didn’t notice that looks weird, a font that creates an illusion and transmits a […] The post 20 Graphic Design Jobs Gone Terribly Wrong appeared first on Line25.
Read More
10

The best new portfolio sites, February 2017

Feb 20 7:45am Webdesigner Depot
Welcome, readers. I realize that some of you may have had romantic plans this month, but now that’s out the way, we need to look through a bunch of portfolio sites and rate them without actually assigning a numerical value to them. I assure you, your friends and loved ones will understand. (Who doesn’t love […]...
Read More
10

Current Trends And Future Prospects Of The Mobile App Market

Feb 20 7:37am Smashing Magazine
    The mobile app market is growing faster than a beanstalk. The industry is huge and growing daily, and there is no end in sight. Expectedly, the mobile developer population has boomed, and the number of mobile apps in the market has hit new heights. The revenue generated by the global mobile app industry has skyrocketed. Hybrid monetization models, such as in-app ads and in-app purchases, are quickly gaining popularity in the business world. Most studies show that in-app advertising is set to be a key driver of mobile growth over the coming years (see Statista’s, IHS Markit’s and Forbes’s reports). The post Current Trends And Future Prospects Of The Mobile App Market appeared first on Smashing Magazine.
Read More
11

10 Free Code Snippets for Creating Beautiful CSS Buttons

Feb 20 4:29am WordPress Web Design Tips And Tricks – 1stWebDesigner
If you’re looking for some examples of quality CSS buttons, this post is where you should start. We’ve organized 10 unique CSS button collections and snippets from CodePen which you can study and clone for your own web projects.
Read More
11

Matterwiki: Free Knowledge Management for Small Teams

Feb 20 4:00am noupe
The new Node.js/React solution Matterwiki refurbishes the genre of Wiki software. It’s pretty, it’s easy to use, and it’s modern. On top of that, Matterwiki is open source, so it’s free, too. A dream come [...]...
Read More
11

2017 Fully Reviewed Premium Web Tools And Services

Feb 20 2:30am Designbeep
Every year, we are building a showcase of premium web tools and services that developers and designers, but also the casual guy, can use in their projects. As 2017 is here, today we will show you 17 web solutions fully reviewed that can be a game changer or at least can bring you easiness for your work. Enjoy and keep in mind that most web tools have free trials available. Codester.com Whenever you are looking to buy PHP scripts (exactly 238 are available at this point), gorgeous themes (WordPress, Joomla, eCommerce, HTML and even PrestaShop or Drupal), code snippets, useful...
Read More
9

Luxbar Responsive, CSS Only Navigation Bar

Feb 20 1:58am Designbeep
This is for everyone who wants a responsive navigation bar that looks good on every screensize, lightweight and easy to implement. You know existing “premade” navbars are usually packed with a full blown CSS framework and rely heavily on JS. If you are already using Bootstrap for your site maybe it’s not worth it but I would still recommend giving it a try for the fancy colors and animations. It’s around 2KB miniefied, gzipped and easy to implement. Just head over to generate your customized HTML code.
Read More
9

Image Mask Effect Powered by CSS Transforms

Feb 20 1:46am Designbeep
An immersive transition effect powered by image masks and CSS transforms developed by Codyhouse. You can take advantage of the PNG transparencies to zoom through the mask layer, into a project background image. If you want to change the color of the .png masks, you can easily do it in Photoshop (or any other graphic tool) by applying a color overlay to the whole image layer. If you plan to create your own masks, please note that this effect works only if there’s an empty space in the very center of the mask. This image mask effect supports only modern...
Read More
9

Fresh Free Font Of The Day : Krabuler

Feb 20 1:38am Designbeep
Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies? Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Krabuler is designed by Russian Fonts. This font is made specifically for kids perfect for Cartoons, books, children’s products, logotypes etc. The font is Free for personal and commercial use. Download Font View All...
Read More
9

Minimalist Responsive Woocommerce WordPress Theme

Feb 20 1:26am Designbeep
This is a minimalist, modern, clean and fresh design template for eCommerce (Online Shopping) or marketplace. Beside a large number of features, this theme is a perfect template for leaving a positive impression to your customers. This theme supports many great tools to enable the features via using Theme Options, you also can customize Google fonts without code very easy and simple. Finally, every single element of in theme is entirely responsive, as content can be viewed from desktop and mobile devices. What ever you are using the device your site will run as it should be. Pedosis theme is...
Read More
9

20 Free Calendar Templates for Print and Digital

Feb 19 9:03am Line25
If you are looking for printable, free calendar templates with spectacular designs, look no further! We gathered here 20 free calendar templates that you can use for both print and digital projects! This is a hand-picked collection of wonderful calendar templates that you can download and use for free. Select your favorites and use them […] The post 20 Free Calendar Templates for Print and Digital appeared first on Line25.
Read More
12

lives in a sort of purgatory

Feb 19 8:51am CSS-Tricks
Brad Frost: A front-end designer ... lives in a sort of purgatory between worlds: They understand UX principles and best practices, but may not spend their time conducting research, creating flows, and planning scenarios They have a keen eye for aesthetics, but may not spend their time pouring over font pairings, comparing color palettes, or creating illustrations and icons. They can write JavaScript, but may not spend their time writing application-level code, wiring up middleware, or debugging. They understand the … “lives in a sort of purgatory” is a post from CSS-Tricks...
Read More
12

Popular design news of the week: February 13, 2017 February 19, 2017

Feb 19 4:11am Webdesigner Depot
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, […]...
Read More
11

Conversion Rate Optimization Tips for Checkout Pages

Feb 19 2:22am WordPress Web Design Tips And Tricks – 1stWebDesigner
We look at several user experience elements you can implement on your eCommerce websites to help improve the conversion rates of your checkout pages.
Read More
13

Write a script

Feb 18 10:42am CSS-Tricks
Jeremy Keith, on teaching people JavaScript for the first time: blockquote A lot of that boils down to this pattern: When (some event happens), then (take this action). We brainstormed some examples of this e.g. When the user submits a form, then show a modal dialogue with an acknowledgment. I then encouraged them to write a script …but I don't mean a script in the JavaScript sense; I mean a script in the screenwriting or theater sense. Line by line, … “Write a script” is a post from CSS-Tricks...
Read More
9

Optimizing GIFs for the Web

Feb 18 10:10am CSS-Tricks
Ire Aderinokun describes a frustrating problem that we’ve probably all noticed at one point or another: Recently, I’ve found that some of my articles that are GIF-heavy tend to get incredibly slow. The reason for this is that each frame in a GIF is stored as a GIF image, which uses a lossless compression algorithm. This means that, during compression, no information is lost in the image at all, which of course results in a larger file size. To solve … Optimizing GIFs for the Web is a post from CSS-Tricks...
Read More
13

Comics of the week #379

Feb 18 5:01am Webdesigner Depot
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world […]...
Read More
11

Search UI Effects With CSS and Javascript

Feb 18 2:50am Designbeep
This is a couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations developed by Codrops. You will explore some different layouts combined with some engaging CSS animations. The demos all have a schematic look and almost all of them show the search interface when clicking on the search icon that is always placed in the top right corner of the page (except for demo 2 where the search UI alters with an animation once the input is focused). The demos serve only as proof-of-concepts and inspirational ideas for UI interactions. Made...
Read More
12

Validating HTML5 Documents

Feb 18 2:00am SitePoint
The HTML5 validator is no longer concerned with code style. You can use uppercase or lowercase, omit quotes from attributes, exclude optional closing tags, and be as inconsistent as you like, and your page will still be valid. So, you ask, what doescount as an error for the HTML5 validator? It will alert you to the incorrect use of elements, elements included where they shouldn’t be, missing required attributes, incorrect attribute values, and the like. In short, the validator will let you know if your markup conflicts with the specification, so it’s still a valuable tool when developing your pages. To give you a good idea of how HTML5 differs from the overly strict XHTML, let’s go through some specifics. This way, you can understand what is considered valid in HTML5: Continue reading \%Validating HTML5 Documents\%...
Read More
14

CSS Grid: One Layout, Multiple Ways

Feb 17 1:20pm CSS-Tricks
I've really been enjoying getting acquainted with CSS Grid. The feature is starting to ship in many browsers and it looks like we'll be able to start using it in production in due time. One of the things that stands out most to me about CSS Grid is the fact that the syntax is so flexible. To demonstrate this point, we're going to look at how we can create the same layout in three different ways, all using CSS … CSS Grid: One Layout, Multiple Ways is a post from CSS-Tricks...
Read More
13

Is it time to go freelance?

Feb 17 12:45pm Webdesigner Depot
There’s a tendency within the design community to depict freelancing as a goal to be achieved. Who wouldn’t want to lie in every day, do two hours of work in front of the TV, followed by an afternoon in coffee shops posing for stock photographers, all while getting paid twice your current salary, and having your […]...
Read More
11

How Conferences Feed the Hype Cycle

Feb 17 12:05pm SitePoint
[special]This is the editorial for the SitePoint Java Channel newsletter. Subscribe here![/special] Over the course of the last twelve months I've been to about a dozen conferences and as many community meetings. It's always fun to listen to speakers talk about new technologies or interesting insights. They obviously know their stuff very well and are apt at presenting it in a fun way. Sometimes I wonder, though, whether it is all too smooth. The Missing Perspective The more well-known the conference the more professional the speakers (usually). That's great, of course, but professional speakers usually spend a lot of time, well, speaking professionally at conferences. It's often part of their job description as they are technology evangelists, developer advocates, trainers, authors, or consultants. One thing few of them are: full-time developers. That's not a bad thing, coding is no hol...
Read More
10

An Introduction to WordPress Permalinks

Feb 17 12:00pm SitePoint
Website owners typically want readers to share their content either on their own sites or on social networks. To do this, readers need a link to share. What is a WordPress Permalink? A 'permalink' is a 'permanent link' to a specific page or post on a website. When you share a link, you expect that it won't change and will be a permanent resource. WordPress generates a permalink for each post or page you create, which can be edited. There are several types of permalinks that WordPress uses. In this article, I'll provide an introduction to permalinks, so that you’ll be able to choose the best type for your WordPress site. The Default and Ugly Permalinks Each post or page you create has a unique identifier, called the ID. It’s a number that can uniquely identify your posts or pages, so it’s perfect for a default permalink system, and it’s the one chosen by WordPress. Let’s assume...
Read More
11

Web Development Reading List #170: Hamburger Alternatives, Libsodium In PHP And Choosing Profit

Feb 17 9:08am Smashing Magazine
    As web developers, we need to rely on our knowledge, and choosing solutions we’re already familiar with is often the most convenient approach to solving a problem. However, not only technology is evolving but also our knowledge of how to use it. For a while, we thought it’s best to use base64 encoding for inlining assets into CSS files, for example, and that loading JavaScript asynchronously will make websites faster. With more evidence and research, however, we came to realize that we were wrong. We should take this as an occasion to remind ourselves to question our habits and from now on ask ourselves if the solution we have in mind for a given problem really is still the best one we could choose.The post Web Development Reading List #170: Hamburger Alternatives, Libsodium In PHP And...
Read More
13

Exclusive Icon Set: Elements From Space To Earth

Feb 17 6:30am Smashing Magazine
    Have you ever dreamt of exploring the deep sea and getting up close to its fascinating, weird creatures? Or maybe you've dreamt of boarding a spacecraft to experience the beauty of our planet from above? The desire to leave the beaten tracks and explore unfamiliar terrain is human nature. To celebrate mankind’s urge to explore, the creative folks at Vexels created a set of 30 adventurous icons that take you on a journey from the ground of the sea right up to outer space. The set offers all the building blocks you’ll need to create your own little universe and become an explorer yourself.The post Exclusive Icon Set: Elements From Space To Earth appeared first on Smashing Magazine.
Read More
13

Empty States: How to Design Pages With Nothing to Show

Feb 17 4:00am noupe
Good design is already difficult enough when it has to be done on a page with something to display. However, things get even harder when you have to create pages with nothing to see on [...]...
Read More
13

10 Steps to Success with TemplateMonster

Feb 16 5:51pm Web Development Tutorials and Resources @ ScratchingInfo
Information is one of the most valuable things in the world and we are lucky to live in the 21st century, when we have access to an abundance of it, especially on the Internet. So why not to take this opportunity to learn more? We are happy to inform you that the 2nd Marathon Your […] The post 10 Steps to Success with TemplateMonster appeared first on Web Development Tutorials and Resources @ ScratchingInfo.
Read More
13

10 Resources for Finding Beautiful Cinemagraphs on the Web

Feb 16 4:19pm WordPress Web Design Tips And Tricks – 1stWebDesigner
In this collection, we share ten of the best sites you can browse to find the latest, hottest and most beautiful cinemagraphs currently available.
Read More
13

How to Work with and Manipulate State in React

Feb 16 4:00pm SitePoint
The following is an excerpt from React Quickly, a hands-on book by Azat Mardan for anyone who wants to learn React.js fast. When accessing, working with, and manipulating state in React, it’s important to know what you’re doing (and why you’re doing it!). In this article, you will be learning about state in React and how to work with it. We will also talk about some of the differences between state and props, as well as how to work with “stateless” components. But before we dive into all that, in order to work with state, we need to know how to access the values, update them and how to set the initial values. Let's get started with accessing state in React components. The source code for the examples in this article can be found in the ch04 folder of the book's GitHub repository. Accessing States The state object is an attribute of a component and can be accessed with this ref...
Read More
13

Writing Async Libraries Lets Convert HTML to PDF

Feb 16 12:00pm SitePoint
I can barely remember a conference where the topic of asynchronous PHP wasn't discussed. I am pleased that it's so frequently spoken about these days. There's a secret these speakers aren't telling, though... Making asynchronous servers, resolving domain names, interacting with file systems: these are the easy things. Making your own asynchronous libraries is hard. And it's where you spend most of your time! The reason those easy things are easy is because they were the proof of concept – to make async PHP competitive with NodeJS. You can see this in how similar their early interfaces were: var http = require( http ); var server = http.createServer(); server.on( request , function(request, response) { response.writeHead(200, { Content-Type : text/plain }); response.end( Hello World ); }); server.listen(3000, 127.0.0.1 ); This code was tested with Node 7.
Read More
10

5 Ideas to Improve Your Website UX in Under 2 Hours

Feb 16 12:00pm SitePoint
We all want to publish the websites we create as quickly as possible after we finish working on them, and that generally comes at the expense of leaving out some important UX factors that negatively impact how users navigate the site after it gets online. The problem is, in taking a few pre-launch shortcuts, we risk permanently losing long-term users over UX mistakes we could have fixed in an hour or so. Here are a few 'low hanging fruits' that can have a fast UX impact. 1. Don't force the user to do the math Scenario: "Is this a new post?" We've all been here: You are trying to find whether the post you're reading was published today, yesterday or last week, so you hunt around the page until you finally find a publish date – 20 November. Ok, great – but now you're blanking what today's date is! So, now you're off clicking on your laptop's clock funct...
Read More
10

Responsive Images in WordPress with Cloudinary, Part1

Feb 16 11:04am CSS-Tricks
In this post we'll look at a brief history of responsive images and why they are so important for performant websites. Then we'll look at how WordPress helps automate that, and ultimately how the whole situation gets a lot better by leveraging Cloudinary. Responsive Images in WordPress with Cloudinary, Part 1 is a post from CSS-Tricks...
Read More
13

Microsofts Project Neon redesigns Windows 10

Feb 16 10:45am Webdesigner Depot
Thanks to Microsoft’s radical redesign of Windows 10, you may not recognize much of the classic operating system’s UI anymore. That’s because the company has decided to go in a new direction, cleaning up the software’s interface for a more minimalist approach. According to a recent tweet by Tom Hounsell, a Microsoft enthusiast and the developer behind […]...
Read More
8

Transparent JPG (With SVG)

Feb 16 10:44am CSS-Tricks
Let's say you have a photographic image that really should be a JPG or WebP, for the best file size and quality. But what if I need transparency too? Don't I need PNG for that? Won't that make for either huge file sizes (PNG-24) or weird quality (PNG-8)? Let's look at another way that ends up best-of-both-worlds. The original photographic image. The goal is to clip myself out of the image, removing the background. My technique for that is usually … Transparent JPG (With SVG) is a post from CSS-Tricks...
Read More
13

Scrum Artifacts: Definition of Done

Feb 16 10:17am SitePoint
The following is an extract from our book, Scrum: Novice to Ninja, written by M. David Green. Copies are sold in stores worldwide, or you can buy it in ebook form here. We’ve mentioned the definition of done a few times. The definition of done applies to each story in a sprint backlog. Declaring a […] Continue reading \%Scrum Artifacts: Definition of Done\%...
Read More
13

An Engineering Managers Guide to Rebranding

Feb 16 10:00am SitePoint
[special]This post was previously published on the 99designs blog. Want the best designs to revamp your business? Consider launching a design contest on 99designs![/special] Anytime a company launches a rebrand there’s the obligatory “how we did it” blog post. Uber did it, AirBnB did it and we did it. [caption id= attachment\_148372 align= aligncenter width= 452 ] Yes, these are actually some of our good looking employees putting post-it notes up in our office. How else would you rebrand?[/caption] Usually these posts jump right from “good looking people putting post-it notes on a glass wall” to “unveil on an unsuspecting public” stage, and completely skip the really tricky part—going through the company’s website (and other assets), page by page, turning old brand into new brand. If you’re an Engineering Manager at a startup, there’s a good chance you’ve never h...
Read More
13

Coding CSS for Context

Feb 16 9:40am CSS-Tricks
Snook on naming a class: Here's what's important: We want to identify that this is a variation on our button. We want to indicate the purpose of this button style. We want to avoid tying the code to a particular context that could change. Direct Link to Article — Permalink… Coding CSS for Context is a post from CSS-Tricks...
Read More
12

100 Brochure Designs & Templates That Speak to Customers

Feb 16 7:40am Line25
Showcase your work like a professional by using these amazing multipurpose brochure designs as inspiration! Browse through 100 hand-picked, creative brochure designs and get inspired! Some of these brochure designs are just for inspiration, while others also come with fully customizable templates that you can download! Their layouts are customizable and you can easily add your […] The post 100 Brochure Designs & Templates That Speak to Customers appeared first on Line25.
Read More
14

Copy If You Can: Improving Your UI Design Skills With Copywork

Feb 16 5:27am Smashing Magazine
    There’s a technique for improving one’s user interface design skills that is the most efficient way I know of expanding one’s visual vocabulary but that I’ve rarely heard mentioned by digital designers. I’m talking about copywork. Copywork is a technique that writers and painters have been using for centuries. It is the process of recreating an existing work as closely as possible in order to improve one’s skill. In our case, this means recreating a user interface (UI) design pixel for pixel.The post Copy If You Can: Improving Your UI Design Skills With Copywork appeared first on Smashing Magazine.
Read More
14

WordPress Trend 2017: Plugins as SaaS

Feb 16 4:00am noupe
The SaaS trend has been unabated for years now. Developers are happy about that; users aren’t. Now, the trend is also making its way to the developers of WordPress plugins. Let’s see what the up- [...]...
Read More
16