Loan for a home in Austria

In Austria there are numerous dream houses and luxury villas that are available on the market.

Kreditaufnehmen für Haus in Österreich

Especially houses are currently in great demand and are in great demand. This is not least because prices for a property have gone down significantly in recent years. Of course, this trend will not last long and soon it will be again so that here sums have to be paid in a significantly higher position. But even if prices are low at the moment, money still determines the situation. Where no money is available, no house or even dream house will be realized. However, there is a way how to take advantage of this price location of houses yet.

Get a loan on favorable terms

Right now it makes sense to look for a cheap loan, because here you can observe a phenomenon of this time. The interest rates on a loan have gone down drastically, which is of course beneficial to the borrower in the first place. Many banks try to outbid each other every day to attract new customers. As a customer, of course, this is very pleasing, but also carries the risk that one decides too fast here. Because such a decision should be very well considered. Finally, you want to invest this sum in a house or even in a villa that should not fall at some point to the bank. For this reason, you should use a loan calculator to filter out the best deals.

Find the right provider via a loan calculator

 A loan calculator you not only get information about the loan and the interest itself. Many other factors are taken into account with. Such as the repayment possibilities. In what framework do these have to be carried out? Is there a balance to be paid or are all repayments going through one installment? Of course, these questions are crucial if you want to get a personal loan agreement. For a property, there are also some special rules. Of course, banks know that their real estate assets are covered by what they have at their disposal. After all, the house itself has a certain value, which of course must be taken into account. Again, this is crucial in finding a suitable funder. A loan calculator, for example on the Internet, can also take this into consideration. Here, however, as a customer to note that you usually have to activate this feature itself in addition. So it makes sense here to use a well-known and well-known computer in order to be able to make a comparison as simply and quickly as possible.

Numerous possibilities also in Austria

Whether real estate or a house, in Austria you will find the right objects for both points. Of course, as already described, money is a deciding factor. Once you have informed yourself about a calculator about the individual credit options, you should also contact the banks directly. It is ideal here if you find out in advance 3 favorites that according to the calculator provide the best deals. Now it is about personal interviews to be able to check on the one hand, of course, whether the respective bank really holds what you could read on the Internet. On the other hand, to be able to personally test whether the respective bank is really the right partner for your own endeavor. This refers specifically to the personal relationship or, in other words, the “chemistry”. If this is only conditionally or not at all present, it usually makes more sense to contact another partner here in order to avoid possible problems after conclusion of the contract. This is at least recommended.

Programmer life: salary and career opportunities

The work of the programmer (or developer , to put it “in English”) is certainly a profession with great prospects.

According to authoritative studies, in the coming years there will be a demand for programmers much wider than the offer: limited to Europe, in fact, it is estimated there will need about 900,000 new programmers by 2020. For this reason giants like Facebook and Microsoft are carrying out awareness campaigns for teaching the rudiments of programming already in school age.

As always, circumscribing the speech to our country, the prospects appear less rosy, this because in Italy there is a chronic refusal of modernity and, at the same time, a poor appreciation of the new digital professions (a recent article in Panorama spoke of a ” new working class “referring to digital professionals in Italy).

This attitude, of course, is also reflected on earnings: if a developer overseas can aspire to salaries of $ 100,000 a year, here we pay the salaries of programmers much more modest. If the comparison with the US market seems unrealistic, the comparison of the salaries of the German and French developers compared to the Italian ones is decidedly more realistic.
According to the figures circulating online, the average salary in Germany for a programmer with some years of experience is about 40,000 euros per year, while it would be about 35,000 in France. And in Italy? According to some surveys, the average salary of a developer in Italy is between 20,000 and 30,000 euros gross per year, most often with project contracts lasting a few years at most.

Better a Freelance career? It depends. In this regard I invite you to read this post and to do four counts with taxes and bureaucracy .

But what is the solution then? For many of our countrymen, the solution, unfortunately, is to emigrate in search of fortune . If the States have always represented the land of dreams for those who do our job, today the international labor market offers many other opportunities: the emerging economies (if you can still call them) offer interesting career opportunities, but without planning Transoceanic journeys can be aimed at destinations much more at hand: England and Switzerland, for example, can offer interesting and well-paid opportunities.

From the point of view of skills , at this moment, the most appealing are the sector of the development of apps for mobile devices (expanding sector) but there are huge opportunities also in the video game industry (there is a great demand for developers of videogames ) and the Internet (development of web applications especially in the cloud). In the years to come, the sectors of wearable technology (there will be a sea of ​​apps to be developed) and the Internet of Things (Internet Of Things) will prove to be very interesting.

