Tuesday, 3 January 2017

العشرة المبشرين بالجنة

https://youtu.be/6J1LRQ2kRv0 العشرة المبشرين بالجنة 1) أبو بكر الصديق ولد أبو بكر الصّديق في مكة سنة 573م بعد عام الفيل بسنتين وستّة أشهر، 2) عمر بن الخطاب ولد عمر بن الخطاب رضي الله عنه بعد مولد النبيّ - صلّى الله عليه وسلّم - بحوال ثلاثة عشر عاماً. 3) عثمان بن عفان ولد عثمان بن عفان رضي الله عنه في الطائف، في السّنة السّادسة بعد عام الفيل. 4) علي بن أبي طالب هو ابن عمّ الرّسول محمد عليه السّلام، وزوج ابنته فاطمة رضي الله عنها، ولد في عام 53 قبل الهجرة. 5) الزّبير بن العوّام ولد سنة 28 قبل الهجرة، وتوفّي في سنة 36 للهجرة. 6) طلحة بن عبيد الله كان من السّابقين إلى الإسلام. كنّاه الرسول عليه الصلاة والسّلام بعدّة أسماء منها: طلحة الخير، وطلحة الفيّاض. ولد سنة 28 قبل الهجرة، 7) سعد بن أبي وقاص كان سعد رضي الله عنه كثير البكاء من خشية الله تعالى. يعدّ سعد بن أبي وقاص أوّل من رمى بالسّهم دفاعاً عن الإسلام. أسلم في السّابعة عشرة من عمره، وتوفّي في عام 54 للهجرة. 8) أبو عبيدة بن الجرّاح سمّاه الرسول عليه السّلام بأمين هذه الأمّة. من مناقبه أنّه كان حليماً ومتواضعاً. قام بقتل أبيه المشرك في غزوة بدر. توفّي أبو عبيدة بمرض طاعون عمواس. 9) عبد الرّحمن بن عوف أحد المبشّرين بالجنّة. أسلم على يد أبي بكر الصّديق في وقت مبكّر فكان من أوائل المسلمين. هاجر إلى الحبشة وإلى المدينة. حضر المشاهد كلها مع النّبي صلّى الله عليه وسلّم. دفن بجوار عثمان بن مظعون رضي الله عنه عند وفاته. 10) سعيد بن زيد أحد المبشّرين بالجنّة. هو ابن عم عمر بن الخطاب، وزوج أخته فاطمة بنت الخطاب، وكان من السّابقين إلى الإسلام مع زوجته. المراجع (1) بتصرّف عن كتاب العشرة المبشرون بالجنّة/ تأليف محمد متولي الصّباغ/ مكتبة الإيمان/ رد مع اقتباس

No comments:

يقول المحدث الفقيه أبو إسحاق: وأنت في مرحلة المقاومة استعد للبلاء ! سيرمونك عن قوس واحدة ! لكن من ثمرة هذه المرحلة المباركة ! أنك تخرج منها قوي القلب ! فإن القلب لايقوى إلاّ في مرحلة المقاومة !!

ويقول: إن هذا الدين لا يباع وإنها ساعة بعدها يحط المسلم رحله في الجنة وينسى بؤسه قط بعد غمسة واحدة فيها.

جزاك الله الجنه و سقاك من انهارها... فكر وتدبر لتكون صاحب قرارك لا سجين غرورك

اللهم اغفر لى ذنوبى اللهم استر عيوبى اللهم انى اسألك الهدى و التقى و العفاف و الغنى اللهم اغنى جميع المسلمين من فضلك الذى لا ينفد

← →

HTML5 Web Worker

روى مسلم وأحمد وابن ماجه وغيرهم من حديث نافع بن عتبة أن النبي صلى الله عليه وسلم قال: (تغزون جزيرة العرب فيفتحها الله، ثم تغزون فارس فيفتحها الله، ثم تغزون الروم فيفتحها الله، ثم تغزون الدجال فيفتحه الله).

اللهم آمين

Audio player with demo

Tutorials Point

Drag an audio file to play it.

local_audio_visualizer.js

