Free PHPFree PHP scripts classes and info

Top 15 Tools and Resources for Web Designers and Agencies Sponsored

Design trends come and go. This makes it imperative for web designers and design agencies to keep a close watch. They need to know the tools and resources they’re using to make certain everything is up to date.

Your tools and resources might appear to be keeping up with changing technologies. Yet, improved tools and more suitable resources keep popping up. So many, in fact, that it can at times become downright annoying trying to decide which tools to keep. and which to replace with something newer.

We can’t stop the flood of new tools and improved resources, nor would we want to. We can, however, make life a little easier for you. We are recommending several of the best tools, apps, and resources out there.

Elementor

Elementor is the ultimate & free WordPress page builder. With over 2M active installs, it’s the most advanced drag & drop editor out there, used by professionals worldwide to create high-end designs in no time, without coding. Elementor comes with many built-in widgets to help you quickly build any part of your website: images, text, sliders, icons, testimonials, social media, animation and more.

Elementor works perfectly with almost any theme and plugin and will not slow down your existing website. You can start from a blank canvas or choose from over one hundred pre-designed templates that can be inserted to any page. The Pro version comes with super cool features like pop-ups, forms and theme builder which lets you design the header, footer and archive pages of your site.

AND CO from Fiverr

The average freelancer spends almost one day per week on non-billable work—like invoices, expenses, tracking payments, and following up clients whenever a payment is overdue. But when you’re paid for your expertise, time really is money. If you can save time by automating the running your business, you can spend more time doing the work that puts money in your pocket.

That’s where an invoicing software like AND CO from Fiverr comes in. AND CO automatically generates invoices based on your contracts, proposals, and time tracking—all of which are available in the one platform.

Get reminders when it’s time to invoice again, receive alerts when your client views your invoice, and accept online payments directly through your personal PayMe page. Set up recurring invoices so you can invoice clients with subscriptions without lifting a finger.

Say goodbye to manual invoicing. With AND CO, you don’t need to spend more than 20 seconds sending an invoice, so you’ll have more time to do the work you love.

Houzez

Houzez has been on the market for some time and has gained a solid reputation for providing realtors and real estate agencies with the tools they need to conduct business, both in the office and while on the go.

Advanced property search features, listings options, and Houzez’ property management system are user’s favorites, along with the fact that Houzez is drag and drop based which makes modification and customization easy.

Just when it was beginning to look like everything a user needed had already been invented and installed, the Houzez design team came up with a host of new features. While there are too many to list here, a Custom Fields Builder, multi-currency features, multiple show scheduling and luxury home show scheduling, listings sort options, and a variety of property display gallery formats are among the new features.

Uncode

This powerful, user-friendly creative multiuse theme has all the functionality needed to create a breathtaking portfolio to showcase your work in a few brief hours. With Uncode, there’s no need to worry about coding, nor do you need to start from scratch.

The best way to see what Uncode can do for you is to browse their collection of user-created websites. You’ll be impressed and inspired by what you see.

TheGem – Creative Multi-Purpose High-Performance WordPress Theme

TheGem was designed and developed to be the ultimate toolbox of web design styles, features and elements, and its authors appear to have hit it right on the mark. With TheGem you won’t waste time coding. You can spend that time exploring your creativity.

This flexible website building tool features an abundance of multi-purpose design concepts, flexible page layouts, demo pages, and includes a multitude of ready-to-go WooCommerce stores!

Amelia

This user-friendly and powerful plugin was designed and developed for businesses that rely heavily on accepting and managing client and customer appointments and bookings. Everything is automatic and everything is done online (human intervention is of course allowed).

Amelia will make appointments 24/7, match customer requests to employee availability, manage changes and cancellations, send reminders, and collect payments. For the less than a year, Amelia has 2000+ active users and 4.8+ user rating.

Mobirise

Some web designers prefer online builders, and some prefer offline builders. If you belong to the latter group, you’ll love the way Mobirise gives you total control over your projects. Drag and drop only means that you won’t have to concern yourself with coding.

Since Mobirise is based on Bootstrap4 or Google AMP, your websites and apps will be super-fast and 100% mobile friendly. Mobirise is free for both personal and commercial uses.

wpDataTables

There are over 21,000+ users out there who won’t hesitate to tell you they’ve found the best all-in-one solution for working with large amounts of data and presenting it in colorful, informative, and editable tables and charts.

With the wpDataTables plugin, you can manage thousands or even millions of rows of data in seconds; including MySQL, MS SQL, and PostgreSQL database queries. wpDataTables integrates with the leading form builder plugins.

Logic Hop – Personalized Marketing for WordPress

Any website that does a great job of delivering a message is almost certain to perform well. Statistics show that personalized messages based on visitors’ actions will do at least twice as well.

Logic Hop for WordPress makes it easy to personalize messages based on UTM codes, geolocation, on-site actions, and more. By using Logic Hop your clients will see higher conversions and have a better ROI. Make your clients happy with personalization.

Round Icons Bundle – 38,000 icons and illustrations