The most requested subjects are, without a doubt, Java , Objective-C (for the Apple world) and NET Framework (Windows world). As far as the web-publishing sector is concerned, PHP is still the most requested language, followed by Phyton and Rails, which in recent years have been able to carve out an important part of the market.

If you aspire to a career as a programmer, then you know what you have to do: study a lot,  with the code from morning to night, learn languages ​​and buy a nice plane ticket. With a little ‘luck you can aspire to a good salary and a rewarding career. Who stays in Italy (as the undersigned) there is nothing but good luck!

4 PHP framework to choose from in 2018

A ” framework ” is a collection of code files (in most cases grouped into classes) that, based on a particular programming language, allows to extend its functionalities and provide the developer with a coherent, enhanced and effective structure with which to draw applications.

Within the PHP server-side programming language , we have an infinite number of excellent frameworks to choose from. We see four excellent products available in 2018 with which we can build solid Web applications based on this language.

1) Laravel

Laravel is most likely the currently most popular PHP framework. Known for its elegant syntax and its low learning curve with which it is generally a pleasure to work. With Laravel producing the usual server-side tasks such as user authentication, session management, caching and many others, it becomes drastically simpler. We can safely state that Laravel includes every feature required by a modern Web application written in PHP. In addition to its Core structure, Laravel can absolutely be extended by the developer, a feature that allowed the creation of excellent platforms, extensions and libraries by third-party development companies, such as the Amazon Web Services (AWS) that allows to produce super-scalable applications. Laravel has a huge and active commnunity: finding documentation, tutorials, snippets, tickets is a simple matter, as well as relying on the constant resolution of any errors and bugs.

2) Code Igniter

CodeIgniter is a legendary PHP framework, which uses the Model-View-Controller design pattern in a very simplified version, where the Model component is in fact optional. Code Igniter is a good choice for developers who have recently started writing PHP applications with moderate and advanced complexity. The learning curve of Code Igniter is probably the lowest of all PHP frameworks available on the square, just as the execution speed is distinguishable thanks to its very light footprint. Installing Code Igniter and producing a simple application set-up is a procedure that can take less than five minutes. Less modern than products like Laravel, but present in the heart of PHP developers for a long time.

3) Symfony

In terms of popularity, the battle between Laravel and Code Igniter is enhanced by a worthy challenger, Symfony . Highly flexible PHP framework, which allows both to use all the components of the entire framework and to build a bundle with the desired features (and their dependencies). Also in the case of Symfony we have a learning curve that is very low compared to products such as Zend Framework. Symfony includes a built-in testing unit that allows you to monitor your written applications by getting rid of the product in question. Simple, powerful, modular. Some of the super-products made thanks to the Symfony framwork are Drupal, phpBB and Joomla!, All undoubtedly high quality indicators.

4) Zend Framework

Zend is the development house of PHP, whose name derives from the merger of its two co-founders: Zeev and Andy. Zend Framework is therefore an “official” product produced by the same house as the PHP programming language. Entirely object-oriented, with a complete Model-View-Controller structure, Zend Framework is highly modular: its component-based nature makes it possible to produce packages that include only the features desired by the developer (among the many available).
Its learning curve is higher than that of previous products, but Zend Framework is a product of the highest quality, complete with every possible feauture, always based on the most recent versions of PHP and suitable especially for the most experienced and advanced developer. Creating an application with ZF requires a longer and more complicated set-up procedure than, for example, that of Code Igniter, and switching from one of the three frameworks mentioned above to ZF could intimidate many developers.

Micro Site. Much more than just a domain!

Creating a website is a fundamental step for anyone who wants to promote their business or brand online.

Register

But in some cases developing such a project could require a substantial commitment in terms of time, planning and investment.
This is why a service that allows you to create a free Internet site after registering a domain name could be the ideal solution for those who want to quickly build their presence on the Internet.

This service exists, is proposed by , takes the name of Micro Site and you can try it for a whole year , at no cost.

Adhering to the offer is particularly simple because it includes just four steps:

  1. a domain name is registered in case it has not already been done;
  2. Micro Site is activated for free by the service control panel;
  3. choose the most suitable template for your project and then insert contents of any type;
  4. finished! All that remains is to publish your own online website.

For those who need to create a particularly complex project, at any time it will be possible to move to a more complete configuration of the service and access various additional features.

