Wednesday 25 November 2015

#Technetronic2015 (Official Guinness World Record Attempt)


Technetronic is an annual IT focused event initiated by a group of young, upcoming IT undergraduates and professionals with the purpose of improving the standard of technology in the Nation Nigeria. Technetronic 2015's main goal is to initiate advancement in the growth of computing technology and the development of software developers in Nigeria.
Technetronic 2015 will take place at the New Multipurpose Hall, Yaba College of Technology, Yaba Lagos on Thursday the 3rd of December 2015. The event will comprise of various activities which includes a Guinness World Record Attempt for The Largest Amount of People Learning How to Write Computer Programs in the World, and the first edition of the Internet and Technology Awards Nigeria.
The Largest Programming Lesson World Record Attempt, simply will be bringing together over 2500 IT oriented individuals and citizens who are passionate about technology; enlightening them on the basics and concepts of instructing electronics and computer devices, orientate them on the need for computer specialists in our fast rising ICT enabled society and highlight the importance of acquiring computing knowledge in present day Nigeria. Participants will be given a run through on how to write web programming languages such as PHP in a live practical session in attempt for the World’s Largest Programming Lesson which happens be the first technological record attempt in Nigeria involving large amount of participants, and also the biggest ICT event in 2015.
Also featuring on Technetronic 2015 agenda is The Internet and Technology Awards; the major aim of this award is to commend the continuous, never ending efforts of individuals and organizations in Nigeria’s technology industry whom have tirelessly continued to deliver quality technological services and related products. The awards boasts of categories such as hashtag of the year, university portal of the year, Internet service provider of the year, and over 47 other innovative technology and internet oriented categories.
The Organization Zinospot Ng has claimed that innovative events such as Technetronic 2015 will task developers and tech-service provider in the nation to improve the quality of services they provide, as well as create a platform to promote the nation's technology industry beyond the walls of Africa. They further encourage all individuals interested in a forward moving technology industry to partake in the events, tasking the governing bodies, organizations and institutions to emulate the National Association of Computer Science Students YABATECH Chapter, Smile Nigeria,Onsele.comBellanaija.com, Naijaloaded.com.ng, Olodonation.com and other notable organization and bodies involved in the project to invest in projects such as these as it is one way to tackle unemployment, promote the growth of technology in the nation and empower the youth’s in Nigeria.
Individuals and organizations who are interested in the event can visit the Technetronic 2015 website at www.technetronic.ml, call 07055069014, 08134831118, email admin@technetronic.ml for registration, enquires and sponsorship. Registration is free.

Sunday 8 February 2015

CSS3: Filters

The filter property gives You the power to manipulate image view by adding blur, changing brightness, saturation, contrast, opacity ans so on. 

We'll gonna introduce You the most important and usable of them.

NOTE: The CSS3 filter property requires vendor prefixes for some of the browsers.


-webkit-filter: blur(3px); // chrome and safari
-moz-filter: blur(3px); // mozilla and gecko
-o-filter: blur(3px); // opera
-ms-filter: blur(3px); // IE
filter: blur(3px); // for old browser versions

Syntax:

filter: function( value );

Example:

filter: blur( 3px );


We'll gonna discover 8 filter function:


blur()
This function make an image or any element blurry.

filter: blur(3px);













contrast()
This function allows You to change the contrast.
Default value is 1. If its higher than 1, the contrast will be higher and if its lower then 1, lower contrast.

filter: contrast(1.5);













brightness()
Using this function You can change the brightness.
The value is same as contrast().

filter: brightness(0.4);















grayscale()
With this You can make black and white images, with other words Grey images.
Max value is 100%. Change the value to see the effect.

filter: grayscale(100%);













opacity()
Opacity can change easily the transparency of an image or any element.
Value is also in percentes. 100% is absolutely visible, 0% is absolutely transparent.

filter: opacity(50%);














sepia()
Convert Your image to sepia.
Value is in percents. Max is 100%. Minimum 0%.

filter: sepia(100%);














saturate()
This function saturates the image.
Default value is 100% and its unchanged. Higher and lower value makes the changes.

filter: saturate(220%);













invert()

Inverts the samples in the input image.
Value of 100% is absolutely inverted, and value of 0% is unchanged.

filter: invert(100%);













EXAMPLE CODE:

<html>
<head>
<style>
#lee_hyori {
width: 580px;
height: 370px;
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
-o-filter: sepia(100%);
-ms-filter: sepia(100%);
filter: sepia(100%);
}
</style>
</head>
<body>

<img id="lee_hyori" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtn0lGNpIoG7LYb2RYQ0Nn3w47mdUfSnkqZ82mfn5WJlv-gDIsSJMCL7VN8Cny2pmutjagmZtVIObPWSFSl2pAr1g12gdrW1LrLkE7hq6LGrhD5UVI6MHblQj7tc4vUN_tz91-H99uQqCN/s1600/lee-hyori-3106-1920x1200.jpg"/>

</body>
</html>

Thursday 5 February 2015

Blur Effect : CSS

Now and here we'll gonna discover how to create blurred images and element. 
The below example shows You how to to make an image to look blurry.

To do that we use the filter property.

filter: blur(3px);

Two words and 1 value.
The value can  be any number followed by "px".

To make it cross-browser we simply use vendor prefixes.

-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);











Example code:

<html>
<head>
<style>
.lee_hyori {
width: 580px;
height: 370px;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}
</style>
</head>
<body>

<img class="lee_hyori" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtn0lGNpIoG7LYb2RYQ0Nn3w47mdUfSnkqZ82mfn5WJlv-gDIsSJMCL7VN8Cny2pmutjagmZtVIObPWSFSl2pAr1g12gdrW1LrLkE7hq6LGrhD5UVI6MHblQj7tc4vUN_tz91-H99uQqCN/s1600/lee-hyori-3106-1920x1200.jpg"/>


</body>

</html>


You can use this for everything from images to forms, paragraphs and so on.