Roundicons’ Bundle places 38,000 premium royalty-free icons at your fingertips. They are yours to download for a one-time fee, and the number will just keep growing (the estimate is 10,000 new icons per year).

This icon bundle comes with a commercial use license. If you believe the world’s largest icon bundle would be a great resource to have, use coupon code “GETBIG” when you order for a 20% discount.

Goodie

With Goodie, end-clients can skip the usual design-build-launch steps and deal directly with the developers. If your small business in need of a website, or a web designer that’s particularly fussy about careful coding, all you need to do is give Goodie your design, and Goodie will to the rest.

Goodie will keep the lines of communication open to ensure you’ll get exactly what you want and expect.

8b Website Builder

8b is about as new as a website builder can be (January 2019 launch). It’s futuristic and super simple in its design, and it’s super simple to use. You’re not stuck on one computer platform either.

With 8b, you can do some of your website design at home or at work on your desktop, some on a laptop, and some on a mobile device when you’re out and about. Check 8b out while it’s still free.

Savah App

The Savah App is an advanced prototyping tool that gives you a powerful cross-company collaboration platform at the same time. Savah features a built-in design workflow and approval system, and it allows you to get visual feedback from team members and project stakeholders for all of your web and mobile app projects.

Affordable monthly paid plans are available, and you can also purchase an annual plan at a 30% discount.

WhatFontIs.com

You’ve come across the ideal font for use in your design. Problem is; you don’t know its name, so you don’t know how to search for it. When you’re facing a needle in a haystack situation, it’s time to call on an artificial intelligence system for help; which is precisely what www.WhatFontIs.com is all about.

Upload your mystery font image, and WhatFontIs will search its database of 550,000 commercial and free fonts and answer your query in seconds.

HelpJet

HelpJet translates to lightning fast customer service. HelpJet gives you a self-service knowledge base you can install that’s designed to drastically reduce the number of customer support tickets and customer wait times while helping you keep your support team small in size.

The HelpJet knowledge base has the answers to the most common questions, or answers to any questions you care to input. No coding is required.

Conclusion

15 great tools and resources. You obviously don’t need them all. Even one could make your day and transform a good website design into something awesome.

Whichever tools or resources you choose; you can rest assured they follow the latest design trends. They will keep you up with or ahead of the pack.

The post Top 15 Tools and Resources for Web Designers and Agencies <span class="sponsored_text">Sponsored</span> appeared first on Speckyboy Design Magazine.

My Bref Makefile

In order to use Bref efficiently, I've developed a Makefile so that I don't have to remember all the various commands required. In particular, looking up the correct parameters to sam package & sam deploy is a pain and it's much easier to type make deploy and it all works as I expect.

It looks like this:

Makefile:

# vim: noexpandtab tabstop=4 filetype=make
.PHONY: list invoke invoke-local deploy outputs lastlog clean clean-all setup

REGION := eu-west-2
PROJECT_NAME := hello-world
UNIQUE_KEY := 1557903576

BUCKET_NAME := $(PROJECT_NAME)-$(UNIQUE_KEY)-brefapp
STACK_NAME := $(PROJECT_NAME)-$(UNIQUE_KEY)-brefapp

# default function to invoke. To override: make invoke FUNCTION=foo
FUNCTION ?= my-function

list:
	@$(MAKE) -pRrq -f $(lastword $(MAKEFILE_LIST)) : 2>/dev/null | awk -v RS= -F: '/^# File/,/^# Finished Make data base/ {if ($$1 !~ "^[#.]") {print $$1}}' | sort | egrep -v -e '^[^[:alnum:]]' -e '^$@$$'

invoke:
	vendor/bin/bref --region=$(REGION) invoke $(FUNCTION)

invoke-local:
	sam local invoke $(FUNCTION) --no-event

deploy:
	sam package \
		--region $(REGION) \
		--template-file template.yaml \
		--output-template-file .stack-template.yaml \
		--s3-bucket $(BUCKET_NAME)
	-sam deploy \
		--region $(REGION) \
		--template-file .stack-template.yaml \
		--stack-name $(STACK_NAME) \
		 --capabilities CAPABILITY_IAM
	vendor/bin/bref deployment --region $(REGION) $(STACK_NAME)

outputs:
	aws --region $(REGION) cloudformation describe-stacks --stack-name $(STACK_NAME) | jq '.Stacks[0]["Outputs"]'

lastlog:
	sam logs --region $(REGION) --name $(FUNCTION)

geterror:
	vendor/bin/bref deployment --region $(REGION) $(STACK_NAME)

clean:
	aws --region $(REGION) cloudformation delete-stack --stack-name $(STACK_NAME)

clean-all: clean
	aws --region $(REGION) s3 rb s3://$(BUCKET_NAME) --force

setup:
	aws --region $(REGION) s3 mb s3://$(BUCKET_NAME)

There's three variables that I need to set at the top:

