Codepal

Posts Tagged 'Development'

Clarion

Dienstag 22 März, 2011

Clarion Consultancy Services sind Pioniere in bietet Beratung und aktive Lösungen aus der betrieblichen Forschung zum Schutz mit Unterstützung von Regierungen, multinationalen Unternehmen und Einzelpersonen zu schließen. Sie wollten eine Website, die diese Dienste und Online-Schulungen geben könnte und dass Benutzer anmelden und bezahlen für die Tutorials. Buck Design Ltd hat einen tollen Job bei der Gestaltung eines benutzerfreundlichen, modernen Design und nun war es unsere Aufgabe, eine effiziente CMS liefern für Inhalte und User-Management.

Die Herausforderung

Die größte Herausforderung in dieser Website war es, eine hierarchische Mitgliedschafts-System mit drei Ebenen der Mitglieder umzusetzen. Benutzern ermöglichen, sich auf ihre eigenen Register für den Mitgliedsbeitrag zu zahlen und den Zugang Premium-Tutorials. Auch zur Unterscheidung der Art der Inhalte die Nutzer auf ihre Mitgliedschaft Ebene basieren, können zugreifen.

Wir mussten auch ein Dashboard, wenn das Mitglied sein Profil oder ein Upgrade auf eine höhere Ebene der Mitgliedschaft update umsetzen können. Weitere wichtige Stoffe ordnungsgemäße Verwaltung der Seiten, Kontaktformulare, Google map Integration etc. enthalten

Die Lösung

Unsere Wahl für Content-Management-System wurde WordPress. Auch die Tatsache, dass WordPress "User-Management-System sehr effizient ist, war es unsere erste Wahl. Eine ordnungsgemäße Verwaltung der Seiten und Inhalte war einfach zu realisieren. WordPress hoch angepasst wurde, um die hierarchische Architektur für Benutzer Mitgliedschaft umzusetzen, erleichtern die Zahlung für die Mitgliedschaft Registrierung und korrekte Erreichbarkeit der Inhalte auf die Mitgliedschaft Ebene.

Tags: CMS , Entwicklung , Mitgliedschafts-System , PSD, um Wordpress , Wordpress
Posted in Portfolio | Keine Kommentare »

Structure Sealant C. Ltd.

Sonntag 20 März, 2011

Geklebte Contracts Ltd sind Spezialisten Dichtstoff-Applikatoren mit Sitz in London. Das Unternehmen ist etwas, um die damit verbundene Schalungen Construction Company . Wir haben vor kurzem ein Upgrade der Schalung vor Ort durch die Implementierung eines kundenspezifischen WordPress Content-Management-Lösung. Wie wird im Zusammenhang mit der Schalung Company, bekamen sie die Chance, das Innenleben der Website erfahren. Sie waren wirklich beeindruckt von ihr und näherte sich Buck Design Ltd , um Re-Design ihrer Website, und wir waren in der Verantwortung, die dem Content-Management-Lösung zu implementieren. Zusammen mit dem CMS-Implementierung haben wir auch zur Verfügung gestellt einige erweiterte Funktionen, wie Rekrutierung System, Google map Integration etc.

Die Herausforderung

Die Seite war ziemlich ähnlich wie die Schalung Unternehmen vor Ort, wie die beiden Unternehmen in Zusammenhang stehen. Aber noch immer gab es viele Änderungen an der Website in Bezug auf das Design. Auch wenn die Seite wurde ähnlich wie die Schalung vor Ort, war es unsere Aufgabe, ihm eine frische Anziehungskraft, Interaktion mit dem Benutzer klug.

CMS benötigt, um sehr effizient bei der Verwaltung der Inhalte und speziell die Bilder. Es gab eine Menge von Bildern auf jeder Seite und unsere Aufgabe war es, alles dynamisch, so dass der Kunde konnte sogar die Bilder aus dem Backend der Website. Die Homepage der Seite benötigt ein Karussell der vorgestellten Beiträge und featured news als eines kontinuierlichen Strom integriert.

Ähnlich wie bei der Schalung vor Ort, wir hatten die richtige maßgeschneiderte Bildlaufleisten wie alle Seiten der statischen Höhe waren zu implementieren. Es war notwendig, so dass der Inhalt nicht hätte eingeschränkt werden und das Design wird nicht ruiniert werden, weil der Standard-Scrollbalken.

