Assassin's Creed Unite

The trailer of the latest Assassin's Creed game does not just feature one hero: its stages thousands of them. All created by the fans. Some lucky fans even got the surprise to find their avatars posted in the city.

by via Awwwards - Sites of the day

Social Auth For PHP Standalone Sites and Applications

Social Auth Plugin is the authentication and authorization solution based on social networks for web applications. Nowaday, almost internet users have at least one account on social networks (like Facebook, Twitter or Google Plus …). Therefore allowing users log in your applications/sites (apps) via social network accounts is not only help your users approach your apps easily but also help you reduce amount of work which is not necessary to focus on developing your apps. So now I introduce you a simple way to make a Social Auth plugin for your apps.

The post Social Auth For PHP Standalone Sites and Applications appeared first on jQuery Rain.

by Admin via jQuery Rain

jQuery Combobox plugin for Twitter Bootstrap

Combobox plugin for Twitter Bootstrap, based on dropdown (which is compatible down to IE7).

The post jQuery Combobox plugin for Twitter Bootstrap appeared first on jQuery Rain.

by Admin via jQuery Rain

9 Graphic Design Trends for 2015 - #infographic

To start the year right for people in the design and print industry, Cardprinting, a plastic card printing company in Monsey, New York, has come out with another infographic called "9 Graphic Design Trends for 2015". In keeping with their previous infographics, this one is also intended to be used as a reference: comprehensive and straightforward for the professional who needs a refresher, yet simple enough for the amateur who is looking to create for personal use.



Although there are a lot of elements that can make a great design, this infographic enumerates and describes the top 9 which are essential in achieving a look that is representative of the coming trends for this year. In 2015, flat design is in and is already used by big companies. Borrowing from Swiss, Minimalist, and Bauhaus, this design forsakes dimensionality and will most likely use bright pastel colors. In terms of layout, Grid, which celebrates geometry and precision, will be used on more and more websites,



The loud, funky and brightly colored elements, and short quirky slogans of Kpop, which has boomed during the past few years, will be the choice for embellishments, mixed with non-traditional, custom and handwritten fonts which will be the rage, thanks to the rise of free typekits like Google fonts.



Stock photos are out, and illustrations are in, as well as the use of single shades of solid colors. Both taking an inspiration from the past, seemingly opposite designs - the zany colorways and flowery classic detailing of paisley pop, and the heavily geometric pixel play will both be favored for this year.

Read more →

by Irfan Ahmad via Digital Information World

On Our Radar This Week: Bees with Machineguns

Welcome to On Our Radar, our weekly round-up of news, trends and other cool stuff from the world of web development.

Great user experiences

This week an interesting look is taken at the iOS interface and how we can benefit from using using motion for user experience on apps and websites. Apple have just posted the largest quarterly earnings in history, so they must be doing something right. On a similar global scale, Riot Games have been experimenting on users with League of Legends. Take a look inside the largest virtual psychology lab in the world and how they are using psychology to help their players behave themselves.

Withstanding "break the internet" events

Speaking of global, when PAPER Magazine published Kim Kardishian's rear end they knew their servers were going to take a hammering. Here's a safe for work look at how PAPER Magazine’s web engineers scaled their back-end for Kim Kardashian where they made good use of Bees with machineguns, a utility for arming (creating) many bees (micro EC2 instances) to attack (load test) targets (web applications). Other site owners are also starting to fear China as their great firewall sometimes mistakenly directs millions of users to their site, so here are good details on how to protect your site from too much traffic. Microsoft is getting ready to replace Internet Explorer soon too. Take a look inside Microsoft’s new rendering engine for the Project Spartan. Also in development is Vivaldi - a new web browser from a developer of Opera that claims to be highly flexible and puts the user first.

Developing an eye to the future

Helping with your workflow this week we have Git workflows for pros: a good Git guide that gives good details on how branching works with do's and don'ts to be watchful for. Some developers have been having careful thoughts about frameworks lately too. John has an an opinionated guide to React.js, best practices and conventions. James has an unconventional review of ReactJS that comes out pretty positive, but his more recent an unconventional review of AngularJS more controversially recommends to avoid it. One of their developers left several months ago, and can now introduce Aurelia that uses ES6/ES7 features transpiled and polyfilled to work with today's evergreen browsers and is even working well on IE9.

Opinionated CSS fun

Another opinionated piece is on should the W3C and WHATWG die. Fortunately some solutions are being found, such as how to center and crop images with a single line of CSS and giving help with negative margin spacing troubleshooting. Having more fun with CSS we came across an excellent guide to compositing And blending In CSS, and Chris is having Fun with line-height!.

Cool stuff

Lastly for this week we have elevator saga the elevator programming game, and a video on the new Tesla car has a button called 'Insane Mode' - see what happens when you press it!

---

Which links caught your attention? Do you want to use Bees with Machineguns to hammer on anything? Are you thinking of jumping ship from AngularJS too, or want to get involved in the opinionated discussions? And isn't the Tesla insane?! Whichever takes your interest, we would love to hear your thoughts.

Continue reading %On Our Radar This Week: Bees with Machineguns%

by Paul Wilkins via SitePoint

Swift from Scratch: An Introduction to Classes and Structures

Optimizing Your Images for WordPress

Once upon a time, about 20 years ago, there was Mosaic. Mosaic is often credited with starting the World Wide Web as we know it today. It was the first browser that allowed images to be displayed inline with text, rather than having a separate window popup for each image. Although it wasn’t the first graphical browser, it caught on with the wider public.

Back then colour screens with 256 colours were relatively new, and we were all on dial-up Internet, the aim was to get your images to download, full stop. How they looked was secondary.

Fast-forward to today and things are very different. As people buy increasingly higher resolution screens, we need to make our images look great. On the other hand, Google would like your Web pages to load in one second, even on mobile devices. So how do you make your images look good and load fast? In this article, we're going to cover the basics of optimizing your images for WordPress.

Is an Image Really Required?

Of course the first question you should ask is do you really need an image when text, symbols, and simple logos can be replaced with web fonts and other CSS effects that can possibly do the job better, faster, and in a responsive way. Any text element such as banners and buttons that are created from images should be replaced with non-image formats. However, if you need to use an image read on.

Raster Versus Vector

Raster images are made up of a grid of a fixed number of pixels. They don’t scale well, and enlarging the image will result in jaggies and pixelation as the grid pattern becomes visible. Images created in a digital camera and programs such as Adobe Photoshop are raster images. The image quality setting will determine the size of the saved file. This could be as large as 7360 x 4912 pixels with a high end SLR camera; such an image would be well over 36MB in size. Clearly this is way larger than required for WordPress use.

Continue reading %Optimizing Your Images for WordPress%

by Andrew Renaut via SitePoint