The essential news about content management systems and mobile technology. Powered by Perfect Publisher and XT Search for Algolia.
The News Site publishes posts to the following channels: Facebook, Instagram, Twitter, Telegram, Web Push, Tumblr, and Blogger.
Read more https://groups.google.com/d/msg/frameworkonframework/Q56mDO6LwMw/8b87fN3tedUJ
Today we're stoked to introduce the brand spanking new Ratchet 2.0. The mobile-only framework for building mobile apps with HTML, CSS, and JavaScript has been overhauled with new features, documentation, and a brand new home.
First, you're not crazy—Ratchet has moved! It's now a part of the Bootstrap organization on GitHub. Ratchet 2 was lovingly crafted by @connors, a good friend to Bootstrap's creators. Given our collaboration in person and the ideas we have for the future of both frameworks, it makes perfect sense.
Second, the Ratchet docs have a new look!
Things should seem pretty familiar, but we've added a bunch of new content and some key new features. Chief among them are the ability to show Ratchet on an iPhone and Android and three awesome examples to show it all off.
See them in action on your phone:
Feel free to download, remix, and extend these example apps—they're all part of the new Ratchet docs.
We've got tons of new and improved features for Ratchet. Here's the rundown:
It's a huge release that's been a long time coming. Head to the new Ratchet docs to check it all out in person, and be sure to view those new examples from your favorite iOS or Android phone.
Looking for Ratchet v1.x docs? No problem—we're hosting those at https://goratchet.com/1.0.2/.
Ratchet 2 is available today for download from GitHub.
Be sure to check out the GitHub milestone to see a more complete changelog of what's new.
Just like Bootstrap releases, up next for Ratchet will be documentation improvements and bug fixes as feedback rolls in. Without commiting to a date, we also want to add support for iPad and Android tablets.
As always, if you find a bug or want to suggest a feature, just open an issue or a pull request on GitHub.
<3,
Read more https://blog.getbootstrap.com/2014/02/25/ratchet-2/
We are so hAppy to announce Appy, the new Joomla! theme by one of our partners, ThemeXpert. Not only it's an awesome and trendy theme, it also supports EasySocial, EasyBlog and EasyDiscuss. For EasyBlog, EasySocial and EasyDiscuss users, you now have another choice of theme to add up to your library. The best part is that Appy comes with 12 preset colour style on both light and dark. This means that applying it on your site would be easy, without having to worry about light/dark themes. You want it to be blue on your dark EasySocial theme? Easy! Just a simple colour switch and your site's facelift process is complete.
Appy on EasySocial.
Before we proceed, you might think "What is EasySocial?". EasySocial have the magical power to change your Joomla! site into an awesome social networking site and helps you to build a community. To learn about it, check out EasySocial's page here.
Now, moving on, we've expected the theme to be good but we didn't expect it to be THIS good. As shown in the screenshot, Appy fits in perfectly with EasySocial's light blue theme. We do not see any inconsistency and/or missing features. However, we were thinking that perhaps we might need to test out Appy's dark theme. So off we go, checking it out on a dark theme. The results?
Appy applied on EasyBlog.
The result baffles us. Appy on EasyBlog with the Blue/Dark theme used. How awesome is this? The team worked their magic on the theme so that it blends very well with EasyBlog; you don't have to worry about issues such as unwanted patchy layouts. For EasyBlog, you can get infos on it via EasyBlog's page here.
Appy applied on EasyDiscuss.
A simple flick and Appy magically blends in with the light theme of EasyDiscuss. As we can see, the theme fits in perfectly with EasyDiscuss's light theme. There are no missing features and/or inconsistency. While you're bathe in it's beauty, you might want to check out EasyDiscuss here.
Appy also features elastic, scrolling header. Your site's visitor no longer have to scroll back up just to click on the links and/or buttons. Appy ensures that the header follows the scroll beautifully and smoothly. Your Joomla!'s social site will give out a professional looks without losing it's awesomeness. Should you use this theme on your Joomla!'s blogging site, your blog will get a better facelift that your visitors will think twice, or thrice, before leaving your site.
I believe that's enough rambling from me. You can check out more about Appy or purchase it by visiting ThemeXpert's site or you can immediately check out Appy's demo site here.
Get Appy with discount up to 30%!
During the time that I wrote this blog post, I was informed that the ThemeXpert's team are being generous; they are offering a discount up to 30% on Appy. To get more info, kindly visit their blog post here.
As you can get from the tone of this entry, the Stack Ideas's team are very hAPPY with the release of this theme. :)...
Read more https://stackideas.com/blog/appy-day-for-easyblog-easydiscuss-and-easysocial
Matter.js (GitHub: liabru / matter-js, License: MIT) by Liam Brummitt is a stable and flexible rigid body physics engine for browsers. The author describes it as an alpha project that came about as a result of learning game programming.
If you’re interested in reading more about physics for game programming, Liam has collected some useful resources in Game physics for beginners.
Matter.js uses time-corrected Verlet integration, adaptive grid broad-phase detection, AABB mid-phase detection, SAT narrow-phase detection, and other algorithms for managing collisions and physical simulation. More well-known engines like Box2D support these features, but if you take a look at the some of the classes Liam has written then you’ll see how clean and readable his version is.
I’ve been looking at the source to see how to use it, and the API seems friendly to me:
var Bodies = Matter.Bodies;
var Engine = Matter.Engine;
var engine = Engine.create(container, options);
var World = Matter.World;
World.addBody(engine.world, Bodies.rectangle(300, 180, 700, 20, { isStatic: true, angle: Math.PI * 0.06 }));
World.addBody(enigne.world, Bodies.rectangle(300, 70, 40, 40, { friction: 0.001 }));
The demo is cool, so try it out if you want to experiment!
Read more https://feedproxy.google.com/~r/dailyjs/~3/JW-0FexrWlk/matterjs
We are back with another exciting list of some awesome CSS/HTML tutorials for our readers. Yes, for you.
Have a look at these tutorials below to learn some new tricks or get them applied on your website.
In case you have missed the previous list of tutorials, you can view it here.[1]
Create a cool animated banner with just CSS and no flash.
View Tutorial | Apply this on your Website[2][3]
Create a wonderful gallery with smooth fading effects along the primary diagonal of the screen.
View Tutorial | Apply this on your Website[4][5]
Create a beautiful tooltip menu with hovering effects using CSS.
View Tutorial | Apply this on your Website[6][7]
Create a drop down menu with a search box with the help of this tutorial.
View Tutorial | Apply this on your Website[8][9]
Create an animated ringing bell which repeats it’s ringing animation every 8 seconds for an infinite time.
View Tutorial | Apply this on your Website[10][11]
Create some amazing hover effects on circular elements with the help of this tutorial.
View Tutorial | Apply this on your Website[12][13]
Create a mega drop down menu like the ones featured on popular eCommerce stores, with the help of this tutorial.
View Tutorial | Apply this on your Website[14][15]
Create some chunky 3D buttons with CSS and this tutorial.
View Tutorial | Apply this on your Website[16][17]
Create a superb gallery with 3D lightbox effect on hovering with the help of this tutorial.
View Tutorial | Apply this on your Website[18][19]
Offer some cool zoom in dialogue boxes to your website visitors so that they can view certain important information easily, with the help of this tutorial.
View Tutorial | Apply this on your Website[20][21]
And that brings us to the end of this list. We hope that you have found this list useful. Watch out for more cool lists like this only on corePHP.
Read more https://www.corephp.com/blog/awesome-csshtml-tutorials-part-four/
Page 817 of 1311