SitePoint Premium New Releases: DevOps Security, jQuery & Vue Projects

Original Source: https://www.sitepoint.com/sitepoint-premium-new-releases-devops-security-jquery-vue-projects/

We’re working hard to keep you on the cutting edge of your field with SitePoint Premium. We’ve got plenty of new books and mini-books to check out in the library — let us introduce you to them.

Learning jQuery 3 Fifth Edition

A step-by-step, practical tutorial on creating efficient and smart web apps and high-performance interactive pages with jQuery 3.0. Create a fully featured and responsive client-side app using jQuery. Explore jQuery 3.0 features and code examples updated to reflect modern JS environments.

Read Learning jQuery 3 Fifth Edition.

How to Develop and Test Vue Components with Storybook

Learn Storybook, an interactive environment for developing and testing UI components. It allows you to build components and play with them in isolation from the app that you’re building.

Read How to Develop and Test Vue Components with Storybook.

Build a Shopping List App with Vue, Vuex and Bootstrap Vue

Build a simple shopping list app using Vue, Vuex and Bootstrap. Along the way, you’ll discover how Vue’s official state management solution can help you manage state throughout your app as it grows.

Read Build a Shopping List App with Vue, Vuex and Bootstrap Vue.

Hands-On Security in DevOps

Protect your organization’s security at all levels with the latest strategies for securing DevOps at each layer of the pipeline. Discover security practices to protect your cloud services by detecting fraud and intrusion. Explore solutions to infrastructure security using DevOps principles.

Read Hands-On Security in DevOps.

Building a Vue Front End for a Headless CMS

Learn how to build a modern blog site using Vue.js and GraphCMS, a headless CMS platform that delivers content via GraphQL, for a faster and more customizable website than using WordPress.

Read Building a Vue Front End for a Headless CMS.

A New Library Interface

If you’re a Premium member, take our new library for a spin. We’ve launched a cleaner, faster library interface that makes tracking and resuming your current books much quicker.

And More to Come…

We’re releasing new content on SitePoint Premium almost every day, so we’ll be back next week with the latest updates. And don’t forget: if you haven’t checked out our offering yet, take our 7 day free trial for a spin.

The post SitePoint Premium New Releases: DevOps Security, jQuery & Vue Projects appeared first on SitePoint.

Collective #504

Original Source: http://feedproxy.google.com/~r/tympanus/~3/_SjP5P-Abek/

C504_responsiblejs

Responsible JavaScript: Part I

Jeremy Wagner plots a course to avoid the unnecessary bloat and inaccessible patterns of current JavaScript trends.

Read it

C504_mason

This content is sponsored via Thought Leaders
Core, a front-end feature kit by Mason, free!

Grab the free feature kit that made it to #1 on Product Hunt and start building front-end features faster than you ever thought possible!

Get Core free

C504_codesandbox

Announcing CodeSandbox v3

Read all about this major CodeSandbox update that includes VSCode extensions, many design tweaks, and a new devtool pane.

Read it

C504_id

Enforcing Accessibility Best Practices with Automatically-Generated IDs

Brad Frost describes a useful technique for auto-generating IDs to help with accessibility.

Read it

C504_aligning

How To Align Things In CSS

Rachel Andrew shows different ways of aligning elements in CSS.

Read it

C504_dan

Name It, and They Will Come

An interesting read by Dan Abramov on the importance of telling a story when sharing a new project.

Read it

C504_font

Free Font: En Garde

Andros Souza shares his first font project.

Get it

C504_michelle

Building a dependency-free site in 2019

Michelle Barker shares how she built her site in HTML, CSS and nothing else.

Read it

C504_JSGrammar

JavaScript Grammar

Get the PDF version of this JavaScript book by Greg Sidelnikov for a retweet.

Check it out

C504_talks

codetalks.tv

Codetalks.tv puts together the best dev talks in a categorized video platform, made by developers for developers.

Check it out

