Nei Tools fir Webdesign an Entwécklung: Januar 2013

Auteur: Peter Berry

Denlaod Vun Der Kreatioun: 15 Juli 2021

Update Datum: 13 Mee 2024

Nei Tools fir Webdesign an Entwécklung: Januar 2013 - Kreativ

Inhalt

01. Parsley.js
02. Sidd Dir e Mënsch?
03. X-editabel
04. Dillinger
05. Character-Code.com
06. Malihu jQuery Benotzerdefinéiert Scroller 2.3
07. Eng Div
08. Zigg.be Alpha
09. RubyJS
10. BaconJS
Liked dëst? Liest dës!

D'Sammlung an d'Validatioun vum Benotzerinput schéngt e Thema ze sinn, dat an de fréie Deeg vum 2013. Front-line Form Kontrolléiere, Inline Inhalt Editéieren, och den tricky Geschäft fir d'Benotzer Mënschheet opzebauen kréien e wertvoll Opmierksamkeet.

Eng aner Facette vum Internet déi zënter kuerzem vill Opmierksamkeet krut, kéint kosmetesch genannt ginn, awer dat mécht et bëlleg kléngt, wat et net ass. De Web brauch vill Kosmetik fir seng verschidde Feeler an Anomalien ze verstoppen. Also hei fanne mir en universelle Fix fir d'scrollbar verschidde Varianten, e CSS-baséiert Ikonsatz an en URL-Ofkierzungsservice deen näischt manner wéi brillant ass.

A wann Dir net mat dësem Lot zefridden sidd da gëtt et e puer schwéier Lifter. Als éischt hu mir RubyJS - eng Bibliothéik déi Ruby-Style Kodéierung an engem pure JavaScript Ëmfeld erlaabt. An d'Kiischt um Kuch: BaconJS. Eng Ëmsetzung vum funktionelle Programméierungsparadigma wat e puer vun Äre regelméissegen Approche zur interaktiver Programméierung grondsätzlech erausfuerdert.

Also, wann Dir Äre Wee duerch dat vill schafft, gëtt de Februar beschäftegt a gutt ausgesinn.

01. Parsley.js

Präis: Gratis

Formen stellen dem Designer e ganz besonnesche Set vu Probleemer vir, mat deem et all ze einfach ass, sech ze veränneren. Wéi och ëmmer, just d'Vue vun engem eidele Feld ass genuch fir e puer Benotzer ofzesetzen, sou datt et entscheedend ass datt de Prozess vun der Dateningabung esou schmerzlos a fehlerfräi wéi méiglech ass. Parsley.js wëll domadder hëllefen.

Hooked an d'Datenattributer vun den Input Felder vun Ärer Form, Petersilie kënnt mat enger breeder Palett u Routinen, vu Mindestlängt bis URL Validitéit. A bei 800 Linnen ass d'Bibliothéik och kleng, sou datt d'Verlängerung vun de Routine fir méi intensiv Validatioun net ze besteierend soll sinn.

02. Sidd Dir e Mënsch?

Präis: Gratis / $ 19 / $ 79 pro Mount

Jeemools just eng Captcha Form opginn, iwwerzeegt datt d'Saach iergendwéi gebrach muss ginn? Gutt, Dir sidd net eleng an deem. Anscheinend eppes wéi e Véierel vun de Benotzer gëtt vum onbequemen Captcha Validatiounsprozess ofgesat. A fir dat alles ze decken, ass de Prozess net immun fir gehackt ze ginn.

Sidd Dir e Mënsch presentéiert e vill méi einfache a méi frëndleche Wee fir d'Mënschheet vun engem Benotzer ze validéieren. E Set vu einfache Spiller mat mënschlecher Verständnis an Entscheedungsprozess Fäegkeete beweise sech als méi erfreelech, séier Léisung. An net nëmme funktionnéiere se besser, si sinn extrem direkt ëmzesetzen.

03. X-editabel

Präis: Gratis

Wann Dir Twitter Bootstrap, jQuery UI oder normale jQuery benotzt, gëtt X-Editable Iech d'Méiglechkeet In-Page editable Inhalt mat bal guer kee Stress ze kreéieren. Et funktionnéiert reibungslos, ass einfach z'integréieren a verbënnt agnostesch mat Ärem Server-Säit Code.

Wann Dir déi relevant CSS- a JavaScript Dateien abegraff hutt - wat eng ganz Lëscht ka sinn - mat X-Editable ass sou einfach wéi .editable () op Är gewielten Elementer anzewenden an de POST Mechanismus ze spezifizéieren deen Äre Backend aktualiséiert.

Dës an déi reschtlech Optiounen fir d'Erfahrung ze personaliséieren si gutt dokumentéiert, sou datt dëst eng interessant Ergänzung zu der Arméi vum UI / UX Champion ass.

04. Dillinger

Präis: Gratis

Markdown ass eng attraktiv Iddi - Schreiwe Code mat E-Mail-ähnleche Syntax déi einfach liesbar ass a séier a regulär HTML iwwersat gëtt. Trotzdem ass et just eng aner Saach ze léieren, richteg? Gutt, Dillinger mécht dee Prozess sou transparent datt Dir a kuerzer Zäit funktionnéiert. A wann Dir schonn um Markdown Wagon sidd, ass et eng praktesch 'Code iwwerall' Optioun.

Geschriwwen mat e puer vun de populäersten Technologien vun haut, benotzt Dillinger Node.js fir parallel Konnektivitéit, Twitter Bootstrap fir säi Look, Ace Editor fir Input a Showdown fir de Markdown selwer ze verschaffen. Exportéiert Dateie kënne Markdown bleiwen oder op HTML sprangen.

