This week's Designer News (N.377) includes a Smart CSS Viewer, a Guide to Practical Color Theory, a Flexbox Cheatsheet, Designing Better Data Tables, 5 Simple UX Exercises, a Free Font Combination Kit and more. The post Weekly News for Designers (N.377) appeared first on Speckyboy Design Magazine.

Art Text 4 allows you to create realistic 3D typography graphics without using Photoshop or Illustrator. In this post, we take a closer look at this cool new app. One of the biggest and rising trends in the design world is typography graphics. Instead of using regular fonts, this trend uses unique graphics as a […]

GitHub announced new dependency graph support for PHP repositories with Composer dependencies. This means that PHP repositories will get security alerts, automatic security fixes, dependency insights, and more. The post GitHub Announces Dependenc...

Here's what was popular in the PHP community one year ago today:Tomas Votruba Blog: 7 Tips to Write Flawless Issue Reports on Github Derick Rethans: PHP Internals News: Episode 18: Strict Operator Directive php|architect: Find the Way With Elasticsearch Laravel News: Laracon Giveaway PHP: Hypertext Preprocessor: PHP 7.2.20 Released Derick Rethans: PHP Internals News: Episode 17: Numeric Literal Separator matt glaman - php, mysql, jquery, css, drupal developer: Using ReactPHP to run Drupal tasks Derick Rethans: Xdebug Update: June 2019 Laravel News: Building a Vue SPA With Laravel Part 6

We introduce you to some useful WordPress Gutenberg Block Editor features that will get your content-crafting projects done in record time. The post Tips to Help You Power Through Projects with the WordPress Gutenberg Block Editor appeared first on Speckyboy Design Magazine.

The Laravel News site is back with the latest part in their series covering the combination of Laravel and Vue.js to create a basic application. In this latest part (part 3) they continue from the previous tutorials and show how to pull in real data versus the fake data from before. We will continue building our Vue SPA with Laravel by showing you how to load asynchronous data before the vue-router enters a route. We left off in Building a Vue SPA With Laravel Part 2 finishing a UsersIndex Vue component which loads users from an API asynchronously. We skimped on building a real API backed by the database and opted for fake data in the API response from Laravel's factory() method. If you haven't read Part 1 and Part 2 of building a Vue SPA with Laravel, I suggest you start with those posts first and then come back. I'll be waiting for you! In this tutorial, we are also going to swap out our fake /users endpoint with a real one powered by a database. They get immediately back to the code, creating a "user" table seeder to generate randomized data and adding it for execution. Next, they switch to the database side, creating the MySQL database for the user data and running the seeding to create the users. The tutorial then shows the creation of the Users controller and what the resulting JSON will look like when pulling all users. Finally, it moves out to the client side and shows how to pull in the data pre-load and push the user details into a template to be rendered.

To get that out of the way upfront: Assembla does not refer to the similarly named programming language, but still is important for designers and developers alike. If you run a web design and development business and work with diverse clientele, or manage a team of web developers working across projects, you must already be aware of the importance of proper collaboration. In the absence of collaboration among members of the development team, the quality of output will suffer manifolds. Of course, several tools exist to help you collaborate with your team: we have Git, Dropbox, task management apps, and what not! However, what if you need something that serves as an umbrella service, ensuring tight integration with other services, and helping you boost your workflow and relationship with your clients? Allow me to introduce you to one such service: Assembla. What is Assembla? In simple words, Assembla is a set of SaaS tools meant for web development teams that work in the cloud (which refers to virtually every web development team nowadays). On the one hand, Assembla lets you host and manage your client projects in one place, wherein you can invite your team members to work on it […]* You might also be interested in the following articlesStack: New Kanban Boards Task- and Projectmanager by BugherdPantheon: The Next Dimension of WordPress and Drupal Hosting and…BamBam! The One and Only Collaboration-Tool for People who Really NeedHojoki: The (no longer) Missing Link Between Your Cloud AppsBugHerd: Lean & Clean Task- and Bug-Management for Web-ProjectsWaypoints.io: Collaborative Tumblr for Your Projects

Unless you’re working from a short list, trying to find the best website or page builder can take lots of time. There are plenty of “almost but not quite what... The post Top Website and Page Building Tools of 2018 appeared first on Speckyboy Web Design Magazine.

If you're looking to take your HR's up to the next level, you'll want to check out this collection of CSS-styled dividers that go well beyond the default. The post 8 Horizontal Rules and Dividers Enhanced with CSS appeared first on Speckyboy Design Magazine.

Toggle switches may not be the most noticeable UI elements in a form, but they've arguably done more to spice up a mundane task than anything else. Before toggles came... The post 8 Tip-Top Toggle Switch CSS Snippets appeared first on Speckyboy Web Design Magazine.