C504_designing

Designing And Building For Systems

Daniel Eden gives some advice on building for design systems.

Read it

C504_generative

Generative Poster

Create a generative art poster in this demo by David A.

Check it out

C504_server

code-server

Code-server is VS Code running on a remote server, accessible through the browser.

Check it out

C504_terminal

UITerminal

UITerminal is a Terminal-style CSS framework.

Check it out

C504_chords

VexChords

A JavaScript guitar chord renderer.

Check it out

C504_oneliners

oneliners.js

Some useful coding one-liners put together by Mike Skowronek.

Check it out

C504_anchor

Scroll Anchoring in Firefox 66

Ryan Hunt writes about the new scroll anchoring feature in Firefox.

Read it

C504_codemit

How an MIT Research Group Turned Computer Code Into a Modern Design Medium

The fascinating story of how code became a design medium.

Read it

C504_aliens

Alien Invasion by Gal Shir: Web Animation by Kono

A CSS-only implementation of the “Alien Invasion” animation by Gal Shir. Made by Kono.

Check it out

C504_vued3

Vue.js and D3: A Chart Waiting To Happen

Simon Wuyts shares this summary of a talk he gave at the Vue.js Antwerp meetup.

Read it

C504_freelance

Everything I know about freelancing

Andy Adams offers some valuable insights to freelancing.

Read it

Collective #504 was written by Pedro Botelho and published on Codrops.

How to Use Selenium WebDriver for Cross Browser Testing

Original Source: https://www.sitepoint.com/how-to-use-selenium-webdriver-for-cross-browser-testing/

This article was originally published on LambdaTest. Thank you for supporting the partners who make SitePoint possible.

Selenium is a popular automation testing framework that is primarily used for cross browser testing. It is open source and is ideal for automating testing of web applications across different browsers like Firefox, Chrome, Internet Explorer, and Microsoft Edge. Selenium has become a renowned framework and is giving stiff competition to other test frameworks such as HP QTP (Quick Test Professional) and AKA HP UFT (Unified Functional Testing). This tutorial for Selenium WebDriver will help you develop a basic understanding of the components of the Selenium suite, the Selenium WebDriver architecture and will show you how to run automation to test a website for cross browser compatibility using Selenium WebDriver for Google Chrome, Mozilla Firefox and Internet Explorer.

Selenium is a combination of different tools and each tool plays a critical role in automating web testing. Let’s dive into the WebDriver tutorial.

The post How to Use Selenium WebDriver for Cross Browser Testing appeared first on SitePoint.

Web Design & Development Games to Test Your Skills

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/unF2fSeq_vE/

There are a ton of ways to learn web design and development. Some people prefer video courses, while others love reading books and webpages and applying the knowledge themselves.

Another way to learn is through online games! These will test your design skills, correct you when you’re wrong, and teach you basic concepts. If you love learning through doing, make sure to try these games!

Can’t Unsee

Can't Unsee

This game walks you through various simple design choices, prompting you to pick the one that looks correct and explaining why one is wrong and one is right. You can click a button to directly compare the images, making it easy to understand the difference. This will test your eye for subtle designs. At the end, see how you rank against other players!

Kern Type

Kern Type

Kerning is the spacing between letters, and an important skill for typographers and designers to learn. This kerning minigame will let you drag around the letters, then compare them to the solutions of a pro designer.

Shape Type

Shape Type

Another one for typographers, Shape Type tests your ability to accurately and beautifully shape letters in a design. You can easily compare your work to the designer’s with fluid transition animations that show you where you might have gone wrong.

The Bezier Game

The Bezier Game

If you make vector graphics, fonts, or CSS animations, you might have encountered Bezier curves. The Bezier Game will help teach you to work with this tool by taking you through various shapes, lines, and circles to fill out with curves. By the end you should have a better understanding of how Bezier curves work.

Color

Color