Die Portfolio-Seite war ähnlich wie die Schalung vor Ort in den Weg, dass der Client konnte eine beliebige Anzahl von Projekt Bilder hochladen. Aber es war noch anders, weil das Projekt Bilder wurden von einer größeren Größe und besetzten die meisten der Bereich der Seite. Daher war es sehr wichtig, um die Bilder in einer Weise, dass es keinen Einfluss auf die Ladezeit der Seite und geben eine leere Seite fühlen verwalten.

Auch hier ähnelt der Schalung Site, benötigt die Nachrichten und Rekrutierung Seiten einfache Methoden für die Entsendung neuer Einträge. Die Rekrutierung Seite benötigt eine spezielle Einstellung Form, die mit der jeweiligen Einstellung Entsendung verbunden werden sollte. Der Kontakt Seite benötigt ein einfaches Kontaktformular und Google Map Integration und zeigt die Lage des Büros.

Die Lösung

WordPress wurde wieder als CMS für die Website verwendet. WordPress "immense Flexibilität und Features wie benutzerdefinierte Beiträge und benutzerdefinierte Taxonomien aus dem Content-Management sehr effizient und benutzerfreundlich. Darüber hinaus hat unsere Arbeit einfach in der Umsetzung der Multi-Typ Karussell auf der Homepage.

CSS3 und jQuery verwendet wurden eine Menge auf der gesamten Website zu geben, ihre Interaktivität ein modernes Ambiente halten es einfach und benutzerfreundlich. Die Scrollbalken perfekt mit dem Design gemischt und half Überwindung der Inhalte Einschränkung durch statische Höhe Problem.

Das Projekt Bilder wurden optimiert und die individuelle Backend Upload-Mechanismus hat die Aufgabe des Ladens Haufen von Bildern sehr einfach. Sie wurden unter Verwendung einer Diashow Ansatz, so dass ein Bild in einer Zeit angezeigt wird. Dies ermöglichte es allen anderen Bildern, die auf zu laden und nicht zur Zerstörung der Design-Flow des Standortes.

Implementieren Sie das Kontaktformular einfach war, wo die Rekrutierung Form war ein bisschen schwierig, da wir die Form der jeweiligen Rekrutierung Beitrag verlinken hatte. Die Google Map Integration wurde auch glatt, weil der super-API von Google zur Verfügung gestellt.

Tags: CMS , CSS 3 , Benutzerdefinierte Beiträge , Entwicklung , PSD, um Wordpress , Wordpress
Posted in Portfolio | Keine Kommentare »

Schalung Unternehmen v2

Sonntag, 27. Februar, 2011

Schalungen Firma ist eine private Baufirma in den Vereinigten Königreich. Wir entwickelten ihre statische Website irgendwann zurück, die halfen ihr Geschäft eine Menge. Mit der Zeit erhöhte sich die Inhalte der Website und auch der Bedarf für erweiterte Funktionen, die eine statische Website nicht bieten konnten sie. So sie wieder angefahren Buck Design Ltd für die Lösung. Die Website-Design wurde ein wenig retuschiert, und wir integrieren das Content Management System mit WordPress und auch umgesetzt einige wirklich fortschrittliche Funktionen wie Feedback mit Voting-System, Recruitment-System etc.

Die Herausforderung

Der Standort ist modular aufgebaut Struktur war sehr leicht zu xHTML/CSS3 konvertieren. Die größte Herausforderung war es, die CMS in der möglichst effiziente Weise zu integrieren. Die Homepage der Seite benötigt ein Karussell der vorgestellten Beiträge und featured news als eines kontinuierlichen Strom integriert.

Alle Seiten der Website werden von statischen Höhe, daher hatten wir die richtige Rollbalken implementieren, so dass die Größe des Inhalts nicht entscheidend eingeschränkt werden und die Bildlaufleiste nicht zerstören konnte das Look and Feel der Website. Das gleiche stand für die Portfolio-Seite der Projekte-Liste.