local_audio_visualizer.js
¶	window.onload = function() { var element = document.getElementById('container') dropAndLoad(element, init, "ArrayBuffer") }
¶ Reusable dropAndLoad function: it reads a local file dropped on a `dropElement` in the DOM in the specified `readFormat` (In this case, we want an arrayBuffer)	function dropAndLoad(dropElement, callback, readFormat) { var readFormat = readFormat \|\| "DataUrl" dropElement.addEventListener('dragover', function(e) { e.stopPropagation() e.preventDefault() e.dataTransfer.dropEffect = 'copy' }, false) dropElement.addEventListener('drop', function(e) { e.stopPropagation() e.preventDefault() loadFile(e.dataTransfer.files[0]) }, false) function loadFile(files) { var file = files var reader = new FileReader() reader.onload = function(e) { callback(e.target.result) } reader['readAs'+readFormat](file) } }
¶ Once the file is loaded, we start getting our hands dirty.	function init(arrayBuffer) { document.getElementById('instructions').innerHTML = 'Loading ...'
¶ Create a new `audioContext` and its `analyser`	window.audioCtx = new webkitAudioContext() window.analyser = audioCtx.createAnalyser()
¶ If a sound is still playing, stop it.	if (window.source) source.noteOff(0)
¶ Decode the data in our array into an audio buffer	audioCtx.decodeAudioData(arrayBuffer, function(buffer) {
¶ Use the audio buffer with as our audio source	window.source = audioCtx.createBufferSource() source.buffer = buffer
¶ Connect to the analyser ...	source.connect(analyser)
¶ and back to the destination, to play the sound after the analysis.	analyser.connect(audioCtx.destination)
¶ Start playing the buffer.	source.noteOn(0)
¶ Initialize a visualizer object	var viz = new simpleViz()
¶ Finally, initialize the visualizer.	new visualizer(viz['update'], analyser) document.getElementById('instructions').innerHTML = '' }) }
¶ The visualizer object. Calls the `visualization` function every time a new frame is available. Is passed an `analyser` (audioContext analyser).	function visualizer(visualization, analyser) { var self = this this.visualization = visualization var last = Date.now() var loop = function() { var dt = Date.now() - last
¶ we get the current byteFreq data from our analyser	var byteFreq = new Uint8Array(analyser.frequencyBinCount) analyser.getByteFrequencyData(byteFreq) last = Date.now()
¶ We might want to use a delta time (`dt`) too for our visualization.	self.visualization(byteFreq, dt) webkitRequestAnimationFrame(loop) } webkitRequestAnimationFrame(loop) }
¶ A simple visualization. Its update function illustrates how to use the byte frequency data from an audioContext analyser.	function simpleViz(canvas) { var self = this this.canvas = document.getElementById('canvas') this.ctx = this.canvas.getContext("2d") this.copyCtx = document.getElementById('canvas-copy').getContext("2d") this.ctx.fillStyle = '#fff' this.barWidth = 10 this.barGap = 4
¶ We get the total number of bars to display	this.bars = Math.floor(this.canvas.width / (this.barWidth + this.barGap))
¶ This function is launched for each frame, together with the byte frequency data.	this.update = function(byteFreq) { self.ctx.clearRect(0, 0, self.canvas.width, self.canvas.height)
¶ We take an element from the byteFreq array for each of the bars. Let's pretend our byteFreq contains 20 elements, and we have five bars...	var step = Math.floor(byteFreq.length / self.bars)
¶ `\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|` elements `\| \| \| \| \|` elements we'll use for our bars	for (var i = 0; i < self.bars; i ++) {
¶ Draw each bar	var barHeight = byteFreq[istep] self.ctx.fillRect( i (self.barWidth + self.barGap), self.canvas.height - barHeight, self.barWidth, barHeight) self.copyCtx.clearRect(0, 0, self.canvas.width, self.canvas.height) self.copyCtx.drawImage(self.canvas, 0, 0) } } }

Audio player with demo

Tutorials Point

Drag an audio file to play it.

local_audio_visualizer.js