Ready to brush up on your color identification skills? This tests your ability to distinguish hues, saturation, complementary, analogous, triadic, and tetradic colors.

Pixactly

Pixactly

How good are you at measuring pixels by instinct? Pixactly helps you measure lengths and widths in pixels by prompting you to draw boxes of a specified height. Anyone who works with HTML and CSS will like this tool.

Hex Invaders

Hex Invaders

Do you know your hex codes? With all the online hex generator tools, many people neglect the learning their hex codes, but it’s still a good skill to have. Hex Invaders teaches you hex color codes by having you shoot the alien that corresponds to the color code shown on the screen.

Flexbox Froggy

Flexbox Froggy

Time to brush up on some CSS. With the justify-content property, you need to guide the frogs to their lily pads, all while learning more about CSS in real time. With twenty-four levels, you’ll come out of this with a full understanding of this CSS code.

Flexbox Defense

Flexbox Defense

Still having trouble with flexboxes? Flexbox Defense is a tower defense game where you must position your towers using CSS. After playing Flexbox Froggy, reinforce your skills with this more difficult game.

Grid Garden

Grid Garden

Here’s a relaxing game that will teach you how to use CSS Grid, specifically the grid-column-start property. Grow your own carrot garden, water plants, kill weeds, and learn new CSS tricks and tips in this unorthodox gardening game.

Flukeout

Flukeout

Ready to learn about CSS Selectors? Use the code window to select the correct objects and learn how to select them in all kinds of situations and unique placements. This one is great for people who are new to CSS.

Learning Design with Online Games

Whether you’re a brand-new designer/developer or just brushing up on what you’ve learned, online educational games are a great way to cement your skills. It’s always good to bring a little fun into your learning process. Let us know which game was your favorite!


The best VPN service in 2019

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/X3Ig6nl1dDs/best-vpn

Choosing the best VPN service can be tricky, but it has clear benefits for designers of all kinds. Whether you’re based in your local coffee shop and need to keep your work secure, or are working remotely abroad and having trouble accessing the sites you need, a VPN can help you out. 

To help, we've researched and tested all the major services. Read on for our ranking of the best VPN services for creative professionals, plus detailed notes to help you choose the one that's right one for you.

VPN stands for virtual private network, and they're used for a number of things. Primarily, they keep your internet browsing anonymous and secure, and enable you to get around blocked websites. You can also use them to watch shows on foreign streaming services including country-specific Netflix and BBC iPlayer. 

At the bottom of the page you'll find a more in-depth look at what a VPN is and why you might need one. For now, let's get get started with our guide to the best VPN services right now…

What's the best VPN service in 2019?

Our pick for the best VPN service right now is ExpressVPN, thanks to impressive speed, unblocking, privacy options and excellent customer service. The second best VPN is IPVanish – a reliable option that handles P2P and torrenting particularly well. NordVPN earns third place for its speedy performance and strong security. For a closer look at our picks for the best VPNs, read on.

The best VPN service: ExpressVPN logo

ExpressVPN is the best VPN service right now. This super-fast service offers enterprise-standard encryption, excellent customer service and over 3,000 servers spread across 94 countries. 

It boasts perhaps the widest platform support you'll find from any VPN. As well as native apps for Mac, Windows, Linux, iOS, Android and BlackBerry (!), ExpressVPN offers custom firmware for some routers, and a MediaStreamer option for consoles and smart TVs including PlayStation, XBox and Apple TV. Finally there are very capable VPN browser extensions for Firefox, Safari and Chrome.

What really makes ExpressVPN stand out is its customer support. Although it’s not alone in offering live chat, 365 days a year, 24 hours a day, its agents have a great reputation for sorting problems quickly, efficiently and with a smile in their voice. And while that’s not often our main consideration when selecting a provider of any service, it does help. On the downside, it only offers three simultaneous connections per user, where most services offer five (and IPVanish, at number 2 in this list, will support up to 10).

best VPN service: IPVanish logo