05. Character-Code.com

Präis: Gratis

Heiansdo musst Dir just Charaktercoden wëssen, sou ass et. Konnt Dir sichen no der HTML Kodéierung vum Euro, oder dem integralen Zeechen, oder Dir wëllt en circumflexe Akzent an Ären Text bäifügen. Keen hält dës Saachen am Kapp an et ass e reegelméissegen Schmerz am Arsch probéiert eng zouverléisseg Ressource ze fannen déi all d'Basen deckt. Dat war bis Dir iwwer character-code.com héieren hutt.

Schéine Layout, sënnvoll Filteren, Unicode / HTML / ASCI, 'Op ee Bléck' Pann. Wat méi kéint Dir froen fir? Viru laanger Zäit wäert character-code.com Iech begeeschtert Sätze produzéieren déi ufänken, "Ech weess den Unicode-Wäert fir ..."

06. Malihu jQuery Benotzerdefinéiert Scroller 2.3

Präis: Gratis

Wann Dir Är Site e puer konsequent schwëschend ausgesi Kräizbrowser personaliséiert Scrollbarer wëllt ginn, huet de Manos Malihu just d'Saach fir Iech. Et enthält Inertial Scrollen, Mausrad Support a voll personaliséierbar Stiler a funktionnéiert just iwwerall. Et setzt awer op jQueryUI.

Dir wier verginn ze denken datt Styling vun enger Scrollbar eng vun de Saachen ass déi mir bis 2013 geknackt hätten. Dir wiert natierlech falsch. Webkit als würdeg Ausnam hëlleft net wierklech well Dir musst nach ëmmer eng Alternativ fir Net-Webkit Benotzer implementéieren. Malihu's aktualiséiert Plugin bitt eng verlässlech Léisung.

07. Eng Div

Präis: Gratis

Eng Div ass eng Sammlung vu Single-Div Symbolen déi mam CSS3 gezeechent sinn. Dës clever Approche huet de Virdeel datt se animéierbar sinn a wou se ënnerstëtzt ginn, kënne se glat skaléiert ginn, sou wéi SVG.

De Problem kënnt wann Dir an d'Cross-Platform Support Situatioun kuckt. Leider, wéi d'Saache stinn, gëtt et nëmmen en Ënnersatz vun der voller Sammlung op déi een an all Browser vertraue kann. Hoffentlech wäert déi Situatioun sech weider verbesseren. A wéi et et mécht, wäert d'Bibliothéik weider wuessen duerch Gemeinschaftsbäiträg.

08. Zigg.be Alpha

Präis: Gratis

Wann Dir jeemools engem eng URL iwwer Telefon hu misse soen, wësst Dir gutt, datt alles wat laanscht .com geschitt och an enger Friemsprooch ka sinn. Wann Dir mat enger Famill schwätzt, ass et eng Friemsprooch déi se net schwätzen. Zigg.be endet just dee Schmerz.

Gitt einfach Är massiv iwwerkomplex URL un, entscheet wéi laang Dir wëllt datt et bestoe bleift, an ewech. D'Resultat ass eng kuerz, liesbar URL, wéi zigge.be/wide oder zigge.be/bread zigge.be/lamp. Denkt just, och Är Groussmamm wier fäeg hire Wee op déi richteg eBay Auktioun ze verfollegen an der Zäit fir Äre Gebuertsdag. Eng API wier schéin wann et aus Alpha ass.

09. RubyJS

Präis: Gratis

Wann Dir e Ruby Dev sidd awer Dir hutt och e gewësse Betrag u JavaScript fir ze schreiwen, gitt Dir RubyJS gär. Baséiert op der Ruby Core Bibliothéik, erlaabt dëst clever kleng (20kb) Skript Iech Ären JS an engem Ruby Stil ze schreiwen. De méigleche Performance Boost kéint formidabel sinn.

RubyJS gëtt JavaScript déiselwecht Aart vun héich versatile Standardbibliothéik, vun deenen Ruby profitéiert. Et kann entweder am Ad-hoc oder voll am OO Modus funktionnéieren, awer den Haaptpunkt ass datt d'Ënnergrondausgab nach JavaScript ass. Wat Dir hutt ass d'Méiglechkeet op eng Manéier ze schaffen déi Ruby benotzt an Är Kenntnisser dovun.

10. BaconJS

Präis: Gratis

BaconJS verwandelt déi dynamesch Elementer vun Ärem UI an observéierbar Eegeschaften an d'Aktivitéite vun Äre Benotzer an Event Streams. Dës kënnt Dir kombinéieren, filteren a kombinéieren ier Dir Äre Funktiounen erlaabt 'Nebenwirkungen' ze verursaachen.

Eng JavaScript Bibliothéik fir déi virwëtzeg iwwer dat e bësse esoteresch funktionell Programméierungsparadigma, BaconJS kënnt mat éischtklasseger Dokumentatioun an exzellenten Tutorials. D'Resultater si wesentlech streamlined Code fir den Ëmgang mat dynamesche Benotzerinterfaces. D'Konzepter kënnen awer e bësse Gedanken béien, wann Dir aus engem normale prozeduralen / OO Hannergrond kënnt.

De Mark Penfold huet vill méi laang iwwer Design an Technologie geschriwwen wéi hie gären zouginn. Hie schreift an entwéckelt sech aus senger adoptéierter Heemechtsstad Glasgow.