Features of the service

Micro Site provides all the essential features to quickly create a website with a view to maximizing productivity. To effectively achieve this result, the service offers:

  • the possibility of being immediately online, thanks to the availability of a Drag & Drop editor with which to quickly position the contents within the pages, it will not be necessary to write any line of code;
  • a high level of flexibility, allowing you to add new pages and features at any time;
  • the opportunity to create an extremely personalized website, choosing between different templates and integrating the single page layout with texts, images and videos;
  • the guarantee of creating a responsive project, therefore optimized for all the devices most used in navigation such as smartphones, PCs and tablets.

Guaranteed performances

Another feature to be taken into account is certainly the loading speed , which is fundamental today given the widespread use of mobile connections on demand on the data line. Web sites that can be created with Micro Site are in fact designed to reduce waiting times to a minimum even if you surf with reduced bandwidth.

In this regard, Micro Site only generates websites optimized on the basis of Google PageSpeed guidelines, the set of tools made available by the Mountain View giant to measure the performance of an online project even at the performance level.

Everything for content management

Being able to use a Drag & Drop editor to manage page elements without having to deal with the code is an undoubted advantage for those who do not usually work with standard Web technologies. But Micro Site also offers a valuable support to creativity by providing:

  • a photogallery full of free images to choose from those best suited to your project;
  • the possibility of easily integrating videos taken from streaming platforms such as YouTube or Vimeo onto the website, thus increasing user involvement;
  • compatibility with all the most important feedback creation systems including MailChimp and Google Docs.

A free .it domain, all inclusive

In addition to the opportunity to test Micro Site for free for a year, also offers free registration for 12 months of a domain name with the extension “.it” .

The offer is dedicated to both companies and individuals, includes regional extensions (for example “.toscana.it”, for initials “.taa.it”) as well as provinces (“milano.it” or for initials “mi.it “) And for each registration you will have:

  • 3 2GB email boxes with antivirus and antispam accessible from both WebMail and email client;
  • a PEC (Certified Electronic Mail) box for professional communications;
  • unlimited web space with 3GB of monthly traffic, 1 FTP account and website access statistics;
  • unlimited subdomains , for e-commerce (“shop.miosito.it”), mobile (“m.miosito.it”) or any other project related to their online presence;
  • DNS management to independently configure the pointing of the Name Servers, all thanks to a panel with which to easily set the DNS Records;
  • customer support 7 days a week by phone, chat and email.

‘s proposal for free registration of “.it” domains saves € 35 including VAT, without counting the possibility of creating your own website at no cost with Micro Site.

The offer only concerns online purchases, is valid for one year from registration and is limited to 3 domains for each customer. For customers who join the Business Partner program, the limit is instead of 5 domains. The service will be automatically renewed at the list price if it is not deactivated from the control panel up to 30 days before the deadline.

Indexes of popularity of programming languages: Swift enters the top 10 TIOBE

The ranking that indicates the degree of popularity of the major programming languages ​​always gives interesting challenges and twists.

At the moment the language dedicated to developers of applications based on iOS, Swift (Apple’s home) has officially entered the top ten of the most used languages ​​in the world of computing, while Python has taken a few steps back, leaving the highly sought after top three.

This analysis derives from the data of the TIOBE Index , a system for measuring the degree of popularity of programming languages ​​conceived and maintained by the TIOBE corporation.

In September Python had entered the top three of Tiobe, preceded only by Java and C, but in the October ranking he had to give up the third step of the podium to C ++. However, Python’s popularity remains undisputed and improved compared to October of last year, when it remained anchored to the fifth position.

The PYPL index ( PopularitY of Programming Language Index ), a system of analysis based on the frequency of research of specific tutorials of a programming language on search engines, shows instead great interest in Python, a language that in this sense has grown more than all (+ 5.4%) in terms of popularity compared to others over a 12 month period. The authors of the PYPL index consider this to be a more reliable parameter than the TIOBE counterpart, which in their view is more a product based on a more misleading evaluation: the presence of the programming language name in search queries of search engines.

The top 10 of TIOBE beautiful October are: Java, C, C ++, Python, Visual Basic .NET, C #, PHP, JavaScript, SQL and Swift. The tenth place was a lot of fights in the previous months, with a battle between Ruby and Perl. The overshoot by Swift, as reported by TIOBE, clearly indicates that this language is the undisputed number one in the field of mobile apps for iOS. However, since Swift produces iOS and non-Android applications, many developers tend to move on to “mass distribution” solutions and frameworks.