The second best VPN service comes from IPVanish. This VPN owns and manages its own servers, of which there are over 1,200 in more than 60 countries; has a strict zero-logs policy to preserve your privacy; and offers up to 10 simultaneous connections per user – well above what most services offer.

In our real-world tests, IPVanish performed well. The servers connected quickly and were always up, download speeds were above average, torrents are supported on all servers, and we were able to unblock BBC iPlayer and US Netflix.

Where IPVanish really shines is with its apps. There are dedicated apps for Windows, Linux, macOS, iOS, Android, Fire TV, Windows Phone and Chromebook. Unlike competitors' efforts, these are powerful and configurable, with plenty of different features and settings to explore. 

There's a slight downside here: there's a bit of a learning curve to get the best from the apps, and there are some small usability issues. A few servers didn't appear to be in the advertised locations, and there are no kill switches on the mobile apps. 

Price-wise, you're at the premium end of the VPN range with IPVanish. While there are no free trials available, there is a 7-day money-back guarantee if it turns out to be not quite what you want.

The best VPN service: NordVPN logo

In all the areas that count, NordVPN beats or matches what's offered by the competition. The service has over 5,300 servers in over 60 countries, offers 2048-bit encryption, secure DNS leak protection, and app-specific and system-wide kill switches. It supports up to six devices simultaneously and there are proxy extensions for Chrome and Firefox. 

NordVPN's SmartPlay feature is useful for getting round geo-restrictions and can be used to unblock a whole host of streaming services. NordVPN offers four different subscription choices: a monthly plan or one, two or three year plans (the final of which is really excellent value). There's also a 30-day moneyback guarantee.

In our performance tests, download speeds were well above average on almost all connections (although we did run into difficulties when trying to connect to a small number of servers). 

Where NordVPN falls behind slightly is with its customer support. The site is relatively weak, and unlike many of the services on this list, there's no live chat feature. However, the email support is perfectly acceptable – we got a helpful, accurate reply to our query within 12 hours. 

Best VPN: HotSpot shield

HotSpot Shield offers a couple of VPN services: free and a paid Premium version. What you're paying for is full access to over 2500 servers in 25 countries, use on up to five devices, unlimited bandwidth, no ads, and 24/7 support. The free option is pretty good, but it's worth shelling out the (very reasonable) price for Premium. When we took it for a spin, we experienced impressively quick upload and download speeds when transferring big image files, even from the most distant locations.

Hotspot Shield Premium's high speeds and low prices have clear appeal, and the seven-day trial makes it easy to test the service for yourself. As you'd expect, the best value for money is the one-year subscription, unless you want to commit to the lifetime plan. 

So what are the downsides? HotSpot Shield is based in California, making it subject to US law enforcement. It uses its own proprietary Catapult Hydra protocol, which some people are suspicious of because it hasn’t been widely analysed externally. It no longer supports standards like OpenVPN, and the service can only be used on devices that are able to run its apps (Windows, Mac, Android or iOS). 

It also doesn’t let you pay for the service with Bitcoin, the apps are lacking in configuration options, and during testing we weren't able to unblock US Netflix.

Best VPN: CyberGhost

CyberGhost is the best VPN for you if you're looking for a service you can configure to your liking, but has a helpful interface and avoids jargon. 

There are apps for Windows, Mac, iOS and Android, the service allows torrents and there's live chat support if you need it. Extras include the ability to block ads, trackers and malicious websites, and automated HTTPS redirection helps keep browsing as secure as possible. 

The interface is organised according to the task you're trying to complete. The main window offers six options: Surf Anonymously, Unblock Streaming, Protect Network, Torrent Anonymously, Unblock Basic Websites, and Choose My Server. There are helpful touches, too. For example, you can choose a geo-blocked service (Netflix, iPlayer, etc.) from a list, and the app will automatically connect you to the best server and open a new window at the target site. 

