10 przydatnych stron dla webmasterów – część II

10 stron dla webmasterów

Artykuł ten jest nijako kontynuacją wpisu, który pojawił się na moim blogu 1 Lutego 2013. Przedstawiłem w nim 12 stron, które przyspieszają tworzenie stron internetowych lub mają wpływ na ich rozwój, np. analityka internetowa lub narzędzia dla webmasterów od Google. W tym artykule zaprezentuje 10 stron, które ułatwią programowanie w PHP oraz Javascript.

1. https://developer.mozilla.org/pl/docs/Web/JavaScript – dokumentacja JavaScript stworzona przez Mozilla Developer Network. Na portalu można również znaleźć wiedze z zakresu HTML 5 oraz CSS 3.

2. http://php.net/ – można powiedzieć, że jest to biblia programistów PHP. Znajdziesz tam wszystkie funkcje oraz możliwości języka PHP. Ponadto przy każdej funkcji znajdują się liczne przykłady jej użycia.

3. https://developers.google.com/speed/libraries/ – każdy z nas z pewnością korzystał, np. z biblioteki jQuery. Na tej stronie znajdziesz aktualne wersje takich bibliotek jak: jQuery, AngularJS, MooTools czy też SWFObject.

4. http://www.jsdelivr.com/ – mimo, że jQuery to bardzo łatwe w użyciu narzędzie, czasami nie warto go dołączać dla kilku linijek kodu w tejże bibliotece. Z pomocą przychodzi nam strona http://microjs.com/, gdzie można znaleźć lekkie biblioteki, które zastąpią nam jQuery.

5. http://www.jsdelivr.com/ – kolejna strona ze skryptami działającymi po stronie użytkownika. Znajdziesz na niej …czytaj więcej

Nowe Narzędzia dla webmasterów

Google Search Console

Po prawie 10 latach gigant Google przemianował jedną z najpopularniejszych swoich usług narzędzia dla webmasterów na Google Search Console.

Zmiana ta jest podyktowana opiniami użytkowników. Tylko część z nich jest webmasterami:

It turns out that the traditional idea of the “webmaster” reflects only some of you. We have all kinds of Webmaster Tools fans: hobbyists, small business owners, SEO experts, marketers, programmers, designers, app developers, and, of course, webmasters as well… So, to make sure that our product includes everyone who cares about Search, we’ve decided to rebrand Google Webmaster Tools as Google Search Console.

Czytaj również: Nowy widok adresów URL i breadcrumbs w wyszukiwarce mobilnej

Search Console nadal oferuje te same funkcjonalności, jak: analityka wyszukiwania, informacje o linkach zewnętrznych i wewnętrznych, kwestie użyteczności mobilnej, indeksowanie, bezpieczeństwo.

Search Console

Rebranding ma również przyciągnąć nowych użytkowników, którzy mają korzystać z „nowych narzędzi” w innych przypadkach, niż standardowy webmaster. Należy pamiętać, że jest to zmiana tylko kosmetyczna. Żadne poważne zmiany nie zostały wprowadzone do finalnego produktu, poza faktem, że trzeba przyzwyczaić się do nowej nazwy 🙂

Zmiana jest wdrażana dla wszystkich użytkowników w ciągu najbliższych tygodni. W Polsce zmiana już nastąpiła.

źródło: http://googlewebmastercentral.blogspot.ch/2015/05/announcing-google-search-console-new.html

…czytaj więcej

Nowe Narzędzia dla webmasterów

Google Search Console

Po prawie 10 latach gigant Google przemianował jedną z najpopularniejszych swoich usług narzędzia dla webmasterów na Google Search Console.

Zmiana ta jest podyktowana opiniami użytkowników. Tylko część z nich jest webmasterami:

It turns out that the traditional idea of the “webmaster” reflects only some of you. We have all kinds of Webmaster Tools fans: hobbyists, small business owners, SEO experts, marketers, programmers, designers, app developers, and, of course, webmasters as well… So, to make sure that our product includes everyone who cares about Search, we’ve decided to rebrand Google Webmaster Tools as Google Search Console.

Czytaj również: Nowy widok adresów URL i breadcrumbs w wyszukiwarce mobilnej

Search Console nadal oferuje te same funkcjonalności, jak: analityka wyszukiwania, informacje o linkach zewnętrznych i wewnętrznych, kwestie użyteczności mobilnej, indeksowanie, bezpieczeństwo.

Search Console

Rebranding ma również przyciągnąć nowych użytkowników, którzy mają korzystać z „nowych narzędzi” w innych przypadkach, niż standardowy webmaster. Należy pamiętać, że jest to zmiana tylko kosmetyczna. Żadne poważne zmiany nie zostały wprowadzone do finalnego produktu, poza faktem, że trzeba przyzwyczaić się do nowej nazwy 🙂

Zmiana jest wdrażana dla wszystkich użytkowników w ciągu najbliższych tygodni. W Polsce zmiana już nastąpiła.

źródło: http://googlewebmastercentral.blogspot.ch/2015/05/announcing-google-search-console-new.html

…czytaj więcej

Captcha.class.php – czy jesteś człowiekiem?

Captcha.php