The most plausible challengers for the tenth position are “R”, which is becoming an increasingly fierce competitor, and “Go”.

Contrary to TIOBE, the top 10 of PYPL presents Python in first place, followed by Java, JavaScript, C #, PHP, C, R, Objective-C, Swift and Matlab.

Developers also celebrate Halloween (a collection of thrilling snippets)

We’re almost there, the Halloween party is imminent.

Born primarily as an occasion for fun for children, the atmosphere of this party has been able to strongly involve people of all ages. Web designers , creative by nature, are certainly not immune to the charm of Halloween, so much so that many are decorating their showcase and corporate sites to pay tribute to the celebration of pumpkins, but not limited to: this is an excellent opportunity to put showcasing the client-side potential offered by today’s technologies!

Let’s see some of these fun compositions. All the examples presented can be reached and tested immediately on the CodePen platform.

1) Attention to the Hockey Mask

This fun snippet , a tribute to the bad guys that horror terror in horror films covered by a hockey mask, allows you to produce an effect in which an element in the background is “colored” gradually to fill what is “under the mask”. No Javascript is used, the merit is all in CSS animations :

{.fade position: absolute; background: # 9c0000; border-radius: 120px; top: 20px; left: 40px; animation: fade 6s ease-in infinite; } @keyframes fade { 0% {height: 0px; left: 90px; width: 120px} 80% {opacity: 1;} 100% {height: 360px; width: 230px; opacity: 0;} } .st26 {fill: # 1B1711;} .st27 {fill: # D3D1CE;}

2) The shy ghost

Did you know that many ghosts are afraid of humans? This is what the author Anthony Simone must have thought when he produced this fun animation . The render presents a shy phantom that, as soon as the user hears the mouse pass, hides like a mole to reappear in another (random) point of the page. Remarkable use of HTML, SCSS, CSS3 and ECMA2015.

3) Horror Toogle

The effects of toogling are always very used in Web Design. This toggle effect , however, which involves a transition from pumpkin to vampire and vice versa, is decidedly original. HTML compiled with the Pug engine, use of CSS preprocessor and zero Javascript.

4) The haunted house

The years were running when Flash technology was needed to produce more complex animations of mere CSS-based computing. Fortunately, that was the past. This animation , produced only thanks to HTML, Less and jQuery , is impressive.

5) Make up the pumpkin!

Mike White offers us an extraordinary example of the potential Drag and Drop offered by Javascript ! In this program we can compose the pumpkin as we please, giving it a rough or serene look! No framework used, pure drag’n’drop Vanilla Javascript, HTML and CSS minimal state-of-the-art:

(function dragndrop () { let xpos = ”; let ypos = ”; let whichArt = ”; function resetZ () { const imgEl = document.querySelectorAll (‘img’); for (let i = imgEl.length – 1; i> = 0; i–) { imgEl [i] .style.zIndex = 5; } } function moveStart (e) { whichArt = e.target; xpos = e.offsetX === undefined? e.layerX: e.offsetX; ypos = e.offsetY === undefined? e.layerY: e.offsetY; whichArt.style.zIndex = 10; } function moveDragOver (e) { e.preventDefault (); } function moveDrop (e) { e.preventDefault (); whichArt.style.left = e.pageX – xpos + ‘px’; whichArt.style.top = e.pageY – ypos + ‘px’; } function touchStart (e) { e.preventDefault (); const whichArt = e.target; const touch = e.touches [0]; let moveOffsetX = whichArt.offsetLeft – touch.pageX; let moveOffsetY = whichArt.offsetTop – touch.pageY; resetZ (); whichArt.style.zIndex = 10; whichArt.addEventListener (‘touchmove’, function () { let posX = touch.pageX + moveOffsetX; let posY = touch.pageY + moveOffsetY; whichArt.style.left = posX + ‘px’; whichArt.style.top = posY + ‘px’; }, false); } document.querySelector (‘body’). addEventListener (‘dragstart’, moveStart, false); document.querySelector (‘body’). addEventListener (‘dragover’, moveDragOver, false); document.querySelector (‘body’). addEventListener (‘drop’, moveDrop, false); document.querySelector (‘body’). addEventListener (‘touchstart’, touchStart, false); }) ();

The 4 (fundamental) questions that a Web Designer should make to their customers

Creating a website is not a task that only passes from the technical skills, programming, design and implementation of code.