CyberGhost has a ton of easy-to-follow guides that explain everything in basic English that anyone can follow. These are handily divided up by device, so you don’t have to cross-reference all over the place. And they explain everything from how to surf anonymously and how to block ads to more advanced fare, such as how to configure a Raspberry Pi as a web proxy with OpenVPN, or how to share a VPN connection over Ethernet.

And it’s good that these guides exist, because CyberGhost does offer a large number of configuration options, such as setting it to automatically run on Windows startup, assigning specific actions for different Wi-Fi networks, and making CyberGhost automatically run when you use certain apps, such as Facebook. 

So what's wrong with it? Performance was patchy in our tests – while speeds in the US and Europe were good, some long-distance connections were poor. 

All in all though, CyberGhost is a great VPN service for anyone who’s not a total newbie and wants to push what their VPN is capable of, but doesn’t want to go wading too deep into the techie weeds. 

Canadian VPN service TunnelBear is aimed squarely at non-techies and VPN newbies. It’s incredibly easy to use, and there are apps for Windows, Mac, iOS and Android, as well as Chrome, Opera and Firefox extensions. Setting up the TunnelBear VPN takes a matter of minutes, via a much simpler process than other VPN services. Explanations are jargon-free and written in the kind of plain English everyone can understand. 

The flipside of that, of course, is that options are limited compared to other VPNs (you can't even change protocol, for example), so more advanced users looking for high levels of configuration will be better off with a rival service. There are also only around 20 server locations, and the website is not terribly helpful at all.  

But that aside, what TunnelBear does, it does very well. It's easy to connect, and offers strong performance overall (although those speeds do drop a little over long-distance connections). It's also gone where few other services dare to go by getting a independent, public security audit on its servers, code and systems. 

Paid plans give you unlimited data and for a very reasonable per-month cost, and there's also free plan that limits you to just 500MB of traffic per month.

Best VPN: Windscribe

Windscribe offers a decent VPN that has one main benefit over rivals: its commercial Pro plan allows for unlimited connections. That means you can use it on as many devices as you want simultaneously. The only other service in this list to currently offer that is Surfshark, at number 9. 

The network is a decent size (locations in 110 cities across over 60 countries). There are clients for Windows, Mac, Android, iOS and Linux, plus Chrome, Firefox and Opera extensions. You'll also find guides if you want to manually set up the service on routers, Kodi and more.

Another plus point is the high level of privacy it offers. The company policy is clear and detailed, and you don’t have to use your real name or provide an email address to sign up. And if you want to stay totally anonymous you can (as with most VPNs) pay with Bitcoin. Plus, being based in Canada, it’s nicely out of reach of US law enforcement agents.

If those things aren't big selling points for you, though, then it probably shouldn’t be your first choice. The service as a whole is fairly average, and our tests threw up some issues. While performance was generally good, some long-distance severs were very slow. Connection times could also be slow, we couldn't view BBC iPlayer, and there's no 24/7 support.

It might be a good idea to start out with Windscribe's free VPN, which offers a very generous 10GB data per month.

Best VPN service: Private Internet Access

Private Internet Access offers slightly limited (although actually still pretty good) features for a super-cheap price. There are custom clients for Windows, Mac, iOS, Android and Linux, as well as open source extensions for the big browsers. There's also built-in blockers for ads, malicious sites and trackers, and torrents available on all servers. 

With 32 server locations, it's a relatively small network, but sufficient for most users' requirements. In our tests, performance wasn't the best but definitely wasn't the worst, with Private Internet Access offering good speeds in the US and Europe, and slightly less reliable performance over long-distance connections. There isn't live chat support, but we got a helpful response to our email query within two hours, which is fair. 

If those low, low prices are raising some security concerns, fear not. While some companies sell user data to enable them to cut their prices, Private Internet Access' privacy policy does not allow any kind of session or activity logging.  And you can pay via Bitcoin if you want to be really anonymous, too.

Surfshark serves up a good value, if a little basic, VPN service. In fact, there's a lot going for this VPN. Unlike many of the services on this list, Surfshark supports an unlimited number of devices. There are apps for iOS, macOS, Android, Windows, Linux and FireTV plus Chrome and Firefox extensions (note the Android app can be a little unstable). The pricing is very reasonable indeed, and there's a 30-day moneyback guarantee if you don't like what you see. 

There's OpenVPN UDP and TCP, IKEv2 security protocols, AES-256 encryption, a kill switch, a private DNS and a double VPN hop for extra security. Performance is good across the board too. 

The user interface clean and stripped back, the only minimal options displayed (we'll leave you to decide whether that's a drawback or benefit.

Best VPN: VYPR VPN

VyprVPN is a very fast, highly secure service without third parties. If you’re looking for privacy, then a service based in Switzerland – known throughout history for obsessive levels of discretion within its banking system – has to be a good start. But while Vypr is keen to trumpet its service’s ability to provide privacy and security, it’s really the speed of the thing that’s the most impressive. 

VyprVPN is hardly alone in claiming to offer 'the world’s most powerful VPN'. However, it backs up this statement on the basis that, unlike many of its rivals, it owns its own hardware and runs its network. VyprVPN has its own zero-knowledge DNS service and its Chameleon protocol could get you online in countries that block VPN. 

Either way, it was pretty nifty when we took it for spin. Download speeds were mostly good. They slowed a little in a few of the most remote locations (although not beyond an acceptable level). Platform support is also wider than most, taking in Blackphone, QNAP and Anonabox as well as the usuals (Windows, Mac, Android, iOS, router).

So what are the downsides? VyprVPN logs session details (connection times and IP addresses) for 30 days, and you could have your account locked if your IP is found downloading illegal torrents. In our tests, four servers wouldn't accept connections, and a further four didn't appear to be where Vypr said they were.

So it's not perfect, but if the session logging isn't a problem for you, and your work involves uploading and downloading a lot of hefty files, VyprVPN should help you shave time off that process.

What is a VPN and why do I need it?

VPN, which stands for virtual private network, is a service that encrypts your internet communications. It enables users to securely access a private network, and safely send and receive data.

Using a VPN, you can remotely connect to an office network as though you were working in the building – which is handy if you're a freelancer, or working abroad. You can also securely send confidential material to a client, or do your banking from an unsecured public network, such as a coffee shop Wi-Fi spot.

Another useful feature is that a VPN can keep your internet browsing anonymous. And it can make you appear to be located in another country, too – which is helpful if you work with global clients that have IP-based restrictions on their sites. “I often have to fire up the VPN to make myself appear as if I’m in different EU territories,” says London-based web designer Robert Fenech. “A quick 'turn on and select country', and voila.” 

Sometimes it’s not the website protocols themselves that you have to get round, but government censorship. Just imagine you’re visiting Beijing and needed to download some Photoshop files from a service that the ‘Great Firewall of China’ has blocked. A VPN can help you get around that too.

Related articles:

The best free fonts for designersTop CSS animation examples to recreateThe best painting and drawing apps

Conquer Adobe Premiere Pro CC with this bundle

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/Q8F1KqksnV0/conquer-adobe-premiere-pro-cc-with-this-bundle

If you're interested in a career in video editing, you'll need to master Adobe Premiere Pro CC. Get up to speed on this top video editing software with Adobe Premiere Pro CC MasterClass: Video Editing Made Easy. This top-rated course typically costs $200, but it's currently available for 89% off at just $21.

No matter what industry you'd like to work in, conquering Adobe Premiere Pro CC will get you that much closer to your dream job. The software is used in all kinds of video production, from business and marketing videos to music videos and documentaries.

Get Adobe Creative Cloud here

Learn the basics of starting a project, editing videos, adding video and audio transitions and titles, and much more with this informative class that's perfect even for beginners. These 59 lectures are available at any hour of the day, so you can learn at your own pace and become a video editing pro from the comfort of home.

Snag the Adobe Premiere Pro CC Masterclass: Video Editing Made Easy for just $21 here.

Related articles:

The 18 best Adobe Illustrator pluginsVoice prototyping added to Adobe XDTop-class Photoshop tutorials to try

Collective #503

Original Source: http://feedproxy.google.com/~r/tympanus/~3/uNjRd_Bs1xM/

C503_WOTW

Inspirational Website of the Week: ContraryCon IV

A functional design with unique elements and great typography. Our pick this week.

Get inspired

C503_TM

Our Sponsor
TM One: get everything for building websites

8,500+ products in One package: from themes to extensions & graphics elements.

Join now

C503_mosaic

Mosaic

Mosaic is a declarative front-end JavaScript library for building user interfaces.

Check it out

C503_neort

NEORT (Beta)

NEORT is digital art platform for creators to share artworks and learn the skills beyond technology.

Check it out

C503_progressive

Why Build Progressive Web Apps: Track offline, or it didn’t happen

In this episode of “Why Build Progressive Web Apps”, Thomas Steiner shows how you can add offline analytics tracking with the Workbox libraries to your PWA to track events while the user is offline.

Watch it

C503_booleangame

The Boolean Game

A game for learning how to use boolean operations in Adobe Illustrator, Sketch, Figma, and other vector editors.

Play it

C503_ethical

ethical.net

An open, growing list of 150+ vetted resources for ethical living.

Check it out

C503_una

An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods

Una Kravets’ creative way to explain map, reduce, and filter.

Read it

C503_friendlyfaces

Friendly Faces

An inclusive, illustrative avatar creator made by Chris Vasquez and Sean Metzgar.

Check it out

C503_ambient

Generative.fm

Endlessly unique ambient music with AI. Read more about the project in this article.

Check it out

C503_turingpatterns

Multiscale Turing Patterns

A fantastic WebGL powered implementation of a multi-scale Turing pattern simulator. Read more in this article.

Check it out

C503_organize

How To Organize Files In A Design Agency

An article that highlights the file organization method of a design agency.

Read it

C503_designtitles

Design Titles

A satirical title generator for designers seeking a title apart from other designers.

Check it out

C503_13

EU Copyright Directive Approved – Without Amendments

Read about the final decision of the European Parliament to approve the controversial copyright directive.

Read it

C503_switch

How to create a dark/light mode switch in CSS and JavaScript

Sebastiano Guerriero shows how to create a dark theme for a web project, and how to switch from a default (light) theme to a dark one with the help of CSS Custom Properties.

Read it

C503_root

Breaking CSS Custom Properties out of :root Might Be a Good Idea

Kevin Powell shows when locally scoped custom properties can be useful.

Read it

C503_tunnel

Magical Light Tunnel

A 1024 bytes small demo by Jani Ylikangas for the JS1k 2019 edition.

Check it out

C503_graphql

Building Real-Time Charts With GraphQL And Postgres

A tutorial by Rishichandra Wawhal on how to create real-time charts using GraphQL and Postgres.

Read it

C503_indigo

indigo-player

A highly extensible, modern, TypeScript video player with support for the most popular stream formats, subtitles, out-of-the-box advertising, picture in picture, thumbnails and more.

Check it out

C503_mit

Deprecation Notice: MIT and BSD

Kyle E. Mitchell explains why it’s time to retire thirty-year-old academic licenses.

Read it

C503_webassembly

Standardizing WASI: A system interface to run WebAssembly outside the web

Lin Clark writes about the new standardization effort?for a WebAssembly system interface, WASI.

Read it

C503_illustrations

Illustration Gallery

Royalty-free illustrations that you can use in commercial projects.

Check it out

C503_ar

Add AR Effects to Products & Places with Tracked Images

Learn how to use Torch for layering contextually relevant information in 3D space with augmented reality.

Read it

C503_exploding

From Our Blog
Exploding 3D Objects with Three.js

A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.

Check it out

Collective #503 was written by Pedro Botelho and published on Codrops.

Amazing Vector Illustration for Disney Tim Burton's Dumbo

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/ICSd3sJ5sdw/amazing-vector-illustration-disney-tim-burtons-dumbo

Amazing Vector Illustration for Disney Tim Burton’s Dumbo
Amazing Vector Illustration for Disney Tim Burton's Dumbo

abduzeedoMar 27, 2019

Orlando Arocena shared an incredible vector illustration project for the upcoming Disney movie Dumbo. Orland was really cool to publish a little making of, or a step by step allowing us to get a bit more of the behind the scenes of his creation process. At the end we have a 19,251 points vector illustration full of amazing details.

Very honored to have been commissioned by Walt Disney Studios in association with the PosterPosse to create this official Poster the 2019 release of Tim Burton’s DUMBO!

Dreams do come true… You just have to find your courage and hold on tight for the ride!

Below you can see  the two quick vector sketches submitted to Disney. Orland was inspired by the Carnival era and style plus wanted to mix in a bit of my “Pop-Deco” Gradio style.

Vector Illustration Step by Step

Below: the Official Final Art


Top Lightbox Libraries for Mobile Responsiveness (2019)

Original Source: https://www.hongkiat.com/blog/responsive-lightbox-library/

Lightbox is one popular way to overlay images on the web. When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself….

Visit hongkiat.com for full content.

Showcase of Line Art Logos & Illustrations

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/6Aufcbd2uTQ/

In this age of minimalism and simplicity in graphic design, it’s no wonder that line art is becoming so popular. You can find it everywhere online, from logos to icons and even full-fledged illustrations.

Line art may be so well-liked because there’s many ways of creating it. Some artists make only the simplest of drawings, while others go all in with complex designs and all the bells and whistles. Either way, it appeals to all lovers of minimalism.

A few constants unite all line art, however: basic lines, curves and shapes, small color palettes, and little-to-no shading. These are what make the simplistic style so beautiful.

Need some inspiration for your next graphic or web design project? Thinking about including line art? This is all the convincing you’ll need. Take a look at these fifteen examples of amazing line art illustrations. You’ll be floored by what you see.

Evrgreen Co. Tag System by Steve Wolf

Evrgreen Co. Tag System

Adventure Capitalist 3 by Jordan Wilson

Adventure Capitalist 3

Revelstoke BC by Steve Wolf

Revelstoke BC

Sendero Provisions Co by Steve Wolf

Sendero Provisions Co

Nature Badge by Alfrey Davilla | vaneltia

Nature Badge

Holiday Greeting Card by Yiwen Lu

Holiday Greeting Card

TrailHeaDX poster by Brian Steely

TrailHeaDX poster

This one is not for the kids by Brian Steely

This one is not for the kids

It’s My Park Day 2015 by Marc Ferrino

It's My Park Day 2015

Jenn & Nate Wedding Invite by Nate Koehler

Jenn & Nate Wedding Invite

California by Patrick Moriarty

California

Campfire Badge by Patrick Moriarty

Campfire Badge

UFO Scene by Liam Ashurst

UFO Scene

Fangs by Liam Ashurst

Fangs

Mountain Scene by Liam Ashurst

Mountain Scene

Simplistic Line Art Designs

There were so many fantastic illustrations here! All provided a unique take on what line art can be.

Some were truly minimalistic, with only a few lines and one or two colors. Each stroke of the brush in this type of design is important to conveying the image you want people to see. Others were complex with hundreds of complicated, painstakingly made lines. And some went super fancy with pretty gradients, tiny detailing, and extra accent colors.

But every one remains a perfect example of what you can do with this seemingly simplistic art style. There are no limits to line art – clean icons or elaborate decorations are all within possibility if you know what you’re going for. Which did you prefer in these images: simple or complicated line art design?