results for: css
Dark Mode on website using CSS and JavaScript
In today’s article we are going to learn how to build pretty much standard these days on the web pages and that is the alternative color mode and switching between them. This is very useful when during night you want the user to be able to NOT suffer by staring…
Category : Css 10-11-2020 by
How To Add Filter Effects to Images with CSS
To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain image effects, typical of photo retouching applications, such as sepia, variations in brightness or contrast (or others) on the fly…
Category : Css 28-10-2020 by Silvia Mazzetta
How to comply with Google's quality guidelines in 2020
Google provides a set of guidelines on what your website's content should look like in order to appear in search results. There are several categories within the Google guidelines: Webmaster Guidelines. General guidelines. Content-specific guidelines. Quality guidelines. In this article we will focus on the Quality guidelines. Quality guidelines, describe techniques whose use is prohibited and which,…
Category : Seo & sem 09-09-2020 by Silvia Mazzetta
The concept of Model-View-Controller (MVC) explained
In software engineering, we use design patterns as reusable solutions to a commonly occurring problem, a pattern is like a template for how to solve a problem. Model-View-Controller (MVC) is a software design pattern that divides the related program or web application into three interconnected elements or components. Each of these…
Category : Programming 22-10-2020 by
How to integrate native images lazy loading in your web projects
Support for natively lazy-loading images is now supported on the web! Look at this demo of the feature From the version 76 of Chrome, you can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Let's dive into the details. Browser compatibility is supported…
Category : Programming 03-04-2023 by Luigi Nori
Introduction to BEM (Block Element Modifier)
Problems with naming CSS classes I think I might not be the only one with this experience: after finally grasping all the important concepts regarding CSS I wanted to start giving what I thought would be beautiful yet simple style to my HTML code. But suddenly I ended up with class…
Category : Css 23-05-2020 by Iveta Karailievova
First steps into JavaScript – a practical guide 3
After we learned the basic ofaccessing DOM elementsandhow to modify them,we are ready for the more exciting parts – handling DOM events. This allows us to make our web way more interactive, and finally we can put our JS knowledge into practice. User input such as keyboard actions or mouse clicks…
Category : Javascript 07-05-2020 by Iveta Karailievova
First steps into JavaScript – a practical guide 2
In the previous aticleFirst steps into JavaScript – a practical guidewe covered the basics of the DOM and its relation to us becoming JS literate. Now that we know how to access DOM elements, we can continue with learning how to change them. But before we start, let's make sure we…
Category : Javascript 26-10-2021 by Iveta Karailievova
How To Effectively Learn Coding For Website Development
Building a website can be pretty expensive, especially if you decide to engage a professional. That’s why sometimes, it’s best to take matters into your own hands and develop your own website. You might start by visiting those quick online sites that let you design your web page and learn…
Category : Programming 21-04-2020 by Luigi Nori
The exciting story of JavaScript (in brief)
Javascript is a client-side programming language that has changed the Internet as we know it today. The term "client side" means that it runs on our web browser without the need for a web hosting. Along with html and css it is one of the 3 pillars of web design. It is…
Category : Javascript 13-04-2020 by Silvia Mazzetta
Amazing Javascript Game Source Codes for Free
In this article we will share the code to make simple games with Javascript programming language. The games code can later be your reference material for making other simple games. Before you continue do you already know what is javascript programming ?, if you don't know yet, please read the brief…
Category : Javascript 19-07-2022 by Luigi Nori
How to Generate Static Sites with JavaScript Static Sites Generators
Static websites and so-called JAMstack have become pretty popular recently. And with 2020 on the horizon, this trend doesn't seem to be stopping. Why? Why is old-school HTML + CSS + JS trio in its redesigned and renamed form gaining so much attention? In this article, we'll explore what the…
Category : Javascript 13-12-2019 by Luigi Nori
The best Internet search engines used by hackers
Today, many users wonder what tools hackers use to look for different vulnerabilities on devices that are connected to the Internet. Normally, everyone uses specific tools, but there are search engines that are specifically designed for security researchers. Although many users think that a hacker is a hacker, the reality is…
Category : Security 07-01-2021 by Silvia Mazzetta
Layouts with Bootstrap 4: how to create a responsive web
Responsive or adaptable web design is a design methodology in which the appearance of the web page adapts to the resolution of the device with which it is being viewed, so we can have a unique design for computers, tablets or mobiles. To implement a responsive design we can make use…
Category : Web design 23-11-2019 by Silvia Mazzetta
What is Webpack and how does it work
WebPack is basically a packer of modules or module bundler, but thanks to one of its components, the plugins, can be used as tasks runner, ie we can do tasks of all kinds, such as moving directories, clean up, etc... To understand what Webpack is, let's analyze this graph a bit. Webpack…
Category : Programming 23-11-2019 by Silvia Mazzetta
CRUD Operations Using Vue.js: a basic example
In this tutorial, we show you how to create CRUD application using vue js. here is very basic and simple example of vue.js crud app. using this vuejs crud (create read update delete) you can easily implement with php mysql or also in laravel or codeigniter framework. So it is a…
Category : Javascript 23-05-2020 by Luigi Nori
Vue.js 3.0: What are Hooks and how they work
This article introduces an experimental Vue feature called Hooks. Before you start This post is suited for developers of all stages including beginners. Here are a few things you should already have before going through this article. You will need the following in your pc: Node.js version 10.x and above installed. You can verify if…
Category : Javascript 06-09-2019 by Luigi Nori
Vanilla JavaScript equivalent commands to JQuery
JQuery is still a useful and pragmatic library, but chances are increasingly that you’re not dependent on using it in your projects to accomplish basic tasks like selecting elements, styling them, animating them, and fetching data—things that jQuery was great at. With broad browser support of ES6 (over 96% at…
Category : Javascript 29-08-2019 by Luigi Nori
Styling React components: recommendations and suggestions
With CSS we can set the presentation of a document through the rules that control the formatting of an element on a web page. Using CSS techniques, we can make web pages more attractive and elegant. Before going into the topic of posting, let's talk about React. By now, almost everyone knows…
Category : Javascript 17-05-2020 by Janeth Kent
Best Open-Source Javascript Date Picker Plugins and Libraries
For date pickers, selecting menus is a common choice as they are simple to set up. But I suppose our customers deserve better after centuries of using MM / DD / YY menus. For many companies, datepickers are vital. They can also be used for any defined purpose to monitor time. It…
Category : Javascript 23-07-2021 by Janeth Kent
How to use to Chrome Lighthouse
How would you like to perform a fast SEO audit with a Chrome browser-based instrument? With the Lighthouse extension, you can do that. If you're not acquainted with Lighthouse, it's an open-source tool used by experts to verify their website's health. It analyzes everything from best practices to performance to accessibility. As…
Category : Seo & sem 14-06-2019 by Janeth Kent
How To Create a Logo SVG Animation Using Only CSS
Web animations are a joy. They enhance the user experience by providing visual feedback, guiding tasks, and vitalize a website. Web animations can be created in several ways, including JavaScript libraries, GIFs, and embedded videos. But for a few reasons, the simple combination of SVG and CSS is attractive. Comprised of code…
Category : Css 29-09-2020 by Silvia Mazzetta
The Bible of the Best Node.Js Frameworks
Node.js is the platform built on chrome’s javascript runtime for easily building fast, scalable network applications. It uses an event-driven non-blocking IO modal that makes it lightweight and efficient. node.js is perfect for data-intensive real-time applications that run across distributed devices. Node.js frameworks can help to streamline the development of web…
Category : Javascript 09-05-2019 by Janeth Kent
CSS in JavaScript (CSS-in-JS) Vs CSS in CSS
What actually is CSS-in-JS? You've certainly heard or read words like CSS-in-JS, Styled Components, Radium, Aphrodite and you're and you're stuck in limbo there, "why is it? I'm completely happy about CSS - in - CSS!" We are here to explain these new concepts and clarify them. That said -feel free to use…
Category : Javascript 26-02-2019 by Janeth Kent
Vue.js: a quick start guide for beginners. Part 3
Welcome here again! Last time we didn't listen to our very first user events and and methods to react to these events. Now we are going to explain directives and conditional rendering. if-else Regardless of the framework, one of the most important tools under any programmer's belt is conditional rendering. Depending on…
Category : Javascript 26-06-2023 by Janeth Kent
14 JavaScript Animation Libraries
Well - designed and smooth animations are one of the most important things that makes an app stand out from the crowd. The purpose of UI animations is to help users understand the product in a more interactive way. While surfing the web in search of a cool animation library in…
Category : Javascript 17-05-2020 by Janeth Kent
Best 5 Javascript NewsTicker Plugins
Not all developers know the marquee tag of HTML, that allows you to create a scrolling piece of text or image displayed that is shown horizontally or vertically on the DOM. Its functional, however this tag is obsolete so you should try to avoid using it. The most reliable alternative to this…
Category : Javascript 20-02-2019 by Janeth Kent
Best 5 Frontend Development Topics in 2019
Ah, a new year. A time of positivity, a time to restart. For new objectives and proposals. And in the world of developers, to look at the scenery and decide what we need to learn to keep up. Because let's face it-web development is always changing, and we're falling behind…
Category : Programming 18-02-2019 by Janeth Kent
A roadmap to becoming a web developer in 2019
There are plenty of tutorials online, which won't cost you a cent. If you are sufficiently self-driven and interested, you have no difficulty training yourself. The point to learn coding I think is to read a lot of code of other developers, then typing code and testing to see what…
Category : Programming 30-05-2019 by Janeth Kent
Tips for JavaScript Developers
Another year is over and JavaScript is constantly changing. However, there are some tips that can help you write in 2019 clean and efficient code that scales. Below is a list of 9 pragmatic suggestions. async / await Are you still trapped in callback hell? Don't use callbacks unless it's completely necessary, such…
Category : Javascript 08-06-2020 by Janeth Kent
Stunning React Boilerplates and Starter Kits for 2019
As React progresses and helps us build and compose the UI of our applications, more React applications are created every day. In the past few years, the community has indeed created multiple projects to help you save time and kick-start these apps. But it's not always as simple as it seems to…
Category : Javascript 10-02-2019 by Janeth Kent
How to build a basic PWA with HTML and Javascript
Looking at the web for a basic PWA online training exercise, everything I found was just too confused or required libraries/system/stage or another. If we need to learn another innovation, we would preferably not get derailed with redundant subtleties ... We have indeed composed a basic introductory exercise to draw from different…
Category : Javascript 10-04-2020 by Janeth Kent
How to Become an Automation Engineer
In today’s climate, IT professionals have just about as diverse a range of career options as anybody else. One such pathway that such a professional can take is automation engineering. If you have a passion for machinery, enjoy being detail oriented, and fancy making a boatload of cash, then this…
Category : Technology 08-02-2019 by Janeth Kent
The Absolute Beginner's Guide to Sass
You've probably heard about CSS preprocessors before, whether it's Sass, LESS or Stylus, and they're all great tools to maintain your CSS, especially when you work with large codebases. For "lay" (;-)) people: A CSS preprocessor is a program that allows you to generate CSS from the unique syntax of the…
Category : Css 05-02-2019 by Janeth Kent
Top 10 JavaScript Books 2019
Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications. If you're an aspiring web developer then you'll need to learn JavaScript. It's a staple for frontend work and it's the fastest growing language powering. This is an…
Category : Javascript 26-01-2019 by Janeth Kent
How To Build A Presentation Using HTML, CSS, & JavaScript
The process of conceiving and constructing a presentation is often hard. Sometimes we're stuck with Keynote or PowerPoint, and the templates are extremely limited and generic. Today, we're going to learn how to create an awesome and animated presentation using HTML, CSS, and JavaScript. If you're a beginner, don't worry! This tutorial will…
Category : Javascript 13-10-2020 by Janeth Kent
How to Record a Streaming Video
Nowadays, online video streaming sites provide a lot of good TV shows that can be watched for free. You like to watch movies from your favourite video streaming site, but you just couldn't find the time to watch them online. For example, you need to go to work and you…
Category : Multimedia 23-08-2019 by Janeth Kent
Parallax Landscape Scenes Built Entirely With CSS and HTML
Web design trends come and go, but the parallax effect has, well, stuck around. Parallax scrolling has had a big impact on user interface design, on both websites and mobile apps. You can do some pretty crazy stuff with parallax. It’s possible for developers to code graphics onto a page without…
Category : Css 27-11-2018 by Janeth Kent
The Most Useful 50 Web Sites you wish you knew earlier
There are so many websites around, and it is very complicated to know each and every one of them. Our lisy provides 100 those websites that we find particularly helpful, even though they are not as famous or as prevalent as some of the big names. archive.is — take a snapshot of…
Category : Web marketing 13-06-2020 by Janeth Kent
Fullscreen Background Video HTML5 And CSS cross-browser
Full-screen Background Video is a way to present your website playing a video in the background without disturbing its content. It makes your website very modern and different. So, in this tutorial we will show you how to add fullscreen background video using only HTML5 and CSS and make it…
Category : Web design 10-05-2020 by Silvia Mazzetta
10 JavaScript podcasts for web developers
1. Syntax.fm Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling. 2. Front End Happy Hour A podcast featuring a panel…
Category : Javascript 05-10-2018 by Janeth Kent
CSS Shapes: how to create non-rectangular shapes (part 2)
The shape-image-threshold (Position Text Over A Semi-Opaque Image) So far we've looked at employing a fully transparent part of a picture or of a gradient so as to form our shape, however, the third property defined within the CSS Shapes specification implies that we will use images or gradients with semi-opaque…
Category : Css 17-09-2018 by Janeth Kent
CSS Shapes: how to create non-rectangular shapes (part 1)
CSS Shapes (Level 1) has been accessible in Chrome and Safari for various years, be that as it may, this week it sends in a creation form of Firefox with the arrival of Firefox 62 — alongside an exceptionally pleasant expansion to the Firefox DevTools to enable us to work…
Category : Css 17-09-2018 by Janeth Kent
JavaScript Manual for Beginners
The JavaScript Manual shows you how to use JavaScript and gives an overview of the language. I GETTING STARTED ABOUT Created by Netscape in 1995 as an extension of HTML for Netscape Navigator 2.0, JavaScript had as its main function the manipulation of HTML documents and form validation. Before winning this name so…
Category : Javascript 04-09-2018 by Janeth Kent
Best Development Posts Of August 2018
For this month, we ranked some Web Development articles to pick the Top 20 stories that can help advance your career. The Five Top Reasons to Use JavaScript by Richard Kenneth Eng I’m a Front-End Cheater by catrina Cool Javascript 9: Named arguments — Functions that get and return Objects by Adrià Fontcuberta Good Programmer vs Average Programmer by javinpaul Advanced Coding Skills, Techniques and…
Category : Programming 22-08-2018 by Janeth Kent
Useful Free UX Ebooks
Design and user experience (UX) is becoming a key and fundamental factor for the development and creation of software products and web applications. Today, our UX team recommends a selection of the most interesting books on design and user experience. These books bring together a large number of techniques and methods…
Category : Ui/ux design 25-11-2020 by Janeth Kent
6 CSS & JavaScript Text Animation Snippets
Do you know? We can make some pretty text effects with basic CSS and a few lines of JavaScript. These effects range from text display animations to 3D rotations or anything else you can imagine. In this post we’ve make a list of 6 examples showcasing what you can do…
Category : Javascript 03-08-2018 by Janeth Kent
10 PHP code snippets to work with dates
Here we have some set of Useful PHP Snippets, which are useful for PHP Developers. In this tutorial we'll show you the 10 PHP date snippets you can use on your webpages by just cutting and pasting! Get current time, formatted Super basic function, takes no parameters and returns the current date.…
Category : Php 02-08-2018 by Janeth Kent
Useful Tutorials on SVG & CSS3 Animation
There isn't just one way to do SVG and CSS3 animations. Animation is one such area which has been quite complicated until recently. Today we're going to look some tutorials that should get you on the right track towards mastering SVG animation with CSS. A Look Into: SVG Animation SVG Files in…
Category : Css 26-06-2018 by Janeth Kent
Useful Terminal Commands Every Web Developer Should Know About
The command line interface (CLI), or Terminal is considered by many to be the Holy Grail of computer management. At one time the CLI was the only way to accomplish anything on a computer; then, the CLI gave way to the graphical user interface (GUI) as the popularity of PCs…
Category : Operating systems 22-06-2018 by Janeth Kent
Useful jQuery code snippets for responsive websites
When you have to manage a web project, jQuery can be of great help. In this article, we have compiled some jQuery tips and tricks for making and enhancing responsive sites. Detect viewport size CSS media-queries allow you to detect the viewport size and apply different CSS style to elements depending on…
Category : Javascript 21-06-2018 by Janeth Kent
Best Websites to Learn Coding Online
You know and we know that it’s totally possible to learn to code for free... If you can teach yourself how to write code, you gain a competitive edge over your peers, you can think more algorithmically and thus can tackle problems more efficiently. But what are the best resources to achieve…
Category : Programming 19-06-2018 by Janeth Kent
The CSS Grid Explained in 7 Minutes (with diagrams and code)
A quick and easy high level introduction to the main concepts of CSS Grid given by Morten Rand-Hendriksen at Wordcamp Europe 2017. 7 minutes and you'll understand what CSS Grid is and how to create a basic layout of your own. Adapted from the full CC BY licensed original at…
Category : Css 10-01-2018 by Janeth Kent
How to make SVG images code responsive
For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport by default. Make A Responsive SVG Image As an image, you can make a SVG vector illustration scale with the page content…
Category : Web design 28-10-2021 by Janeth Kent
10 addictive retro video games recreated with HTML5, JS & CSS
Are you a video game player? Are you a child of the "80s"(or even 70s...;-) )? If yes, this post is for you. There was a time when building any type of video game required Flash. Nowadays the stage is set for powerful HTML5 and WebGL gaming! Here are 10 of our favorite games…
Category : Videogames 13-10-2017 by Janeth Kent
Useful technical SEO checklist for developers
Let's start from the beginning. What is SEO? When we talk about SEO we are talking about Search Engine Optimisation: we are talking about the organic positioning of a web page in search results. And when we say organic positioning we mean unpaid positioning. SEO is a discipline, strategy or set…
Category : Seo & sem 15-05-2023 by Janeth Kent
CSS Progressive Loading in Chrome
Until now, only in IE/Edge could we leverage streaming of CSS to load progressively the CSS of the components as their HTML is streamed. In other browsers, they would normally block rendering till the entire CSS sources were loaded, giving us the white screen of wait before anything could render. With…
Category : Css 09-05-2017 by Janeth Kent
15 Awesome Plugins for Creating Sticky Elements
It is now common to use some fixed elements on a site when you scroll up or down. This allows for the element to be readily available regardless of the user’s position. They are called sticky element, an effect that can be achieved just by using CSS, however, using this method, the effect…
Category : Javascript 04-03-2017 by Janeth Kent
Guide to viewport units vw, vh, vmin and vmax
The viewport is the area where the browser renders the site. This is your screen minus the reserved space of the browser chrome. Sometimes you want to size an element based on that viewport, like a sidebar. This can be done using a unit we’re all familiar with: percentages. .sidebar {…
Category : Css 23-02-2017 by Janeth Kent
Php: How to extend the highlight_string function
PHP has a cool function that automatically highlights PHP code called highlight_string(); Theoretically this could be used to roll your own code highlighting on a site, rather than rely on JavaScript or some kind of external service to do it. In this article I'll show you the basics of how…
Category : Php 11-02-2017 by Janeth Kent
CSS Media Queries for iPad and iPhones
Many times We have had to design responsive websites targeting specific devices with CSS media queries, and not just base the break points from the site's content. Because of this, We have ended up with a somewhat large list of CSS media queries for typical devices over the past year or two. here you…
Category : Css 09-02-2017 by Janeth Kent
11 Guides for Front-end Developers
Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…
Category : Web design 12-12-2016 by Janeth Kent
PHP Libraries For Summer 2016
Here are our picks for the 12 most useful and interesting open-source PHP libraries that you should check out this summer! Monolog With Monolog you can create advanced logging systems by sending your PHP logs to files, sockets, databases, inboxes or other web services. The library has over 50 handlers for various…
Category : Php 11-08-2016 by Janeth Kent
CSS Flexbox : some tools
The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model provides an improvement over the block model in that it…
Category : Css 29-09-2020 by Janeth Kent
CSS-Only Olympic Rings
Inspired by Justin Sepulveda’s CSS Logos and this post on the new Design Informer Forums, we decided to try our hand at creating the Olympic Rings with just CSS and HTML. We realize its simple, but it was fun to figure out the layering and how to do it with just a few elements. Just having…
Category : Css 08-08-2016 by Janeth Kent
Ideas shaping web design today
Web design in order to succeed needs two things: innovation and imitation. Unfortunately, the last one often wins. Web designers love to learn, study and use the latest trends, and then look desperately for the next big thing. Think about sliders. They were "trendy" couple years ago. Today, they feel dated. What to do?…
Category : Web design 22-04-2021 by Janeth Kent
How to Configure Cloudflare Flexible SSL with WordPress website
This article is part of a serie of articles about Wordpress optimization with Cloudflare and some kinds of servers, if you want to understand well read these articles before: Speed up your site and protect it against DDOS attacks with CloudFlare Million of visitors per day with a super cheap php mysql…
Category : Servers 03-12-2015 by Janeth Kent
Monthly News for Designers, November 2015
Today we inagurate our monthly design news post in which we will share our favorite design related articles, resources and freebies of the month. Free Icons & Templates Freebie: 100 Google Material Icons for Sketch. Freebie: Animaticons – Beautiful, Customizable Animated GIF Icons. Freebie: Branding Identity Mockup (PSD). Learning Resources, Tutorials & Tips Stretchy Navigation in CSS and jQuery by CodyHouse. Blueprint: Multi-Level Menu by…
Category : Web design 07-02-2019 by Janeth Kent
5 Photoshop Tools To Make Life Easier
Add more power to your Photoshop creations! CSS Hat CSS Hat is a Photoshop Plugin that lets you easily translate layer styles into CSS. Just select any layer and the code will appear in the panel. It even works when you select multiple layers – you will get the CSS code with…
Category : Software 19-11-2015 by Janeth Kent
The Best CSS Frameworks for Material Design
Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea of material design is to make everything in a same simple way so anybody can understand them even if it is an app with brand new functionality. Material designis derived from…
Category : Css 16-11-2015 by Janeth Kent
The HTML5 Quick Learning Guide
HTML5 syntax is compatible with both HTML4 and XHTML1. Want to close empty elements with a slash? Go for it. Rather not? Then don't. Want to use lower case? Upper case? Take your pick. In other words, you really don't have to change the way you handle these things, so…
Category : Programming 06-11-2015 by Janeth Kent
CSS Animations: the Pocket Guide
With CSS3 we acquire the ability the ability to write behaviors for transitions and animations. Front end developers have been asking for the ability to design these interactions within HTML and CSS, without the use of JavaScript or Flash, for years. Now their wish has come true. Animations within CSS3 allow…
Category : Css 20-10-2015 by Janeth Kent
Speed up your site and protect it against DDOS attacks with CloudFlare
If you have checked your site or blog, then you may noticed the page speed, YSlow, Timeline etc. An important factor to give fast content delivery to your blog’s reader and page speed, CND (Content Delivery Network) is must. The CDN makes your wordpress blog even faster to load, that…
Category : Networking 23-07-2014 by Luigi Nori
8 AWESOME HTML5 ANIMATION TOOLS
GOOGLE WEB DESIGNER Google has launched Google Web Designer, a new beta app CreatING engaging, interactive HTML5-based designs and motion graphics that can run on any device. The Windows and Mac app aims to streamline the post-Flash online world with the option of code or graphical animation creation, for those of…
Category : Web design 29-05-2014 by Janeth Kent
200+ sites, apps & books for designer
Design is fundamental to any digital strategy. We are in a digital era where visual stimuli make the difference when the user makes a decision. It is necessary that when faced with a good idea there are creative elements that differentiate us from the competition and attract our audience in…
Category : Web design 10-09-2020 by Janeth Kent
Mozilla introduces Firefox 29
Firefox 29 was released on April 29, 2014. The new version looks significantly more like Chrome than the old Firefox. It features the same three-bar menu on the right and rounded tabs, for example. At the same time, though, it keeps the separate search form — something most other browsers have…
Category : Software 29-04-2014 by Janeth Kent
PHP: list of best awesome PHP libraries
It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here is a complete list of the coolest that We’ve come across. Package Management Libraries for package and…
Category : Php 27-04-2014 by Janeth Kent
CSS: Image Hover Effects You Can Copy and Paste
In the past, we’ve wrote about some awesome examples of CSS effects that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet. 1. Sneak Peek Before we…
Category : Css 09-04-2014 by Janeth Kent
10 jQuery snippets every developer should know
For this post, we would like to share with our readers 10 JQuery Code Snippets which we’ve collected that users can copy and paste directly into their themes by which to create some nice visual effects which will spruce up your website. Enjoy ! 1. Smooth Scrolling for Internal Links $('a').bind('click.smoothscroll',function (e) { …
Category : Web design 13-02-2014 by Janeth Kent
50 Most Useful jQuery Plugins of the year #5
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Web design 16-01-2014 by Janeth Kent
20 Awesome Free Tools For Web Developers 2014
If you’re a web designer or a front-end developer, you probably spend a lot of time writing mark-up. Fortunatly, there are some great tools and projects on the web that can improve your next project easily and quickly. Today we have tracked down 20 brilliant free online tools for developers. We’ve…
Category : Web design 16-01-2014 by Janeth Kent
Free PHP, HTML, CSS, JavaScript editor (IDE) - Codelobster PHP Edition
For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products for this purpose, but we would like to select free of charge very functional and at the same time of simple in the use editor - Codelobster PHP Edition .…
Category : Software 16-01-2014 by Janeth Kent
How to Create Custom Filters in jQuery
If you are a web designer or a developer you frequently need a shortcut to collect elements for jQuery. In this post, based on the book Instant jQuery Selectors, you’ll learn how to build a custom filter in jQuery. So, we try to built a filter that ia able to print the length of…
Category : Javascript 17-12-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #4
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Web design 12-12-2013 by Janeth Kent
Speed Up Your Coding with 15 jQuery CSS Plugins
Today we have 15 great jQuery CSS plugins pertained to design a beautiful site using cool effects with CSS/jQuery. 1. Stickup Stickup is a simple jQuery plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites,…
Category : Css 12-12-2013 by Janeth Kent
Useful list of common HTML meta tags
Basic HTML Meta Tags OpenGraph Meta Tags HTML Link Tags
Category : Web design 11-12-2013 by Janeth Kent
Must Have CSS Tools for Designers
There are a lot of tools and tutorials which can help designers and developers in learning CSS easily and rapidly. In this article we have listed 15 css tools which can help designers to achieve creative and innovative results. The following css tools can help designers to create css menus, animations, 3d shapes, layers,…
Category : Css 30-03-2020 by Janeth Kent
318 USEFUL TWITTER BOOTSTRAP RESOURCES #6
How Tos Tutorials and Instructions on using Bootstrap Articles CUSTOMIZING BOOTSTRAP Tips and recommendations on getting started with LESS and Bootstrap customization. TWITTER BOOTSTRAP TUTORIAL Up and running with Twitter Bootstrap in 20 Minutes ADDING SWIPE SUPPORT TO BOOTSTRAP'S CAROUSEL Justin Lazanowski writes up how he was able to get Bootstrap's carousel working for touch/swipe…
Category : Web design 18-12-2013 by Janeth Kent
86 Must Have WordPress Plugins Of 2013
Today we are going to share Best 85 WordPress Plugins for 2013 which will help WordPress Webmasters all over the world. 1. ALL AROUND WORDPRESS CONTENT SLIDER CAROUSEL All Around wordpress content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an…
Category : Software 09-12-2013 by Janeth Kent
Happy 18th Birthday JavaScript!
On December 4, 1995, JavaScript was announced in a press release by Netscape and Sun. The press release leads with this title: NETSCAPE AND SUN ANNOUNCE JAVASCRIPT, THE OPEN, CROSS-PLATFORM OBJECT SCRIPTING LANGUAGE FOR ENTERPRISE NETWORKS AND THE INTERNET The subtitle may have been better still: 28 INDUSTRY-LEADING COMPANIES TO ENDORSE JAVASCRIPT AS A COMPLEMENT…
Category : News and events 18-12-2013 by Janeth Kent
25 HTML5 speed tips
Creating high-performance web sites or applications is essential for web developers. Jatinder Mann explains that the goal of a developer is to improve web performance by reducing 25 factors: Display time The most important objective is what we refer to as 'Display Time'. This has many names across the industry including 'time to…
Category : Web design 05-12-2013 by Janeth Kent
10 Best CSS Gradient Generators
CSS3 changes everything. There are 116 new properties* with multiple vendor prefixes and different syntaxes. No one could be expect you to memorize everything. Fortunately, there are a number on free online tools which will help you create modern CSS3 code to cut and paste into your stylesheets Creating CSS gradients…
Category : Css 29-11-2013 by Janeth Kent
Best 10 html5 animation tools for 2014
Using animations is part of the web design routine. One of the latest innovation in web design is using Html5 animations to avoid the use of Flash. Html5 animation tools allows you to design and create simple animations that work particularly well with websites. We have listed such tools for you to…
Category : Web design 29-11-2013 by Janeth Kent
WebDev:32 New Tools and Services for Web Developers
Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such…
Category : Programming 28-11-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #3
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 05-11-2013 by Janeth Kent
8 SEO fundamentals for marketers and developers
Over the past 18 months or so, Google has made big changes to its algorithms. So what does all this change mean for online marketers who use SEO techniques? SEO experts agree that creating high-quality content, still is the best SEO practice. "What was important to do years ago is still important," notes…
Category : Web marketing 05-11-2013 by Janeth Kent
Google Web Designer beta now available: A Visual Tool For Building Interactive HTML5 Sites And Ads
Google today announced the launch of Web Designer, a new tool for building interactive HTML5 sites and ads. The company commissioned a research study with Illuminas to uncover the barriers that agencies face when buying on and developing for mobile platforms. The first barrier is that there are too many choices…
Category : Software 30-09-2013 by Janeth Kent
50 Most Useful jQuery Plugins of the year #2
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 05-11-2013 by Janeth Kent
Long Shadows: Tutorial, Resources, Examples and Videos
Within the flat design trend on the rise at the moment, especially in this world of the web, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45º angle below the horizontal axis and a…
Category : Css 26-08-2013 by Janeth Kent
10 CSS Media Query Snippets
Responsive Web Design has gained huge popularity and demand over the years. With novel gadgets being developed every year it is necessary for a Web Developer to make sure that the Website they design is compatible with all the various gadgets that are in the market. CSS3 Media Queries help you…
Category : Css 26-08-2013 by Janeth Kent