Get to know some of Santa helpers and send Christmas wishes with a Christmas Hero of your choice!
by via Awwwards - Sites of the day
"Mr Branding" is a blog based on RSS for everything related to website branding and website design, it collects its posts from many sites in order to facilitate the updating to the latest technology.
To suggest any source, please contact me: Taha.baba@consultant.com
The Unite Gallery is multipurpose javascript gallery based on jquery library. It’s built with a modular technique with a lot of accent of ease of use and customization. It’s very easy to customize the gallery, changing it’s skin via css, and even writing your own theme.
Features:
The post Unite Gallery : Responsive jQuery Gallery Plugin appeared first on jQuery Rain.
NoFi, for when there’s no WiFi. Uses the native HTML5 API to detect if a user’s internet goes offline and emits a custom offline
event for your callbacks.
The post NoFi : Detecting offline States with HTML5 appeared first on jQuery Rain.
When you want to grow your business one of the personnel options you have is to hire freelancers. Of course, it’s not only during growth when you can use the freelance workforce, there are many benefits for companies of all shapes and sizes. In fact, many companies of almost any size use the freelance workforce.
In this article I will brief you on the pros and cons of working with freelancers, as well as tips and tricks how to find them and what to look for. In a later article I will share my tips for effective communication with freelancers and I’ll share it here.
Continue reading %The Pros and Cons of Working with Freelancers%
Since 1999, Hydralfor provides integrated industrial equipment solutions. Our team works upstream to help its customers to define their needs, to propose products and services adapted to their context and to provide results beyond their requirements
A minimal agency portfolio site crafted with love.
The power of dreams is the core of our philosophy. Because You Can Change the World, You Have the Ability, You Have the Opportunity. Dream Yourself!
Inspired by this retro spirit, Belle Epoque creates unique digital products. Hand-crafted, custom made, passion for the web: these few words summarize the spirit of Belle Epoque.
To be completely honest, I find Git to be a dry subject. But a version control system is essential to a modern dev workflow so I had to learn it. Any good VCS is fine but Git seems to be the most popular. So I went with Git.
What made learning Git easier for me were web-based interactive tutorials and online courses. They made the task more fun and engaging, which in turn made it less tempting to give up on. Plus they didn’t require me to install and configure Git on my computer, so I was able to explore and experiment right away.
Here’s a list of three free interactive tutorials that can help you learn Git. They are organized in order of difficulty, and I suggest using them sequentially from top to bottom.
Developers who use the following tutorials should be able to get their Git knowledge up to an adequate level.
Try Git is an interactive tutorial that’s an excellent intro for first-time Git users. It goes over essential Git commands — the stuff you’ll likely use day-to-day — such as creating a Git repository, committing changes and working with remotes.
It’s a lightning-fast crash course designed to be completed in 15 minutes.
Git Real is an interactive online course on Code School. It has video instructions and provides hands-on interactive challenges.
Only the first level of the Git Real course (aptly named "Introduction") is free, but the level covers the key things you’d want to know about Git. Think of this level as a more detailed overview of Git compared to Try Git.
What I like about the entire Git Real course is it’s focused on things we’ll likely use during web development.
For me, the toughest Git concepts to understand are the source tree, source-tree traversal and branching. This web-based interactive Git tutorial helped me tremendously.
Learn Git Branching is divided into five parts that increase in difficulty, and each part has two to five modules in it.
The following advice comes from someone who’s had to teach himself Git from scratch, up to a practical level of mastery.
It’s tempting to use a graphical user interface, and there’s nothing wrong with using a GUI later on to speed things up. And, as a visual person, I avoid command line interfaces as much as possible.
But learning Git through a CLI really helped me understand Git’s abstract concepts because I didn’t have any visual crutches to rely on (e.g. source tree diagrams).
Using a CLI is more challenging, and that’s a good thing because it forces us to slow down and truly absorb the material.
Also, getting comfortable with CLIs will help you later on when using other open source web components like CSS preprocessors, Node, Bower, Grunt and so forth.
Anything worth doing, is worth doing right.
Most people with a programming background will be able to complete these interactive Git tutorials in a couple of days, and will have ample time to review and redo the trickier sections.
If you’re new to web development and programming, it might take longer, and you might need to read other Git tutorials outside the ones mentioned here to fill in any gaps. But I believe that’s OK because you’ll be learning a valuable skill that will save you time in the long run. Knowing how to use Git can also unlock new career opportunities, or at least give you an edge over candidates who aren’t familiar with version control systems.
Looking at learning Git as an investment in yourself is motivating.
Use Git in an ongoing dev project or the next available opportunity so you can instantly reap the rewards of your investment. Doing so will encourage you to move forward with Git, and give you the opportunity to practice the things you’ve learned.
Other things you can do right away:
Jacob Gube is the founder of Six Revisions and a front-end web developer. Join him on Twitter @sixrevisions and Facebook.
The post Interactive Git Tutorials appeared first on Six Revisions.
Side panel slider plugin (jQuery) that also slides page (inspired on medium).
Features:
The post jQuery Side panel slider plugin appeared first on jQuery Rain.
A jQuery plugin that shows a user feed from the most popular social networks.
The post Social-feed.js : jQuery Social Feed Plugin appeared first on jQuery Rain.
Yellow code is jQuery plugin for 2-way data binding.
It's taken long enough, but big media players have started to use the unique advantages of the web to create emotional visual experiences within long-form articles and content. What started with Snow Fall by the New York Times in 2012 has proliferated since then. Storytelling has become more intimate and visual.
Setting up a good front-end architecture is a fundamental step to start developing a web app or a website. Good practices and coding conventions are essential, but what about the structure? How can we conceive a good architecture that is maintainable in time? But most of all, where should we start from?
When I started thinking about the problem, I realized I needed a couple of things:
Nowadays we have a lot of cool tools that can help us in a modern front-end developing workflow. So, in facing points 1 and 2 I told myself I needed a breakpoint-based CSS architecture that could help me support different devices and desktop sizes. On the other hand, I also knew that such huge amount of CSS and files could be a bit messy (and so incompatible with point 3.), that's why I decided to start using a CSS preprocessor (which was Sass with Compass in my case).
And what about the point 4? The answer was easy: I decided to use Gruntjs. Finally, what about point 5? Even in that case, the answer was there: Yeoman, the best solution in my opinion.
Every front-end project always includes libraries, jQuery plugins, and a lot of JavaScript and CSS files (or SCSS files in this case) for different purposes and aims. Blending all those elements means working with different technologies and putting them together means setting up a good front-end workflow. We would find ourselves having to manage a huge workflow that involves different technologies. That's why having everything organized in folders, following a pattern or a convention in order to keep things clear and neat, is really important.
We can choose to split all fundamental front-end components in macro-groups, such as the following:
Can we we split them in smaller groups? Of course we can:
In a templating based architecture (for example using blade.php or jade with nodejs) we can also split views as follows:
Continue reading %A Good Front-End Architecture%
At the beginning of 2013 I published 10 Web Predictions for 2013. I played it safe and scored a Nostradamus-like seven out of ten. My 10 Web Predictions for 2014 were a little more adventurous -- let's see how they fared…
Continue reading %10 Web Predictions for 2014: The Results!%
A push notification is an alert that pops up on a user’s device, notifying them of something they may want to pay attention to in an app. This could be a message from another user, reminder, timely offer, or an announcement about recently added content or features.
Used wisely, push notifications are one of the best methods to drive app engagement and continued use. Leveraging push can mean the difference between someone forgetting they installed your app to keeping it used consistently.
Abusing push can have the opposite effect. Broadcast too often or send messages that lack relevance or value and you’ll turn users off, leading to uninstalls.
This guide highlights some of the recent push innovations you should be considering for your apps, presents some best practices, and closes with resources and providers to keep in mind when working with push.
Continue reading %Pushing Push – Have Notifications Come of Age?%
The mobile service provider Bouygues Telecom has shifted its technological gears by integrating Android into its new Bbox Miami, which means that embedded applications, Google\’s web browser, and other Web componants are all headed straight to TV s
Quadro is a clean and Modern One Page HTML template. It is fully responsive for perfect view in smaller devices.
A DIGITAL CREATIVE AGENCY
Empresa de transporte coletivo rodoviário, que há mais de 50 anos trabalha para melhor servi-lo, oferecendo o que há de melhor e mais inovador no segmento de transporte rodoviário
Native Merchant Services provides businesses with fast, reliable, and cost-effective payment processing services.
SantaGo is another free Bootstrap Responsive HTML Christmas sales and affiliate page template built and distributed by EvenFly Team as a small Christmas gift under Creative Commons 3.0 license.
Flexible multislides with animation
Html5 Css3 Responsive Design Website
jQuery Browser Language is a jQuery plugin to get browser language setting. The plugin utilises a service which echoes back the HTTP request headers in JSONP.
Are you wondering what consumers expect from brands when it comes to social media? A serious of new reports answers this very question. Consumers have strong expectations for how brands use social channels. In this article, you’ll discover findings from studies to help you determine what consumers want to see from you on social media. [...]
This post New Social Media Research Shows What People Expect From Brands first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle
This jQuery plugin provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint.
Features:
The post jQuery Responsive Tabs appeared first on jQuery Rain.
In this quick tutorial we’re going to use jQuery and make a simple sticky navigation. With that done, we’ll improve on our efforts by using jQuery Waypoints to make the effect smoother.
The post jQuery Sticky Navigation with Smooth Effect appeared first on jQuery Rain.
The end of 2014 is in sight, and we’ve had a truly great year. Let’s do a yearly recap, see what we’ve done, and talk about the future – where we’re heading, how we’ll get there, and how you can help. But first, let’s welcome the new authors that have joined us these past couple […]
Continue reading %SitePoint PHP in 2015: Future Plans%
This article was sponsored by Tealium. Thanks for supporting the sponsors who make SitePoint possible!
In a previous article about tag management, I wrote about its advantages and gave advice on the best ways to put it to use. It seems like an obvious choice to use tag management to deploy and manage the various code snippets used by services like Google Analytics, Optimizely, Criteo and many others. Your IT department will more than appreciate the time they save on implementing code, and your marketing team will love the fact they can launch new revenue-generating campaigns without the hassle of going through tons of approval stages. It’s a win-win for both sides.
Continue reading %8 Reasons To Pay for an Enterprise Tag Management Solution%
The HTTP Archive Report collates information from almost half a million of the web's most popular websites. The latest figures indicate that average page weight has increased by 15% in one year to reach 1,953Kb -- a little under 2Mb -- and comprises 95 individual HTTP requests. While this is smaller than the 32% increase in 2013, it remains cause for concern. The report analyzes publicly-accessible content and shopping web sites rather than complex web applications and provides a breakdown of the technologies used:
technology | end 2013 | end 2014 | increase |
---|---|---|---|
HTML | 57Kb | 59Kb | +4% |
CSS | 46Kb | 57Kb | +24% |
JavaScript | 276Kb | 295Kb | +7% |
Images | 1,030Kb | 1,243Kb | +21% |
Flash | 87Kb | 76Kb | -13% |
Other | 205Kb | 223Kb | +9% |
Total | 1,701Kb | 1,953Kb | +15% |
Continue reading %Average Page Weight Increases 15% in 2014%
As 2014 comes to a close, I thought I'd take a quick look at what 2015 may offer in the land of Ruby. Much of how 2015 opens will, obviously, be based on the final words of 2014, so we'll start with some discussion of this year and try to extrapolate that into the future. Also, I am going to focus in on Ruby and Rails, more than anything else, mainly because it's what I know.
Continue reading %A Peek at Ruby in 2015%
Beauty UK Hrvatska high quality make-up and cosmetics brand.
Premium Book based eReader, Tablet & Mobile Covers, Stationery and Storage. Handmade in England.
The Typo-Graphy experiment dedicated to the greatest Charlie Haden – American 2 bass player
Random svg animation on every slide
Do you have what it takes to be a globetrotter? “Traveling The World”, created by KRDS for Air France, offers users an immersive world tour experience using the Google Street View Technology through 157 challenges on 40 destinations and 5 contine
The Calico Beard is a hair salon and independent mercantile in Kansas City MO.
Black Media is a professional web design and graphic design company from Hong Kong, we provide quality web design and graphic design services based on client’s requests and promptly respond to them efficiently. Our professional services range from g
At Welspun, we don’t just weave the best textiles in the world. We weave innovation with people to create stories.
Did you know new changes are coming to Facebook as of January 1, 2015? Want to know what it all means to marketers? If you’re like most people, you won’t want to sit down and compare line-by-line to find out the exact changes. That’s why we’ve done it for you. In this article I’ll share [...]
This post New Facebook Terms: What Marketers Need to Know first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle
When was the last time you looked at the words in your Twitter profile? Is your Twitter bio interesting? A little personality in your Twitter description makes you stand out from the masses and entices people to follow you. In this article you’ll discover how to share your personality to create a unique Twitter profile [...]
This post How to Make Your Twitter Profile Stand Out first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle
Google Maps Draw Module is a useful tool for web developers who want to build web apps for drawing on maps in the front end. It is based on modern tools such as Google API v3, jQuery, Javascript, Bootstrap, HTML5 and CSS3.
This module provides a responsive graphical interface to users for adding markers and drawing polygons, rectangles, polylines and circles in order to create maps online. Users are able to add/edit/delete objects on Google Maps. Also users can enter title and description for all objects they create.
The post Google Maps Draw Module with jQuery appeared first on jQuery Rain.
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
The post Vivus.js : JS library to make Drawing Animation on SVG appeared first on jQuery Rain.