Eine der wichtigsten Anforderungen der Projekte war, dass jedes Projekt könnte jede Menge Bilder projizieren und unser Ziel war, sie in eine richtige benutzerfreundliche Art und Weise, so dass es keinen Einfluss auf die Website Ladezeit angezeigt haben.

Die Nachrichten und Rekrutierung Seiten benötigt einfache Methoden für die Entsendung neuer Einträge. Die Rekrutierung Seite benötigt eine spezielle Einstellung Form, die mit der jeweiligen Einstellung Entsendung verbunden werden sollte. Der Kontakt Seite benötigt ein einfaches Kontaktformular sowie kontrastierende auf die vorherige Version der statischen Website.

Die größte Herausforderung war es, ein Feedback Vorschlagswesen mit Gewinde zu kommentieren und die Stimmabgabe zur Wahl die besten Rückmeldungen vorgeschlagen umzusetzen.

Die Lösung

Wir benutzten WordPress als CMS für die Website. WordPress "immense Flexibilität hat uns geholfen, die Herausforderungen problemlos. Wir nutzten eigene Beiträge und eigene Taxonomien, um das Content Management sehr effizient und benutzerfreundlich. Darüber hinaus hat unsere Arbeit einfach in der Umsetzung der Multi-Typ Karussell auf der Homepage.

Wir verwendeten jQuery eine Menge auf dem Gelände bis zum äußersten Grad der effizienten Interaktivität und Benutzerfreundlichkeit halten die Site auf Zugänglichkeit zu erreichen. Der Scrollbalken wurde Design freundlich und diente dem Zweck perfekt.

Das Projekt Bilder wurden in einer solchen Weise, dass der Anwender die Bilder zu betrachten, wie sie sind oder vergrößern und sogar steuern den Fluss der Bilder umgesetzt. Alle diese wurden in einer solchen Weise, dass die Ladezeit der Bilder gibt nicht eine schlechte Erfahrung für den Benutzer implementiert.

Implementieren Sie das Kontaktformular einfach war, wo die Rekrutierung Form war ein bisschen schwierig, da wir die Form der jeweiligen Rekrutierung Beitrag verlinken hatte.

Schließlich wurde das Feedback-System durch die Anpassung WordPress weiter und die Integration der threaded comment-System und der Stimmrechte sytem darin implementiert.

Tags: CMS , CSS 3 , Benutzerdefinierte Beiträge , Entwicklung , PSD, um Wordpress , Wordpress
Posted in Portfolio | Keine Kommentare »

Publishing Gurus

DONNERSTAG, 24. Februar, 2011

PublishingGurus.com bietet Komplettlösungen für die Gestaltung, Bearbeitung, Formatierung, Verlagswesen und die Förderung der Bücher. Die Website wurde komplett von ihrem eigenen konzipiert Sunny Kapoor (Gründer und Creative Director), und wir waren die Aufgabe, die Website ist damit vollständig anpassbar und Umsetzung komplexer Funktionen in ihr zu entwickeln. Wir verwendeten wordpress unsere Aufgabe zu erfüllen und sehr individuelle sie ein qualitativ hochwertiges Produkt zu bekommen.

Die Herausforderung

Das primäre Ziel der Website war es, riesige Mengen an Seiten aufrecht zu erhalten. Anders als die Content-Management-Aspekt der gesamten Website, waren die beiden wichtigsten Anforderungen zur Durchführung eines Buches angezeigt zu speichern, wo sie angezeigt und fördern könnten die vorgestellten Bücher und die Visitenkarte Galerie. Außerdem erforderte eine Galerie, wo sie die ausgelegt, deckt für ihre Bücher anzeigen konnte.

Weitere Herausforderungen waren die Umsetzung verschiedener Arten von Formen, die jeweils von den anderen in vielerlei Hinsicht. Die Visitenkarte Layouts erforderlich, um mit den Formen, so dass der Benutzer anpassen und damit den Druck von den jeweiligen Karten problemlos verknüpft werden. Auch die Verknüpfung der Aufträge mit der PayPal-Zahlung-System wurde ein wichtiges Merkmal. Weitere Anforderungen waren die Umsetzung der verschiedenen Arten der Entsendung Fähigkeit wie Nachrichten und einem Internet-Blog.

Die Lösung

