دوره مجازی فاندیشن (جلسه 10) - کامپوننت ها - کنترل ها - بخش اول
◷
تاریخ انتشار: 1395/1/18 | ساعت: 2:54
0 13 ۱۷ فروردین ۹۵ در جلسه دهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش اول مبحث کنترل ها و با کلاس ها و تگ های مختص آن آشنا خواهیم شد... در این جلسه می پردازیم به : معرفی کنترل ها معرفی دکمه ها معرفی دکمه های گروهی بررسی و نحوه استفاده از font icon های پیش فرض فاندیشن و نحوه اتصال,پیکربن...
استایل زیبا برای منوی خطی - Line Menu ( نمونه 26)
◷
تاریخ انتشار: 1395/1/16 | ساعت: 18:24
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; color: #444; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a ...
دوره مجازی فاندیشن (جلسه 9) - فرم ها
◷
تاریخ انتشار: 1395/1/15 | ساعت: 0:20
0 6 ۱۴ فروردین ۹۵ در جلسه نهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی مبحث فرم ها و با کلاس ها و تگ های مختص آن آشنا خواهیم شد... در این جلسه می پردازیم به : ایجاد المان های موجود در فرم ها بررسی انواع input ها نحوه ایجاد vertical form ها نحوه ایجاد horizontal form ها نحوه ایجاد inline leabe...
stretchy-navigation : آموزش ساخت استایل زیبا برای Navigation
◷
تاریخ انتشار: 1395/1/13 | ساعت: 17:52
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ساخت Navigation زیبا آموزش داده شده و میتونین از اون استفاده کنید و اونو در سایتتون قرار بدین و به زیبایی سایتتون بیافزایید. برای شروع وارد سایت stretchy-navigation بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)
استایل زیبا برای منوی خطی - Line Menu ( نمونه 24)
◷
تاریخ انتشار: 1395/1/13 | ساعت: 17:52
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; color: #444; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a ...
استایل زیبا برای انیمیشنی کردن آیکون ها - Animocons ( نمونه 17)
◷
تاریخ انتشار: 1395/1/13 | ساعت: 17:52
<div id="container"> <button class="icobutton icobutton--unico "> <svg viewBox="0 0 448.546 448.546" width="86px" height="86px"> <path d="M385.7,172.2c-9.7-7.9-19.2-12.4-27.3-14.9c-9.9-3.1-17.5-3.2-20.6-3.2c-16.2,0-32.3,5.5-45.5,15.6c-6,4.6-12.6,8.3-19.5,11c-0.4-56.9-23-110.5-59.3-139.5c-2.3-4.1-5.1...
Exporting Better SVGs : ترفندهایی برای Export کردن بهتر SVG
◷
تاریخ انتشار: 1395/1/12 | ساعت: 22:20
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ترفندها و روشهای متنوعی قرار داده شده و میتونین با استفاده از مطالعه این آموزش یاد بگیرید که چطور از فایلهای SVG خودتون بهترید Export یا خروجی رو بگیرید و از اونا استفاده کنید. برای شروع وارد سایت Exporting Better SVGs بشین. امیدوارم بدردتون بخور...
استایل زیبا برای جداول قیمت - pricing-tables ( نمونه 12)
◷
تاریخ انتشار: 1395/1/12 | ساعت: 22:20
<section class="pricing-section"> <div class="pricing pricing--palden"> <div class="pricing__item"> <div class="pricing__deco"> <svg class="pricing__deco-img" version="1.1" id="Layer_1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y...
دوره مجازی پلاگین نویسی وردپرس (جلسه 3) : آشنایی با ساختار پلاگین وردپرس و نحوه اجرای آن
◷
تاریخ انتشار: 1395/1/12 | ساعت: 22:20
0 50 ۱۲ فروردین ۹۵ به نام خدا و سلام. در خدمت شما هستیم با سومین جلسه از دوره مجازی آموزش کدنویسی پلاگین وردپرس. در این جلسه ما قصد داریم آموزش دهیم یک پلاگین در وردپرس به چه معناست ؟ برای جواب این سوال ما ساختار پلاگین ها را بررسی خواهیم کرد و کاملا سعی می کنیم شما درک خوبی از نحوه کارکرد یک پلاگین...
دوره مجازی سئو (جلسه 25): آموزش جامع سرچ کنسول - جلسه تکمیلی
◷
تاریخ انتشار: 1395/1/12 | ساعت: 11:27
0 3 ۱۱ فروردین ۹۵ در این جلسه از آموزش سرچ کنسول مباحث تکمیلی ابزار سرچ کنسول رو خدمت شما عزیزان آماده کردیم که به بقیه قسمت های باقی مونده از این ابزار هم خواهیم پرداخت. مطالب مطرح شده در این جلسه عبارتند از : آشنایی با بخش content keywords ثبت و معرفی آدرسی اصلی سایت ( با www یا بدون Www) و مباحث ...
استایل زیبا برای منوی خطی - AnimatedLetters ( نمونه 11)
◷
تاریخ انتشار: 1395/1/11 | ساعت: 4:24
(function() { /** * checks if a number is Odd */ function isOdd(n) { retu Math.abs(n % 2) == 1; } /** * retu s a random number between min and max */ function randomIntFromInterval(min,max) { retu Math.floor(Math.random()*(max-min+1)+min); } var word = document.querySelector('.list__text'), playCtrl...
gamepad-api : آموزش استفاده از Gamepad API در بازیهای تحت وب
◷
تاریخ انتشار: 1395/1/11 | ساعت: 4:24
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش داده شده که چطور از Gamepad API استفاده کنید و اونا رو در بازیهای تحت وبی که میسازید وارد کار کنید. برای شروع وارد سایت gamepad-api بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)
دوره مجازی فاندیشن (جلسه 8) - کار با متون - Typography
◷
تاریخ انتشار: 1395/1/10 | ساعت: 22:11
0 3 ۱۰ فروردین ۹۵ در جلسه هشتم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی مبحث Typography و با کلاس ها و تگ های مختص آن آشنا خواهیم شد... در این جلسه می پردازیم به : بررسی تگ های Heading و سایز آن بررسی تگ small بررسی a بررسی تگ hr بررسی تگ ul و ol بررسی تگ های dl ,dt و dd بررس تگ blockquotes ب...
weather : دانلود رایگان آیکونهای مربوط به آب و هوا
◷
تاریخ انتشار: 1395/1/10 | ساعت: 19:42
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 208 آیکون مربوط به آب و هوای زیبا قرار داده شده است و میتونین اونا رو رایگان دانلود کرده و استفاده کنید. برای دانلود کل مجموعه به انتهای صفحه برید و بر روی دکمه Download set کلیک کنید. برای شروع وارد سایت weather بشین. امیدوارم بدردتون بخوره. موف...
استایل زیبا برای منوی خطی - Line Menu ( نمونه 22)
◷
تاریخ انتشار: 1395/1/10 | ساعت: 19:42
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; color: #444; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a ...
بالاخره PhpStorm به صورت رسمی از زبان های راست به چپ پشتیبانی کرد!
◷
تاریخ انتشار: 1395/1/10 | ساعت: 19:42
9 90 ۱۰ فروردین ۹۵ امروز یه خبر بسیار خوب برای عزیزانی داریم که به طراحی و برنامه نویسی وب علاقمندند و IDE مورد استفاده و محبوبشون PhpStorm قدرتمند هست! چند روز پیش نسخه 2016.1 از IDE قدرتمند PhpStorm به صورت رسمی منتشر شد. در این نسخه مثل همیشه امکانات جدید و جالبی به PhpStorm اضافه شد. ولی چیزی که...
واکنشگرا کردن تصاویر (جلسه 4) : srcset با چگالی صفحه
◷
تاریخ انتشار: 1395/1/9 | ساعت: 21:11
0 3 ۸ فروردین ۹۵ در این مطلب با ادامه آموزش واکنشگرا کردن تصاویر در خدمتتون هستم. از زمانی که Apple نمایشگرهای Retina برای iPhone 4 قرار داد، طراحان وب به دنبال راه حلی برای مدیریت نمایشگرهای با چگالی بالا سوق پیدا کردند. در این زمان بود که srcset و توضیح چگالی صفحه ارائه شدند. Resolution Switching ...
دوره مجازی پلاگین نویسی وردپرس (جلسه 2) : نصب برنامه های لازم و آماده سازی محیط کار
◷
تاریخ انتشار: 1395/1/9 | ساعت: 21:11
0 21 ۹ فروردین ۹۵ به نام خدا و سلام. در جلسه دوم دوره مجازی پلاگین نویسی وردپرس در خدمت شما هستیم با نصب برنامه های لازم و اماده سازی محیط کار برای نوشتن پلاگین هایی با رنج ساده تا کاملا حرفه ای. در این جلسه نرم افزار های مورد نیاز که شامل php storm برای کد نویسی php و نوشتن و کار کردن با توابع word...
استایل زیبا برای انیمیشنی کردن آیکون ها - Animocons ( نمونه 16)
◷
تاریخ انتشار: 1395/1/9 | ساعت: 16:23
;(function(window) { 'use strict'; // http://stackoverflow.com/a/11381730/989439 function mobilecheck() { var check = false; (function(a){if(/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fe ec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mm...
bucaboot : سایتی زیبا و دیدنی برای ایده گرفتن
◷
تاریخ انتشار: 1395/1/9 | ساعت: 16:23
در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی بسیار زیبایی داره و میتونین از اون ایده های زیادی بگیرید و در طراحی سایت خودتون از اون استفاده کنید. برای شروع وارد سایت bucaboot بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)