local_audio_visualizer.js
¶	window.onload = function() { var element = document.getElementById('container') dropAndLoad(element, init, "ArrayBuffer") }
¶ Reusable dropAndLoad function: it reads a local file dropped on a `dropElement` in the DOM in the specified `readFormat` (In this case, we want an arrayBuffer)	function dropAndLoad(dropElement, callback, readFormat) { var readFormat = readFormat \|\| "DataUrl" dropElement.addEventListener('dragover', function(e) { e.stopPropagation() e.preventDefault() e.dataTransfer.dropEffect = 'copy' }, false) dropElement.addEventListener('drop', function(e) { e.stopPropagation() e.preventDefault() loadFile(e.dataTransfer.files[0]) }, false) function loadFile(files) { var file = files var reader = new FileReader() reader.onload = function(e) { callback(e.target.result) } reader['readAs'+readFormat](file) } }
¶ Once the file is loaded, we start getting our hands dirty.	function init(arrayBuffer) { document.getElementById('instructions').innerHTML = 'Loading ...'
¶ Create a new `audioContext` and its `analyser`	window.audioCtx = new webkitAudioContext() window.analyser = audioCtx.createAnalyser()
¶ If a sound is still playing, stop it.	if (window.source) source.noteOff(0)
¶ Decode the data in our array into an audio buffer	audioCtx.decodeAudioData(arrayBuffer, function(buffer) {
¶ Use the audio buffer with as our audio source	window.source = audioCtx.createBufferSource() source.buffer = buffer
¶ Connect to the analyser ...	source.connect(analyser)
¶ and back to the destination, to play the sound after the analysis.	analyser.connect(audioCtx.destination)
¶ Start playing the buffer.	source.noteOn(0)
¶ Initialize a visualizer object	var viz = new simpleViz()
¶ Finally, initialize the visualizer.	new visualizer(viz['update'], analyser) document.getElementById('instructions').innerHTML = '' }) }
¶ The visualizer object. Calls the `visualization` function every time a new frame is available. Is passed an `analyser` (audioContext analyser).	function visualizer(visualization, analyser) { var self = this this.visualization = visualization var last = Date.now() var loop = function() { var dt = Date.now() - last
¶ we get the current byteFreq data from our analyser	var byteFreq = new Uint8Array(analyser.frequencyBinCount) analyser.getByteFrequencyData(byteFreq) last = Date.now()
¶ We might want to use a delta time (`dt`) too for our visualization.	self.visualization(byteFreq, dt) webkitRequestAnimationFrame(loop) } webkitRequestAnimationFrame(loop) }
¶ A simple visualization. Its update function illustrates how to use the byte frequency data from an audioContext analyser.	function simpleViz(canvas) { var self = this this.canvas = document.getElementById('canvas') this.ctx = this.canvas.getContext("2d") this.copyCtx = document.getElementById('canvas-copy').getContext("2d") this.ctx.fillStyle = '#fff' this.barWidth = 10 this.barGap = 4
¶ We get the total number of bars to display	this.bars = Math.floor(this.canvas.width / (this.barWidth + this.barGap))
¶ This function is launched for each frame, together with the byte frequency data.	this.update = function(byteFreq) { self.ctx.clearRect(0, 0, self.canvas.width, self.canvas.height)
¶ We take an element from the byteFreq array for each of the bars. Let's pretend our byteFreq contains 20 elements, and we have five bars...	var step = Math.floor(byteFreq.length / self.bars)
¶ `\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|` elements `\| \| \| \| \|` elements we'll use for our bars	for (var i = 0; i < self.bars; i ++) {
¶ Draw each bar	var barHeight = byteFreq[istep] self.ctx.fillRect( i (self.barWidth + self.barGap), self.canvas.height - barHeight, self.barWidth, barHeight) self.copyCtx.clearRect(0, 0, self.canvas.width, self.canvas.height) self.copyCtx.drawImage(self.canvas, 0, 0) } } }

Untitled Document

Learn Java: Price: $ 800
Learn HTML : $500
Learn Android : $450
Learn SVG : $1200
Learn Bootstrap : $65
Learn HTML : $800
Learn Bootstrap : $45
Learn SVG : $900
Learn Angular Js : $20

Tutorials Point

اللّهم صلّي وسلّم على نيّنا محمّد

أستغفر الله العظيم سبحان الله

A List View:

Input Field: Toggle Switch:

Tutorials point

jQuery UI Tooltip - Default functionality

Tutorials point Free tutorials and reference manuals with examples for Concordion, 5G, JBPM5, SAP, Agile, SVG, Web Icons, KDB+, Web Analytics, Google Maps, Joomla, Self

J Query is a fast and concise JavaScript library created by John Resig in 2006. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for Rapid Web Development.

your tutorials details