Po tygodniowej przerwie przedstawie skrypt, który z pewnością poprawi poziom bezpieczeństwa naszej witryny. Skrypt składa się z dwóch głównych plików: create.php oraz Captcha.class.php oraz dwóch pobocznych: index.php i style.css, ponadto stworzyłem dodatkowy folder z możliwymi czcionkami: font/. Klasa składa się z trzech publicznych metod oraz dwóch atrybutów.

Kod na Github

Czym jest Captcha?

Wikipedia mówi, że Captcha to:

Rodzaj techniki stosowanej jako zabezpieczenie na stronach www, celem której jest dopuszczenie do przesłania danych tylko wypełnionych przez człowieka.

Podobnie jak klasa security.class.php, klasa captcha.class.php została stworzona z normami PSR-2 oraz PSR-4. Dodatkowo komentarze są, napisanie zgodnie ze wskazaniami PHPdoc.

Klasa Captcha.class.php:

<?php
/**
*
* @author Dominik Ryńko <http://rynko.pl/>
* @author Simon Jarvis
* @version 1.0.0
* @Link: http://www.white-hat-web-design.co.uk/articles/php-captcha.ph
* @Link: http://rynko.pl/captcha-class-php-czy-jestes-czlowiekiem
*/

namespace Captcha;

class Captcha
{
/**
* Property with config data
* @var array
*/
public $config;

/**
* Property with default folder name with fonts
* @var string
*/
public $defaultFont = 'font';

/**
*@param $config
*/
public function __construct($config)
{
if (empty($config['font'])) {
throw new Exception('Font name cannot be empty');
} else {
...czytaj więcej

Licznik znaków w polu tekstowym + progressbar

Licznik znaków

Dzisiejszy wpis będzie poświęcony skryptowy, który z pewnością sprawi, że nasza strona stanie się przyjaźniejsza dla użytkowników. Skrypt został napisany w jQuery i w zależności od ilości wpisanych znaków wywołuje odpowiednie akcje, tj. zmieniający się progressbar oraz kolor obramowania. Kod został umieszczony w trzech plikach: index.html, style.css oraz script.js.

Kod na Githubie

Plik index.html:

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet">
<meta name="description"
content="Plik demonstracyjny pokazujący progressbar w zalezności od ilości wpisanych znakow">
<meta name="author" content="Dominik Ryńko">
<title>Plik demonstracyjny skryptu</title>
</head>
<body>
<header>
<h1><a href="index.html" title="Plik demonstracyjny">Plik demonstracyjny</a></h1>
</header>
<section>
<div class="left-sidebar">
<h2>Przykładowy nagłÃ³wek</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
...czytaj więcej

[Zakończony] Rozdajemy szablony Joomla! od TemplateMonster

Uwaga – wyniki konkursu w wyróżnionym komentarzu pod wpisem! Czy w ostatnim czasie planowaliście zmianę wyglądu swojej witryny zbudowanej przy pomocy Joomla! CMS? Jeżeli tak, to trafiliście w odpowiednie miejsce! Dzięki uprzejmości naszego partnera TemplateMonster Polska organizujemy dla Was prostą zabawę, dzięki której, być może zupełnie za darmo, odświeżycie swoją własną stronę www. Szablony dla Joomla! TemplateMonster jest znaną amerykańską […] …czytaj więcej

[Wskazówka] Rozmiary względem obszaru roboczego: vw, vh, vmax, vmin

Czy kiedykolwiek zastanawiałeś się, w jaki sposób ustawić rozmiar elementu na stronie dokładnie względem okna przeglądarki? Ilekroć razy chciałeś użyć do tego Javascriptu? Jeżeli na oba pytania odpowiedziałeś sobie wynikiem większym niż zero, zapoznaj się z poniższą wskazówką. W dzisiejszym wpisie zademonstruję Ci w jaki sposób odnosić się do rozmiarów elementów względem okna przeglądarki (viewport). Pomocne […] …czytaj więcej

Joomla! 3.x – witryna wielojęzyczna

Dzisiejszy wpis poświęcę na to, aby pokazać Ci, w jaki sposób w kilku prostych krokach dodać do witryny opartej o Joomla! 3.x drugi język. W moim przypadku posiadam już stronę z polskimi tekstami ale zaszła potrzeba dodania ich wersji angielskiej. Co najważniejsze, nie użyjemy do tego żadnych dodatków firm trzecich. Przykład działania opisywanego przykładu możesz podejrzeć na […] …czytaj więcej

TemplateMonster- zakończenie konkursu

Zakończenie konkursu

W pierwszym konkursie, który został zorganizowany na moim blogu mieliście możliwość wygrać dowolnie wybrany szablon do Joomli, który został ufundowany przez TemplateMonster. Konkurs rozpoczął się dokładnie 22 kwietnia 2015 roku i trwał 7 dni. We środę, 29 kwietnia, trzej zwycięzcy zostali wylosowani, a kupony na 100% zniżki zostały przesłane drogą E-mailową.

W tym krótkim wpisie przedstawię listę trzech zwycięzców, który wygrali wybrany przez siebie szablon:
1. Comandeer
2. Volix
3. Mateusz Milewski

Serdecznie gratuluje zwycięzcom

…czytaj więcej