The appearance of the design is equally important. For this reason, a company or a professional who creates websites must necessarily have a clear idea of ​​the project to be implemented, with all the specific details of the case. To do this, a Web Designer must receive detailed information from the client . So let’s see, in this article, the 4 fundamental questions that a Designer should ask his client during the design phase.

1) What does the customer do?

Although this question may seem obvious, it is not always obvious. A Web Designer must have a clear understanding of the client’s business. A company site, in addition to any products sold, should usually present the team, with descriptions of the top components, the company’s history, with lots of chronological milestones and evolution of the brand, any more famous and emblazoned customers, and a detailed description of the company’s mission. How is the company different from any competitors? Which flagship projects have been implemented? Obviously the pool of questions varies depending on the type of website that is being created, but the key point is that more information is received from the end user, plus this will be able to interact with the company website.

2) Does the client already own a website?

This question is very important for two very specific reasons. First of all, if the customer owns a website, as well as being a source of information that can be obtained immediately through the developer’s eye (descriptions, customer-related information – as described above) and general tastes in terms of design and graphics) it is necessary to realize if the latter needs a restyling, or a completely new product. Getting your hands on a code already produced by others is not always the cheapest and fastest choice.
Moreover, always in the event that the customer owns a website, it is possible to question him on all his personal opinions regarding the current site: the appreciated and unprepared parts, the modifications he would like to perform and the components he would like to leave unaltered. his graphic, technical and marketing mission, the technologies he wants to use. The current customer website can be a mine of information useful to speed up the task of the developer.

3) What is the customer’s goal and the audience target?

As we said before, for the creation of a website it is essential to know the objectives of the client. Increase Sales? Improve the quality of the brand? Take advantage of a graphic restilyng that includes logo and color scale? Add advanced technologies like e-commerce or interactive services?
In the same way, it is essential to know the customer’s target audience. Depending on the type of audience, many different strategies can be used. A purely technical public and primarily interested in products will be different from an artistic public, depending on the specific type of site we are creating, as will the implementation strategy.

4) Who are the competitors?

Knowing the client’s competitors is like knowing the opponents of a game of chess. Meanwhile, from competitors’ products it is possible to “steal” various ideas for presentation, design, use of winning technologies or marketing strategies, and implement them in a personalized way in the project. Furthermore, it is also possible to stand out by creating a product with unique features, which no competitor currently presents. This represents a great advantage both in terms of originality and that of marketing.

Static site generators: between old school and CMS

A static site is a collection of pages produced from simple .html files.

You can directly write this type of page by hand, even if the management of the structure and set-up starts to become problematic as the number of pages increases.
A content management system ( CMS ) allows the content of the pages to be stored in a database and provides the tools suitable for modifying them and updating them dynamically, usually via a dedicated control panel. Management becomes easier, but you have to use a server technology package.

A static site generator ( SSG ) is a sort of compromise between the use of HTML “by hand” (or static), and that of a CMS. HTML is generated using raw data such as markown (.md) and template files , a concept similar to that of a CMS, with the difference that in most cases a database is not used, but, as we said, a markdown file. The result is then transferred to the live server. Very famous and high quality examples of SSG are Jekyll , Pelican , Hugo and Metalsmith .

The precise functioning of a Static site generator system goes beyond the objectives of the article, however, we can help the developer in choosing the technology to be used through a simple analysis.

When PHP or server-side technologies were not yet heavily used, Web pages were running statically using HTML, CSS and Javascript to provide content. Returning to this kind of solution in the current world is suicide, given that the ” write less, do more ” development pattern rightfully prevails in the world of programming, and the time needed to write static pages to produce modern results would be out of logic, as well as conceptually impossible in many cases.
Then we have the possibility to use the CMS , like WordPress , which allow us to relieve the problems that derive from having to write code “by hand”, providing tools for templating and management of services such as login, sessions, dynamic updates. However, the great power provided by CMS has been, as often happens, overused: the vast majority of websites are in fact written using WordPress.
The choice of the Static site generators lies exactly in the middle: it allows to create dynamic websites , in a way similar to that offered by CMS, keeping the ” heart” of development on the static side . This solution brings many advantages, such as generally higher performance, independence from server environments and technologies such as PHP and MySQL, the lower volatility of data that, not being based on databases but on markup files , can be stored through a system version control as Git , to ensure maximum data security. Furthermore, with a slight additional effort, a deployment system can be implemented to build the site on a staging server , and then update the live server when the new content has been revised and approved.