WordPress, wie wir alle wissen, macht einen guten Job in der Verwaltung der Inhalte, ob es in Seiten oder in Beiträgen ist. Wir aktivieren die Anpassung von allen Seiten über das Admin-Panel und implementierte die Fähigkeit, aktuelle Nachrichten oder Blog-Beiträge schreiben.

Das Buch Display Laden war wieder richtig verwaltet mit verschiedenen Kategorien und Filteroptionen. Offensichtlich kann der Anwender leicht das Bild bearbeiten und die Details des Buches. Der Druckdienstleister der Visitenkarte war ein bisschen schwierig zu implementieren, sondern es uns gelungen, sie mit Bravour. Wir verwendeten jQuery, um die verschiedenen Visitenkarten in ein Auge wohltuende Weise darzustellen. Connected jeder Vorlage, um die Details von den jeweiligen Formen geschrieben und mit dem Bestellsystem zu PayPal. Wir haben auch jQuery basiert Galerien verwendet werden, um das Portfolio der gestaltetes Buch Cover angezeigt werden.

Die Website als Ganzes war ziemlich komplex und enthielt zu viele Karussells und Formen, aber alles war in einem hellen benutzerfreundliche Weise umgesetzt. Wir haben sogar zugegeben Social-Networking-Features auf der Website zu teilen und ihre Inhalte leicht zum Wachstum des Standortes und Werbung für die Bücher über sie angezeigt zu fördern.

Die Website wurde vollständig für Suchmaschinen und zusätzliche Funktionen optimiert wurden, wie die Integration von Google Analytics in das Armaturenbrett die Anzeige der Statistiken über jeden Beitrag und Seite installiert.

Tags: CMS , CSS 3 , Entwicklung , jQuery , PHP , PSD, um Wordpress , Wordpress
Posted in Portfolio | Keine Kommentare »

Erstellen einer Neon Blink-Effekt für Ihre Formulare mit CSS3 und jQuery

Samstag, 17 Juli, 2010

Nun dank der hellen neuen Kind auf dem Block, CSS3, mit ein bisschen jQuery herausgeputzt, werde ich Ihnen zeigen, wie eine raffinierte Effekt auf Ihre Formulare verbessern zu bauen.

Bin sicher, dass dieses coole Neon blink-Effekte in Form sein werden nützlich für viele Zwecke so nicht vermisse meine Tutorial auf 1stWebDesigner.com .

In diesem Tutorial haben wir die Verwendung von @-webkit-Keyframes, die funktioniert nur in Browsern mit der Webkit-Layout-Engine wie Chrome und Safari gemacht. Für Browser, wie Firefox und Opera, wo es keine Alternative gibt, müssen wir anmutig beeinträchtigen die Wirkung, die in diesem Fall wird nur ein box-shadow werden auf den Fokus. Internet Explorer (bis Version 8) kann nicht machen das meiste, was wir hier lernen, aber IE 9 scheint sehr vielversprechend zu sein von dem, was ich in den letzten Platform Preview gesehen.

Tags: CSS 3 , Entwicklung , Formen , wie man , jQuery
Posted in Tutorials | 4 Kommentare »

Wie man einen kühlen Slide Out-Panel mit CSS3 nur erstellen

Montag, 5 Juli, 2010

Ich schrieb ein Tutorial für 1stwebdesigner.com Es geht darum, wie man CSS3 nutzen, um Ziele, die nur möglich waren mit Hilfe von JavaScript-Bibliotheken wie jQuery und Mootools zu erreichen. In diesem Tutorial erstellen wir eine Folie aus subscribe Panel.

Sobald der Betrachter schwebt über den subscribe-Taste auf der oberen rechten Ecke, wird die ganze verborgene Panel kommen Abrutschen mit einer sehr glatten Animationseffekt enthüllt die Abonnement-Optionen für den Besucher. All dies wird nur mit Hilfe von CSS3 durchgeführt werden.

Verpassen Sie nicht mein Tutorial auf 1stWebDesigner.com wenn Sie Bypass mit Hilfe von JavaScript zu diesem coolen Gleitwirkung erreichen wollen.

Tags: Coding , CSS 3 , Entwicklung , wie sie , tutorial
Posted in Tutorials | 6 Kommentare »