• REGION – The AWS region. This has to match the Bref layer used in template.yaml.
• PROJECT_NAME – The name of the project. This is used as part of the S3 bucket and CloudFormation stack names
• UNIQUE_KEY – A random string to ensure uniqueness for bucket and stack names. I tend to use the current time to the ms, but any string.

I've included a full-cycle set of targets so make setup will create the initial S3 bucket that's required for the project and then make deploy is used to deploy my project.

If I want to start again, make clean will remove the CloudFormation stack and make clean-all will remove the stack and the bucket.

I've also included a few utility targets:

• make invoke FUNCTION=foo invokes the function foo on AWS.
• make invoke-local FUNCTION=foo invokes the function foo on sam-local.
• make outputs displays the outputs of the CloudFormation stack. This is useful for picking up the API Gateway URL for instance, if you set it up in your template.yaml.
• make lastlog FUNCTION=foo displays the logs for the last invocation of the function foo.

Parameters for template.yaml

I pass the PROJECT_NAME and UNIQUE_KEY through to the template as the parameters ProjectName and UniqueKey respectively. These are then set in the Parameters section of the template:

template.yaml:

Parameters:
    ProjectName:
        Type: String
    UniqueKey:
        Type: String

I then use them in the template when I need uniqueness, such as when creating an S3 bucket:

template.yaml:

Resources:
    ImagesBucket:
        Type: AWS::S3::Bucket
        Properties:
            BucketName: !Join [ '-', [!Ref "ProjectName", !Ref "UniqueKey", "files" ] ]

Which creates a bucket named "hello-world-1557903576-files" which nicely complements "hello-world-1557903576-brefapp".

Sorting select fields in EasyAdminBundle

I'm currently working on an application using Symfony and their EasyAdminBundle. The experience has been great overall, although there are lots of details and specific usecases that are hard to figure out.

For instance when using relations in your entities and creating the related forms. Select fields for related entities are by default sorted by the key (usually the ID of the related entity), however you'd usually want to sort it alphabetically by the name of the entity. My initial thought was to use the @OrderBy annotation, however that only works for the actual OneToMany relations on the other side of the relation, not on the selectbox for the ManyToOne side of the relation. So that was quickly discarded.

Next up I found that you can do it in Symfony by specifying a query_builder parameter to your form configuration. The downside here is that by default, EasyAdminBundle works with a yaml configuration for your form so that makes it a lot harder to do this. I could do this in an extended AdminController, but that would mess with my form field order.

Eventually, however, I found this comment on Github that gave me the solution. Instead of specifying an anonymous function, you can also specify a static method to be called to fetch the values. And so, my solution was now easily implemented.

In my YAML file, I could now specify the query_builder parameter:

- { property: supplier, label: 'Leverancier', type_options: { 'query_builder': 'App\Repository\SupplierRepository::getSuppliersForSelect' } }

In said repository, I added the specified static method:

    static public function getSuppliersForSelect(EntityRepository $entityRepository)
    {
        return $entityRepository
            ->createQueryBuilder('s')
            ->orderBy('s.name', 'ASC');
    }

and now my select field has a nicely alphabetically sorted list of suppliers.

10 Free Online Education Landing Page Templates (AI & EPS)

Today, we have for you a fantastic collection of landing page templates for creating online education websites. Each of the ten templates comes with a unique education-related illustration, a beautifully flat color scheme, and all of the templates have been designed with simplicity in mind so are all perfect for modern web design.

The templates come in both AI and EPS formats, and you can, of course, use them in your personal and commercial projects. These templates have been designed by our friends at Freepik. Scroll down for the free download button.

Online Education Landing Page Templates Preview

Download & License

Download the Free Online Education Landing Page Templates

You are free to use these free landing page templates in both your personal and commercial projects.

The post 10 Free Online Education Landing Page Templates (AI & EPS) appeared first on Speckyboy Design Magazine.

Webslesson: Ajax Form Validation in Codeigniter with JSON

If you not know how to validate form data by using Codeigniter Form validation library by using Ajax and receive response in JSON data type. In this post you can find Form validation in Codeignter by using Ajax jQuery and JSON. For learn Codeigniter Form Validation library with Ajax, here we will ma...

thisDaveJ: Three Ways to Build Dynamic Web APIs using PHP

In this article, we learn how to build dynamic Web APIs using PHP. Why PHP? PHP is a very popular programming language used for rendering server-side web pages and is included as a standard option with many web hosting providers including HostGator (my provider). I had a need to generate simulated o...

symfony Project Blog: Copy code from symfony.com examples

Improving your productivity as developer is one of our main obsessions. That's why we work so hard on improving DX (developer experience), reword the error messages until they are crystal clear, improve the performance of the development environment and continue adding features to MakerBundle. W...

Technical Thoughts, Tutorials, and Musings: PSR-14: Example – layered caching

PSR-14: Example - layered caching

        So far we've looked at a number of complete, practical examples of using PSR-14 Events in various ways, both conventional and unconventional.  In our final (probably) installment, I want to offer a highly unconventional but still practical use of PSR-...