How to transmit your Web Designer value to the client

If the work of Web Designer / Web Developer is in fact a creative and fun art, the relationship with the client can, at times and in particular situations, become very combative.

There may be discrepancies in payments, where the customer can ask the developer to be “flexible” about the previously agreed amount. Or as often happens, related to the so-called ” creep scope ” or enlargement of the project objective, which basically results in continuous and repeated changes, in the features, in the layout or in the final purpose, at any point between the beginning and the end of the work relationship, of the project itself. All this combined with the fact that the customer informs you that you will not be paid for the amount stipulated by the contract as long as all the stages will not be covered.
It is therefore important, as a Web Developer , to have optimal technical qualities, also to be able to show its value and make it worth it .

First of all, it is good to frame the profession of Web Developer not as an “esoteric” work whose value is completely subjective, but as an important technical work that allows to increase the value of the customer’s brand , through different means of communication. This important feature must first be understood by the developer, and then by the customer. In many, in fact, designers who consider themselves “artists”, and as such, often turn out to be misunderstood and underestimated. That of Web Design is certainly an artistic profession, but above all technical and practical.

Furthermore, a professional Web Developer should clarify every single aspect of the project before the development of the project begins. There is a Core part , and an Extra part, or as many like to define, a Core part and a More part. All changes that are not part of the Core are treated as an Extra / More part , and therefore additional tasks. If you have a fault in the control unit of the car and you take it to the mechanic, the latter will repair the ECU. If problems are subsequently presented to the brakes and tires, the resolution of these malfunctions will not be included in the previous work. The problem with the ECU is our Core, the problems with the brakes and tires are the More. Likewise, in the context of Web development, it is good to define everything that does not fit into the main part of the project, which will be treated as an additional modification. This not only serves the designer, but also the customer, who will have a much clearer overview of the situation. Clarity in defining the project is essential for both parties, and is a key factor in every type of job. Unfortunately, unfortunately, this key factor is underestimated by both customers and Web designers themselves.

The quality of the Web Developer should never be questioned. For this reason I recommend to all developers to accept only jobs that their technical capabilities allow to realize, and constantly update their development baggage. Would you ever go to a surgeon or dentist who uses dated techniques and technologies? I do not believe. In the same way the Web Developer must always guarantee the highest quality, and any discrepancies must come only from modifications or extra additions, or from changes in objectives, and never from malfunctioning services.

5 advanced examples of hovering on images

The hover effects on images (which when the user hovers over an HTML element, in many cases an image, and is exhausted when the mouse is moved) have been for a long time one of the main factors of interaction between page and user.

But today, with the possibilities offered by modern client-side technologies, Web designers can really give free rein to creativity. In this article we see 5 animations of hovering on really original images. All snippets are viewable and testable on Code Pen .

 

1) Distribution in levels

The “levels” are the degrees of depth of an image, useful to break down the same image into several different components. Although this functionality is simple to implement with graphic tools, the same can not be said for HTML , CSS and Javascript . Alvaro Monotoro, however, thanks to an excellent combination of these three languages, has produced an animation that allows, at the user’s passage of the mouse, to highlight a level in a given image.

There are many possible combinations.

2) CSS3 filters

With the possibilities offered by CSS 3 , the presence of Javascript is often superfluous. It is necessary, however, to master all the most advanced dynamics, to implement a real substitution. In this snippet we observe a wise use of CSS3 filters that allow you to produce very catchy (and different) effects when hovering over the images.

3) Slide and Zoom

A combination of amazing combined CSS 3 effects : zoom in on the image in partnership with the sliding ! The user uses jQuery to make a toggle of the classes necessary for the production of the effect, but the final product can also be obtained through a Javascript Vanilla , keeping unchanged HTML and CSS.

4) Unfold and tooltip

Also in this case we have a combination of two different animations , whose final product is really nice, and can be applied to a series of HTML elements defined by the user.

Very minimal HTML layout :

<div class = “pic-container”> <img src = “http://placehold.it/200×200” class = “pic” /> <img src = “http://placehold.it/200×200” class = “pic” /> <img src = “http://placehold.it/200×200” class = “pic” /> <a href=”https://twitter.com/_brunoweb”> Text </a> </ Div>

combined with an advanced CSS and zero Javascript.

5) Shifting Reality

In this case we have the opposite factor: a single HTML container, zero CSS and a powerful Javascript for an effect that leaves no room for descriptions. View to believe.